:root {
    --white: #FFF;
    --black: #000;
    --dark: #191919;
    --dark2: #252525;
    --dark3: #111111;
    --dark-text: #2a2a2a;
    --dark-text2: #3a3a3a;
    --light-grey: rgba(0,0,0,.08);
    --light-grey2: #ebebeb;
    --light-grey3: #bebebe;
    --light-grey4: #e9e9e9;
    --light-grey5: #f3f3f3;
    --grey-bg: #f3f3f3;
    --grey-bg-light: #f8f9fa;
    --medium-grey: #636363;
    --medium-grey-text: #838383;
    --border-grey: #424242;
    --border-grey2: #D3D3D3;
    --form-bg-title-grey: #8c8c8c;
    --darkest: #242424;
    --dark-search: #2b2b2b;
    --primary: #55900f;
    --primary2: #507D1A;
    --primary3: #507d1a33;
    --primary-transparent: #56900f48;
    --green-ok: #19875421;
    --green-ok2: #19875454;
    --red: #FF0022;
    --dark-red: #dc3545;
    --badge-red: #dd0f0f;
    --badge-grey: #cdcdcd;
    --tertiary: #ffb400;
    --tertiary2: #FED219;/* #E19A00; */
    --yellow: #ffb400;
    --yellow-hover: #E3A000;
    --yellow2: #FED219;/* #E19A00; */
    --bg-color-1: var(--white);
    --bg-color-2: var(--grey-bg);
    --heading-color: var(--dark-text);
    --heading-size: 1.2rem;
    --city-grey: #808080;
    --icon-grey: #b6b5b6;
    --menu-mobile-bg-grey: #f7f7f7;
    --form-label-grey: #767676;
    --menu-border-grey: #e8e8e8;
    --lead-text-color: #363636;
    --gold: #FFD700;
    --navy: #2a2a42;
    --filter-black-to-primary: invert(35%) sepia(34%) saturate(7331%) hue-rotate(198deg) brightness(92%) contrast(91%);
    font-size: 14px;
    --base-font: 14;
    --fs-10: calc(10rem / var(--base-font));
    --fs-11: calc(11rem / var(--base-font));
    --fs-12: calc(12rem / var(--base-font));
    --fs-13: calc(13rem / var(--base-font));
    --fs-15: calc(15rem / var(--base-font));
    --fs-16: calc(16rem / var(--base-font));
    --fs-18: calc(18rem / var(--base-font));
    --fs-20: calc(20rem / var(--base-font));
    --fs-22: calc(22rem / var(--base-font));
    --fs-24: calc(24rem / var(--base-font));
    --fs-26: calc(26rem / var(--base-font));
    --fs-30: calc(30rem / var(--base-font));
    --fa: 'Font Awesome\ 5 Free';
    --color-facebook: #3b5998;
    --color-twitter: #1DA1F2;
    --container-width: 100vw;
    --base-offset: 5rem;
    --demo-offset: 0.01px;
    --top-offset: calc(var(--base-offset) + var(--demo-offset));
}

@media (min-width: 576px) {

    :root {
        --container-width: 540px;
    }

}

@media (min-width: 768px) {

    :root {
        --container-width: 720px;
    }

}

@media (min-width: 992px) {

    :root {
        --container-width: 960px;
    }

}

@media (min-width: 1200px) {

    :root {
        --container-width: 1140px;
    }

}

@media (min-width: 1400px) {

    :root {
        --container-width: 1320px;
    }

}

.uwy:not(.uon), body .uwy:not(.uon) {
    z-index: 1020 !important;
}

img {
    object-fit: scale-down;
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.object-scale-down {
    object-fit: scale-down;
}

ul, ol {
	padding: 0;
}

p ~ ul,
p ~ ol,
.cke_wysiwyg_div ul,
.cke_wysiwyg_div ol,
.news-text ul,
.news-text ol {
	padding-left: 1.5rem;
}

ul.news-menu,
ul.news-menu ul {
	padding-left: 1.25rem;
}
ul.pdf-menu {
	padding-left: 1.25rem;
}

.ratio {
    display: block;
}

.ratio-2x1 {
    --bs-aspect-ratio: 50%;
}

.ratio-3x2 {
    --bs-aspect-ratio: 66.666%;
}

.filter-to-primary {
    filter: var(--filter-black-to-primary);
}

.filter-to-white {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}

@media (min-width: 992px) {

    .filter-to-white-lg {
        filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
    }

}

.icon-as-primary {
    background: var(--primary);
    object-fit: scale-down;
    mask: var(--icon) center/contain no-repeat;
    -webkit-mask: var(--icon) center/contain no-repeat;
    min-width: var(--size);
    min-height: var(--size);
}

.ratio > .icon-as-primary {
    /* mask: var(--icon) center no-repeat; */
    /* -webkit-mask: var(--icon) center no-repeat; */
    mask: var(--icon) center/contain no-repeat;
    -webkit-mask: var(--icon) center/contain no-repeat;
}

.icon-as-primary:not(img) img {
    visibility: hidden;
}

.text-primary,
.text-hover-primary:hover {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-light {
    color: var(--light-grey3) !important;
}
.text-left{
    text-align: left;
}

.text-gold {
    color: var(--gold) !important;
}

.text-inherit {
    color: inherit !important;
}

.text-bigger {
    font-size: 1.142857em;
}

.bg-light {
    background-color: var(--grey-bg) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary-2 {
    background-color: var(--primary2) !important;
}

.bg-primary-3 {
    background-color: var(--primary3) !important;
}
.bg-ok {
    background-color: var(--green-ok2) !important;
}
.bg-primary-transparent {
    background-color: var(--primary-transparent) !important;
}

.bg-no-hover-transparent:not(:hover) {
    background-color: transparent !important;
}

.bg-success-light {
    color: #213d00 !important;
    background-color: #e3e9dc !important;
}

.bg-danger-light {
    color: #680d0d !important;
    background-color: #f0e4e4 !important;
}

.btn-primary {
    background-color: var(--primary) !important;
}

.btn-grey {
    background-color: var(--light-grey4) !important;
}

.btn-dark {
    background-color: var(--dark2) !important;
    border-color: var(--dark2) !important;
}

.btn-dark-alt {
    color: var(--white);
    background-color: var(--dark-text2) !important;
    border-color: var(--dark-text2) !important;
}

.btn-dark-alt:hover {
    color: var(--white);
    background-color: var(--dark3) !important;
}

.no-click {
    pointer-events: none;
}

.top-profile-desktop-menu .no-click {
    opacity: .5;
}

.icon-mask {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    /* object-fit: scale-down; */
    object-fit: contain;
    mask: var(--icon) center/contain no-repeat;
    -webkit-mask: var(--icon) center/contain no-repeat;
}

.ratio .icon-mask {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    mask: var(--icon) center no-repeat;
    -webkit-mask: var(--icon) center no-repeat;
}

.icon-mask-primary {
    background: var(--primary);
}

.icon-mask-grey {
    background: var(--medium-grey-text);
}

.icon-mask-tertiary {
    background: var(--tertiary);
}

.icon-mask-success-icon {
    background: #213d00;
}

.icon-mask-danger-icon {
    background: #680d0d;
}

*:not(html):not(body)::-webkit-scrollbar {
    width: .75rem;
}

.panel-search .input-price ~ .list-group-as-datalist::-webkit-scrollbar {
    width: .5rem;
}

*:not(html):not(body)::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.75);
    /* box-shadow: inset 0 0 .25rem rgba(0,0,0,.25);  */
    /* border-radius: .25rem; */
}

*:not(html):not(body)::-webkit-scrollbar-thumb {
    background: var(--primary-transparent); 
    border-radius: .25rem;
}

*:not(html):not(body)::-webkit-scrollbar-thumb:hover {
    background: var(--primary); 
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-6 {
    order: 6 !important;
}

.order-7 {
    order: 7 !important;
}

.order-8 {
    order: 8 !important;
}

.order-9 {
    order: 9 !important;
}

.order-10 {
    order: 10 !important;
}

.order-11 {
    order: 11 !important;
}

.order-12 {
    order: 12 !important;
}

.order-13 {
    order: 13 !important;
}

.order-14 {
    order: 14 !important;
}
    
.order-15 {
    order: 15 !important;
}

.order-16 {
    order: 16 !important;
}

.order-17 {
    order: 17 !important;
}

.order-18 {
    order: 18 !important;
}

.order-19 {
    order: 19 !important;
}

.order-20 {
    order: 20 !important;
}

.order-last {
    order: 9999 !important;
}

@media (min-width: 576px) {

    .order-sm-1 {
        order: 1 !important;
    }
    
    .order-sm-2 {
        order: 2 !important;
    }
    
    .order-sm-3 {
        order: 3 !important;
    }
    
    .order-sm-4 {
        order: 4 !important;
    }
    
    .order-sm-5 {
        order: 5 !important;
    }
    
    .order-sm-6 {
        order: 6 !important;
    }
    
    .order-sm-7 {
        order: 7 !important;
    }
    
    .order-sm-8 {
        order: 8 !important;
    }
    
    .order-sm-9 {
        order: 9 !important;
    }
    
    .order-sm-10 {
        order: 10 !important;
    }
    
    .order-sm-11 {
        order: 11 !important;
    }
    
    .order-sm-12 {
        order: 12 !important;
    }
    
    .order-sm-13 {
        order: 13 !important;
    }
    
    .order-sm-14 {
        order: 14 !important;
    }
    
    .order-sm-15 {
        order: 15 !important;
    }
    
    .order-sm-16 {
        order: 16 !important;
    }
    
    .order-sm-17 {
        order: 17 !important;
    }
    
    .order-sm-18 {
        order: 18 !important;
    }
    
    .order-sm-19 {
        order: 19 !important;
    }
    
    .order-sm-20 {
        order: 20 !important;
    }

    .order-sm-last {
        order: 9999 !important;
    }

}

@media (min-width: 768px) {

    .order-md-1 {
        order: 1 !important;
    }
    
    .order-md-2 {
        order: 2 !important;
    }
    
    .order-md-3 {
        order: 3 !important;
    }
    
    .order-md-4 {
        order: 4 !important;
    }
    
    .order-md-5 {
        order: 5 !important;
    }
    
    .order-md-6 {
        order: 6 !important;
    }
    
    .order-md-7 {
        order: 7 !important;
    }
    
    .order-md-8 {
        order: 8 !important;
    }
    
    .order-md-9 {
        order: 9 !important;
    }
    
    .order-md-10 {
        order: 10 !important;
    }
    
    .order-md-11 {
        order: 11 !important;
    }
    
    .order-md-12 {
        order: 12 !important;
    }
    
    .order-md-13 {
        order: 13 !important;
    }
    
    .order-md-14 {
        order: 14 !important;
    }
    
    .order-md-15 {
        order: 15 !important;
    }
    
    .order-md-16 {
        order: 16 !important;
    }
    
    .order-md-17 {
        order: 17 !important;
    }
    
    .order-md-18 {
        order: 18 !important;
    }
    
    .order-md-19 {
        order: 19 !important;
    }
    
    .order-md-20 {
        order: 20 !important;
    }

    .order-md-last {
        order: 9999 !important;
    }

}

@media (min-width: 992px) {

    .order-lg-1 {
        order: 1 !important;
    }
    
    .order-lg-2 {
        order: 2 !important;
    }
    
    .order-lg-3 {
        order: 3 !important;
    }
    
    .order-lg-4 {
        order: 4 !important;
    }
    
    .order-lg-5 {
        order: 5 !important;
    }
    
    .order-lg-6 {
        order: 6 !important;
    }
    
    .order-lg-7 {
        order: 7 !important;
    }
    
    .order-lg-8 {
        order: 8 !important;
    }
    
    .order-lg-9 {
        order: 9 !important;
    }
    
    .order-lg-10 {
        order: 10 !important;
    }
    
    .order-lg-11 {
        order: 11 !important;
    }
    
    .order-lg-12 {
        order: 12 !important;
    }

    .order-lg-13 {
        order: 13 !important;
    }
    
    .order-lg-14 {
        order: 14 !important;
    }
    
    .order-lg-15 {
        order: 15 !important;
    }
    
    .order-lg-16 {
        order: 16 !important;
    }
    
    .order-lg-17 {
        order: 17 !important;
    }
    
    .order-lg-18 {
        order: 18 !important;
    }
    
    .order-lg-19 {
        order: 19 !important;
    }
    
    .order-lg-20 {
        order: 20 !important;
    }

    .order-lg-last {
        order: 9999 !important;
    }

}

.color-facebook,
.color-facebook:hover,
.color-facebook:focus,
.color-facebook:focus:not(:hover) {
    color: var(--color-facebook);
}

.btn-facebook {
    background-color: var(--color-facebook);
    color: var(--white);
}

.btn-facebook:hover {
    color: var(--white);
}

.color-twitter,
.color-twitter:hover,
.color-twitter:focus,
.color-twitter:focus:not(:hover) {
    color: var(--color-twitter);
}

.btn-twitter {
    background-color: var(--color-twitter);
    color: var(--white);
}

.btn-twitter:hover {
    color: var(--white);
}

.text-light2 {
    color: var(--badge-grey);
}

.bg-yellow2 {
    background-color: var(--yellow2);
}

/* body.style-no-radius .badge {
    border-radius: 0 !important;
} */

body.style-no-radius .card,
body.style-no-radius .card-header:first-child {
    border-radius: 0;
}

.hover-shadow {
    transition: all .25s;
}

.hover-shadow:hover {
    opacity: .9;
    text-shadow: 0 0 .25rem rgba(0,0,0,.15);
}

.border-medium {
    border-color: var(--medium-grey);
}

/* add some necessary classes to bootstrap */

.fw-medium {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.opacity-0 {
	opacity: 0;
}

.opacity-50 {
	opacity: 50;
}

.mh-1 {
    max-height: 1rem;
}

.text-thin {
	font-weight: 300;
}

.text-justify {
    text-align: justify !important;
}

@media (min-width: 576px) {
    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width: 768px) {
    .text-md-justify {
        text-align: justify !important;
    }
}

@media (min-width: 992px) {
    .text-lg-justify {
        text-align: justify !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-justify {
        text-align: justify !important;
    }
}

.min-h-100 {
    min-height: 100%;
}

.form-floating > .text-end ~ label {
    text-align: right;
    left: auto;
    right: 0;
}

.form-floating > .text-end[type="number"] ~ label {
    text-align: right;
    left: auto;
    right: 1.25rem;
}

@media (max-width: 767.98px) {

    .label-for-select {
        font-size: .95rem;
        /* padding-left: var(--ff-padding-x); */
        /* padding-right: var(--ff-padding-x); */
        opacity: .65;
        transform: scale(.85) translateY(-0.5rem) translateX(.15rem);
        position: absolute;
        top: .75rem;
        /* left: 0; */
    }

    .label-for-select + .form-select.py-3 {
        padding-top: 1.5rem!important;
        padding-bottom: .5rem!important;
    }

    .search-options-modal-mobile .form-check {
        border-top: 1px solid var(--light-grey2);
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0;
    }

    .search-options-modal-mobile .form-check[data-key="-1"] {
        border-top: none;
    }

    .search-options-modal-mobile .form-check .form-check-label {
        width: calc(100% - 1.5em);
    }

}

input:not([type="date"])::-webkit-outer-spin-button,
input:not([type="date"])::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.additional-field-outer input[list]::-webkit-calendar-picker-indicator {
    display: none !important;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: var(--dark-text);
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color-1);
}

a {
    text-decoration: none;
    color: var(--primary);
}

a,
.btn-link,
.color-primary,
.text-primary,
.navbar-nav .nav-link.color-primary {
    color: var(--primary);
}

a:hover {
    color: var(--primary);
}

.nav-active-underline .nav-link {
    border-bottom: 2px solid transparent;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.nav-active-underline .nav-link.active {
    border-bottom: 2px solid var(--primary);
}

.nav-active-underline .nav-link:not(.active):hover {
    border-color: var(--light-grey2);
}

.nav .nav-link.active {
    color: var(--primary);
}

.nav .nav-link {
    color: var(--medium-grey);
}

.nav .nav-link:focus,
.nav .nav-link:hover {
    color: var(--primary);
}

.relative-outer {
    position: relative;
}

textarea {
    resize: none;
}

.form-control[readonly],
.additional-field-outer .form-control[disabled] {
    background: var(--white);
}

.form-control:focus,
.form-select:focus {
    /* box-shadow: inset 0 0 .5rem var(--primary); */
    box-shadow: inset 0 0 .5rem var(--light-grey), 0 .25rem .25rem rgba(0,0,0,.1);
    border-color: var(--primary);
}

body.style-no-radius .navbar .navbar-toggler,
body.style-no-radius .alert,
body.style-no-radius .form-control,
body.style-no-radius .form-select {
    border-radius: 0;
}

.alert.fixed-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn {
    border-radius: .5rem;
}

.btn:disabled,
.btn[disabled] {
    opacity: .5;
}

.panel-search .btn:disabled,
.panel-search .btn[disabled] {
    opacity: .9;
}

.btn:focus {
    box-shadow: none;
}

.badge.badge-danger {
	background: #fe4e50;
}

body.style-no-radius,
body.style-no-radius .panel-search {
    --input-border-radius: 0 !important;
}

.btn-group-xs > .btn,
.btn-xs,
.btn-group-xs > .btn:hover,
.btn-xs:hover {
	padding: .1rem .25rem;
	border-width: 1px;
    font-size: .75rem;
}

.btn-group-lg > .btn,
.btn-lg {
    border-radius: .5rem;
    font-size: var(--fs-16);
}

body.style-no-radius .single-ajax-medium .img-thumbnail,
body.style-no-radius .btn,
body.style-no-radius .btn-group-lg > .btn,
body.style-no-radius .btn-lg {
    border-radius: 0 !important;
}

@media (max-width: 1199.98px) {

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 1.05rem;
    }

}

.btn-group-lg > .btn > i:first-child,
.btn-lg > i:first-child {
    margin-right: .5rem;
}

.btn-group-lg > .btn > i:last-child,
.btn-lg > i:last-child {
    margin-left: .5rem;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled, .btn-primary.disabled, .btn-primary.like-disabled {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #FFF;
}

.btn-primary.like-disabled {
    cursor: default;
    opacity: .65;
}

.btn-primary:hover {
	background-color: var(--primary2) !important;
}

.btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:disabled {
	background: var(--tertiary);
	border-color: var(--tertiary);
	color: var(--white);
}

.btn-tertiary:hover {
	background: var(--tertiary2);
}

.btn-outline-tertiary {
    border-color: var(--tertiary);
}

.btn-outline-tertiary:hover {
	border-color: var(--tertiary2);
}

.btn-primary-outline, .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:disabled,
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:disabled {
	background: #FFF;
	border: 1px solid var(--primary);
	color: var(--primary);
}

.btn-primary-outline:hover,
.btn-outline-primary:hover {
	background: var(--primary);
	border: 1px solid var(--primary);
	color: #FFF;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-secondary {
    border-color: var(--light-grey);
    color: var(--dark-text);
}

[class*="btn-outline"]:not(.btn-sm):not(.btn-xs) {
    border-width: 2px;
}

.btn-fb, .btn-fb:hover, .btn-fb:focus {
	background: #4568b2;
	border: 2px solid #4568b2;
	color: #FFF;
}

.btn-fb:hover {
	background: #2C58B5;
}

.btn-google, .btn-google:hover, .btn-google:focus {
	background: #db4c3e;
	border: 2px solid #db4c3e;
	color: #FFF;
}

.btn-google:hover {
	background: #E91602;
}

.no-collapsing.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

/* @media (min-width: 992px) {

	.modal:not(.login-modal):not(.modal-sm) .modal-dialog {
		max-width: 920px;
	}

} */

.copy-area .copy-value-hidden {
    opacity: 0;
    height: 0;
    width: 0;
    float: left;
    position: absolute;
    z-index: -99;
}

/* .copy-profile-link {
    overflow: hidden;
} */

.copy-profile-link a {
    max-width: calc(100% - 3rem);
    overflow-wrap: break-word;
    white-space: normal;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}

@media (max-width: 991.98px) {

    .copy-profile-link a {
        display: block;
    }

}

@media (min-width: 992px) {

    .copy-profile-link a {
        white-space: nowrap;
        display: inline-block;
    }

}

.modal-body > .list-group,
.modal-body > .list-group > .list-group-item {
    border-radius: 0;
}

.modal-body > .list-group { 
    max-height: 50vh;
    max-height: calc(100vh - 8rem);
    overflow: auto;
}

body:not(.style-no-radius) .alert {
	border-radius: .5rem;
}

.alert p:last-child {
    margin-bottom: 0;
}

.alert.alert-success,
.modal-dialog.modal-success .modal-content {
	background-color: #C4E69B;
	border-color: #8FC153;
}

.modal-dialog .modal-header,
.modal-dialog .modal-footer {
    border-color: #dee2e6;
}

.alert.alert-info {
	background-color: #87B7DE;
	border-color: #7EAACF;
	color: #FFF;
}

.alert.alert-danger {
	background-color: #99001E;
	border-color: #800019;
	color: #FFF;
}

.alert.alert-danger a {
    color: #FFF;
    font-weight: bold;
}

.alert ul {
	list-style: none;
}

.alert ul:last-child {
	margin-bottom: 0;
}

.alert.alert-info a {
	color: #114977;
	font-weight: 600;
}

@media (min-width: 768px) {

    .collapse.show-md:not(.show) {
        display: block !important;
    }

}

/* fix button with user icon */

.navbar-light .btn-outline-secondary {
    background: var(--grey-bg);
}

.btn .fa-user {
    border-radius: 50%;
    transform: scale(1);
    overflow: hidden;
    transform-origin: center;
    vertical-align: sub;
}

.btn-outline-secondary:hover,
.navbar-light .btn-outline-secondary:hover {
    background: var(--dark-text);
}

.btn-outline-secondary-white-bg,
.btn-outline-secondary-white-bg:hover {
    background-color: var(--white);
    color: var(--dark);
    border-color: #ced4da;
}

.form-bg .btn-outline,
.form-bg .btn-outline:hover {
    border-width: 1px !important;
}

@media (max-width: 767.98px) {

    .form-bg .alert {
        font-size: .85rem;
        padding: .75rem;
    }

}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.form-check-input:focus {
    border-color: var(--primary-transparent);
    box-shadow: 0 0 .25rem var(--primary-transparent);
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--primary) !important;
}

.small, small {
    font-size: .9em;
}
.small-xxl {
     font-size: var(--fs-10); 
}
@media (max-width: 767.98px) {

    .small-xs {
        font-size: .9em;
    }

}

.fake-hidden {
    opacity: 0;
    position: absolute;
    top: -100vh;
    left: -100vh;
}

.row-new-photos ~ [name="photos_to_delete[]"] {
    display: none;
}

.dragOver .single-ajax-medium.empty .btn-light {
    background-color: var(--primary-transparent);
}

/* sections bg */

.white-section {
	background: var(--bg-color-1);
}

.grey-section,
.navbar-light,
.grey-bg,
.bg-grey {
	background: var(--bg-color-2);
}
.bg-grey-important{
    background: var(--bg-color-2) !important;
}
hr {
    background-color: var(--light-grey2);
    opacity: 1;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}

.middle-title {
    color: var(--black);
    font-weight: 400;
    font-size: 2.75rem;
}

.middle-title strong {
    color: var(--primary);
    font-weight: 700;
}

@media (max-width: 991.98px) {

    .middle-title {
        font-size: 2rem;
    }

}

@media (max-width: 767.98px) {

    .middle-title {
        font-size: 1.5rem;
    }

}

.dropdown-menu {
    min-width: 5rem;
}

.dropdown-item.active,
.dropdown-item:active {
    background: var(--primary);
    color: var(--white);
}

/* navbar and body padding */

.navbar-light .navbar-nav .nav-link:not([class*="color-"]) {
    color: var(--dark-text);
}

.navbar-nav .nav-link small {
    font-size: .75em;
}

/* body.navbar-is-fixed { */
body {
    padding-top: var(--top-offset);
}

body.widget-body {
    padding-top: 0;
}

html.demo {
    --demo-offset: 2.5rem;
}

html:not(.demo) {
    --demo-offset: 0.01px !important;
}

body.body-main {
    display: flex;
    flex-direction: column;
}

.toggle-demo-alert-btn {
    position: fixed;
    top: 0;
    left: calc(var(--container-width) + ((100vw - var(--container-width)) / 2));
    z-index: 1040;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.toggle-demo-alert-btn, .toggle-demo-alert-btn:hover, .toggle-demo-alert-btn:focus {
    border: 2px solid var(--yellow2);
    border-top: none;
}

html.demo .toggle-show,
html:not(.demo) .toggle-hide {
    display: none;
}

#demo {
    z-index: 1034;
    transition: all .25s;
}

html:not(.demo) #demo {
    top: -5rem;
}

@media (min-width: 992px) {

    #demo .btn {
        font-size: 1.25rem;
        border-radius: .75rem;
    }

}

@media (max-width: 991.98px) {

    #demo {
        font-size: .8rem;
    }

    html.demo {
        --demo-offset: 2rem;
    }

    .toggle-demo-alert-btn {
        left: .5rem;
        right: auto;
        padding: .25rem .5rem;
    }

    html.demo .toggle-demo-alert-btn {
        opacity: .75;
    }

}

@media (max-width: 699.98px) {

    html.demo {
        --demo-offset: 3.5rem;
    }

}

@media (max-width: 359.98px) {

    #demo {
        font-size: .7rem;
    }

    #demo .btn {
        font-size: .8rem;
    }

}

html.demo body .fixed-top:not(#demo) {
    top: var(--demo-offset);
}

.navbar-top {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--light-grey);
}

body:not(.navbar-is-fixed) .navbar-top {
    transition: all .25s;
    transition-delay: 0;
}

@media (min-width: 992px) {

    body:not(.navbar-is-fixed) .navbar-top {
        max-height: 10rem;
    }

}

body.scrolled:not(.navbar-is-fixed) .navbar-top {
    transition: all .75s;
    transition-delay: .25s;
    top: calc(-1 * var(--top-offset)) !important;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
}

@media (max-width: 991.98px) {

    body.scrolled:not(.navbar-is-fixed) .navbar-top {
        top: -200vh !important;
        max-height: 100vh;
    }

}

body.scrolled:not(.navbar-is-fixed) .navbar-top .navbar-brand img {
    max-height: 100%;
}

.navbar-top:not(.fixed-top) {
    z-index: 1030;
}

.navbar-top li i[class*="fa"]:first-child {
    font-size: 1.2rem;
}

.navbar-top img[data-src] {
    visibility: hidden;
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
}

.top-my-account-desktop .dropdown-menu li:not(:first-child) {
    /* border-top: 1px solid var(--border-grey2); */
}

.top-my-account-desktop .dropdown-menu li:last-child a {
    padding-bottom: 0;
}

.top-profile-desktop-menu {
    --padding-y: 1.66rem;
    --padding-x: 2rem;
    padding: var(--padding-y) var(--padding-x);
    border: none;
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
    margin-top: .5rem;
    border-radius: .5rem;
    min-width: 6rem;
    max-height: calc(100vh - var(--top-offset));
    overflow-y: auto;
    position: absolute;
    top: 100%;
}

.top-profile-desktop-menu .dropdown-divider {
    margin-left: calc(-1 * var(--padding-x));
    margin-right: calc(-1 * var(--padding-x));
}

body.style-no-radius .top-profile-desktop-menu {
    border-radius: 0;
}

.top-profile-desktop-menu .dropdown-header,
.top-profile-desktop-menu .dropdown-item {
    padding: .66rem 0;
    font-size: var(--fs-15);
}

.top-profile-desktop-menu .dropdown-header {
    margin-top: .75rem;
    font-size: var(--fs-16);
}

.top-profile-desktop-menu .dropdown-header {
    color: var(--darkest);
    font-weight: 600;
}

.top-profile-desktop-menu .dropdown-item:focus,
.top-profile-desktop-menu .dropdown-item:hover {
    background: transparent;
    color: var(--primary);
}

.top-profile-desktop-menu .badge,
.top-profile-mobile-menu .badge {
    background-color: var(--badge-grey) !important;
    line-height: 1;
    border-radius: 50% !important;
    padding: .3rem 0;
    width: 1.4rem;
    font-weight: 400;
}

.top-profile-desktop-menu .badge-pm,
.top-profile-mobile-menu .badge-pm {
    background-color: var(--badge-red) !important;
}

/* .top-my-account-desktop .dropdown-menu .dropdown-item {
    padding: .5rem 1rem;
} */

/* .top-my-account-desktop .dropdown-menu .dropdown-header {
    padding: 0;
} */

.top-profile-mobile-menu a .user-menu-icon,
.top-profile-desktop-menu a .user-menu-icon {
    width: 1.5rem;
    height: 1.33rem;
    object-fit: contain;
    margin-right: .5rem;
    display: inline-block;
    position: relative;
    top: -.1rem;
}

.top-profile-mobile-menu a:not(.color-primary) .user-menu-icon:not(.user-menu-icon-uploaded),
.top-profile-desktop-menu a:not(.color-primary) .user-menu-icon:not(.user-menu-icon-uploaded) {
    opacity: .25;
}

.top-my-account-desktop [data-session-expire] {
    display: inline-block;
    width: 1.75rem;
    text-align: center;
}

.top-clipboard-icon {
    display: block;
    border: 1px solid var(--light-grey);
    --outer-size: 3.5rem;
    height: var(--outer-size);
    width: var(--outer-size);
    border-radius: 50%;
    --inset: 1rem;
    padding: var(--inset);
    object-fit: scale-down;
    position: relative;
}

.top-clipboard-icon .icon {
    --size: calc(var(--outer-size) - (2 * var(--inset)));
}

.top-clipboard-icon .badge {
    font-weight: 600;
    --inset: .35rem;
    padding: var(--inset);
    --offset: .35rem;
    top: var(--offset);
    left: calc(100% - var(--offset));
    line-height: .66;
    border: 5px solid var(--bg-color-2);
}

@media (max-width: 767.98px) {

    .navbar-top li i[class*="fa"]:first-child {
        font-size: 1.5rem;
        display: inline-block;
        margin-right: .5rem;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    .navbar-top .navbar-brand img {
        vertical-align: text-bottom;
        max-height: 3rem;
        object-fit: scale-down;
    }

}

@media (min-width: 992px) {

    :root {
        --base-offset: 5.75rem;
    }

    .navbar-top {
        /* padding-top: 0;
        padding-bottom: 0; */
        padding-top: .5rem;
        padding-bottom: .5rem;
        /* min-height: 6.5rem; */
    }

    .navbar-brand {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
    }

    .navbar-top .nav-link {
        position: relative;
        font-weight: 500;
        font-size: 1.0715rem;
    }

    .navbar-top .nav-link::after {
        content: '';
        display: block;
        height: 3px;
        width: 0;
        max-width: 100%;
        background: transparent;
        position: absolute;
        top: auto;
        right: 0;
        bottom: .25rem;
        left: 0;
        margin: auto;
        transition: all .25s;;
    }

    .navbar-top .nav-link:hover::after {
        background: var(--primary);
        width: 2.5rem;
    }

    .navbar-top .navbar-brand img {
        vertical-align: text-bottom;
        width: 16rem;
        height: 4.5rem;
        object-fit: scale-down;
    }

    .top-group-buttons-desktop > * + * {
        margin-left: .5rem;
    }

    .top-my-account-desktop > .btn {
        border-radius: .5rem !important;
        position: relative;
    }

    .top-group-buttons-desktop .btn > i.fa-user { /* better icon position on desktop */
        position: relative;
        top: -1px;
        z-index: 0;
    }

    .top-group-buttons-desktop .btn > i.fa-plus { /* better icon position on desktop */
        position: relative;
        top: 1px;
        z-index: 0;
    }

    .top-my-account-desktop .dropdown-menu {
        transition: all 0;
        transition-delay: 0;
    }

    .top-my-account-desktop .dropdown-menu {
        display: block;
        visibility: hidden;
    }

    .top-my-account-desktop:hover .dropdown-menu {
        display: block;
        visibility: visible;
    }

    .top-my-account-desktop:not(:hover) .dropdown-menu {
        transition-delay: .75s;
    }

    .top-my-account-desktop .user-img {
        width: 4rem;
        height: 4rem;
        object-fit: cover;
    }

    .top-my-account-desktop .user-img ~ * {
        font-size: var(--fs-16);
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar-top .navbar-brand img {
        max-width: 12vw;
    }

}

.navbar-top h1 {
    margin-top: auto;
    margin-bottom: auto;
    display: inline-flex;
}

/* .navbar-top .langs-outer { */
.navbar-top .langs-group {
    border-left: 1px solid var(--light-grey);
    border-right: 1px solid var(--light-grey);
}

.navbar-top .langs-group img {
    margin-right: .25rem;
}

.navbar-top .btn-link {
    color: var(--dark-text);
    text-decoration: none;
}

.navbar-top .langs-group.show {
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
}

.navbar-top .langs-group {
    position: relative;
}

.navbar-top .langs-group:hover {
    z-index: 1;
}

.navbar-top .langs-group,
.navbar-top .langs-group * {
    --this-radius: .5rem;
}

.navbar-top .langs-group .btn {
    border-radius: var(--this-radius);
}

.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn + .dropdown-menu a {
    font-size: var(--fs-15);
}

.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn + .dropdown-menu a {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1400px) {

    .navbar-top .langs-group .btn,
    .navbar-top .langs-group .btn + .dropdown-menu a {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

}

.navbar-top .langs-group .btn:focus {
    outline: none;
    box-shadow: none;
}

.navbar-top .langs-group .btn.show,
.navbar-top .langs-group .btn.show:focus {
    background: var(--white);
    outline: none;
    border-radius: var(--this-radius) var(--this-radius) 0 0;
    /* box-shadow: 0 0 .5rem rgba(0,0,0,.1); */
    z-index: 9;
    transition: none;
}

.navbar-top .langs-group .btn.show + .dropdown-menu {
    background: var(--white);
    outline: none;
    border-radius:  0 0 var(--this-radius) var(--this-radius);
    /* box-shadow: 0 0 .5rem rgba(0,0,0,.1); */
    z-index: 9;
    margin-top: 0;
    border: none;
    font-size: 1.15rem;
    min-width: 100%;
    max-width: 100%;
    padding-top: 0;
    /* padding-bottom: 0; */
    position: absolute;
    top: 100%;
}

.btn[data-bs-toggle="dropdown"] .icon-down {
    font-size: .66rem;
    top: -.05rem;
    position: relative;
}

.dropdown-toggle::after {
    content: "\f078";
    font-family: var(--fa);
    border: none;
    font-weight: 600;
    vertical-align: middle;
}

.dropdown-toggle[aria-expanded="true"]::after {
    content: "\f077";
}
.badge-points{    
    position: absolute;
    display: block;
    top: -5px;
    left: 50%;
    background: #dc3545;
    /* width: 96px; */
    padding: 6px;
    margin: 0px;
    }
.nav-points{
    position: relative;
}    
@media (max-width: 991.98px) {

    .navbar.navbar-light {
        background-color: var(--menu-mobile-bg-grey);
    }

    .navbar .navbar-nav {
        position: relative;
        margin-top: .5rem;
    }

    .navbar .navbar-nav::before {
        content: '';
        position: absolute;
        top: 0;
        right: -2rem;
        bottom: auto;
        left: -2rem;
        display: block;
        /* width: 100%; */
        height: 1px;
        background-color: var(--menu-border-grey);
    }

    .navbar .nav-item {
        font-size: var(--fs-15);
        font-weight: 500;
    }

    .nav-item .dropdown-toggle::after {
        float: right;
    }

    .navbar .nav-item:not(:last-child) {
        border-bottom: 1px solid var(--menu-border-grey);
    }

    .navbar.has-shadow {
        box-shadow: 0 0 1rem rgba(0,0,0,.2);
    }

    .navbar .navbar-nav {
        margin-left: calc(-1 * var(--bs-gutter-x));
        margin-right: calc(-1 * var(--bs-gutter-x));
        padding-left: calc(2rem + var(--bs-gutter-x));
        padding-right: calc(2rem + var(--bs-gutter-x));
    }

    .navbar-top .collapse {
        max-height: calc(100vh - var(--top-offset) - 2rem);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav .dropdown-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .navbar .navbar-nav .dropdown-header {
        padding-left: 0;
        padding-right: 0;
        color: var(--darkest);
        font-weight: 600;
        font-size: var(--fs-15);
    }

    .navbar .navbar-nav .dropdown-menu {
        background: var(--menu-border-grey);
        border: none;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
        /* margin: 0 calc(-1 * (2rem + var(--bs-gutter-x))); */
        /* padding-left: calc(2 * 2rem); */
        /* padding-right: 2rem; */
        margin: 0 -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative;
    }

    /* bg on left */
    .navbar .navbar-nav .dropdown-menu::before,
    .navbar .navbar-nav .dropdown-menu::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        left: auto;
        width: calc((100vw - 100%) / 2);
        height: 100%;
        background: inherit;
    }

    .navbar .navbar-nav .dropdown-menu::after {
        left: 100%;
        right: auto;
    }

    .navbar .navbar-nav .dropdown-item {
        color: var(--dark-text);
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 0;
    }

    .navbar .navbar-nav .dropdown-menu > li:not(:last-child) .dropdown-item,
    .navbar .navbar-nav span.dropdown-menu > .dropdown-item:not(:last-child) {
        padding-bottom: .75rem;
    }

    .navbar .navbar-nav .dropdown-menu > li:not(:first-child) .dropdown-item,
    .navbar .navbar-nav span.dropdown-menu > .dropdown-item:not(:first-child) {
        padding-top: .75rem;
    }

    .navbar .navbar-nav .dropdown-item:focus,
    .navbar .navbar-nav .dropdown-item:hover {
        color: var(--primary);
        background-color: transparent;
    }

    .navbar .navbar-brand {
        display: inline-block;
        max-width: 25vw;
    }

    .navbar .navbar-brand > img {
        max-height: 3.5rem;
    }

    .navbar .mobile-top-icon-with-desc {
        text-align: center;
        border: none;
        border-radius: .5rem;
        position: relative;
        padding: .5rem .75rem .25rem;
        min-height: 100%;
    }

    body.style-no-radius .navbar .mobile-top-icon-with-desc {
        border-radius: 0;
    }

    .navbar .mobile-top-icon-with-desc:focus {
        box-shadow: none;
    }

    .navbar .mobile-top-icon-with-desc:hover {
        background-color: var(--white);
        filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
        box-shadow: none;
    }

    .navbar .mobile-top-icon-with-desc .fa-user {
        border-radius: 50%;
        overflow: hidden;
        transform: scale(1);
    }

    .navbar .mobile-top-icon-circle-green .icon-outer,
    .navbar .mobile-top-icon-circle-grey .icon-outer {
        border-radius: 50%;
        display: flex;
        text-align: center;
        width: 2rem;
        height: 2rem;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar .mobile-top-icon-circle-green .icon-outer > i,
    .navbar .mobile-top-icon-circle-grey .icon-outer > i {
        display: block;
        margin: auto;
        font-size: 1.1rem;
    }

    .navbar .mobile-top-icon-circle-green .icon-outer {
        background: var(--primary);
        color: var(--white);
    }

    .navbar .mobile-top-icon-circle-grey .icon-outer {
        background: var(--icon-grey);
        color: var(--white);
    }

    .navbar .mobile-top-icon-with-desc > i {
        font-size: 2.5rem;
        font-style: normal;
        margin-bottom: .33rem;
    }

    .navbar .mobile-top-icon-with-desc .my-bars-icon {
        --line-width: 3px;
        --line-color: var(--black);
        width: 2rem;
        height: 1.5rem;
        border: none;
        border-top-width: var(--line-width);
        border-top-style: solid;
        border-bottom-width: var(--line-width);
        border-bottom-style: solid;
        border-color: var(--line-color);
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: .15rem; */
        margin-bottom: .5rem;
    }

    .navbar .mobile-top-icon-with-desc .my-bars-icon::before {
        content: '';
        width: 100%;
        height: var(--line-width);
        display: block;
        background: var(--line-color);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        margin: auto;
    }

    .navbar .navbar-toggler.mobile-top-icon-with-desc .close-icon {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 3.5rem;
        height: 3.5rem;
        font-size: 3.5rem;
        font-weight: 300;
    }

    .navbar .navbar-toggler.mobile-top-icon-with-desc:not([aria-expanded="true"]) .close-icon {
        visibility: hidden;
    }

    .navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] .close-icon {
        visibility: visible;
    }

    .navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] > .my-bars-icon,
    .navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] > span:last-child {
        visibility: hidden;
    }

    .navbar .mobile-top-icon-with-desc > span:last-child {
        display: block;
        /* font-size: .8rem; */
        font-size: .875rem;
        color: var(--lead-text-color);
        white-space: nowrap;
    }

    .navbar .navbar-toggler.mobile-top-icon-with-desc > i {
        color: var(--black);
    }

}

@media(max-width: 339.98px) {

    .navbar .navbar-brand {
        max-width: 15vw;
    }

}

@media(max-width: 299.98px) {

    .navbar .mobile-top-icon-with-desc {
        padding-left: .25rem;
        padding-right: .25rem;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar-top .langs-group .btn,
    .navbar-top .langs-group .btn.show + .dropdown-menu a {
        padding-left: .5rem;
        padding-right: .5rem;
    }

}

@media (min-width: 1200px) {

    .btn[data-bs-toggle="dropdown"] .icon-down {
        margin-left: 1.25rem;
    }
}

/* pretty list group as datalist */

.list-group-as-datalist {
    --padding-val: 2rem;
    position: absolute;
    top: 100%;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: calc(var(--padding-val) / 2);
    background: var(--white);
    border-radius: 0 0 1rem 1rem !important;
    /* max-height: 50vh;
    overflow: hidden; */
}

body.style-no-radius .list-group-as-datalist {
    border-radius: 0 !important;
}

/* 
maybe to do in the future
@media (min-width: 1200px) {

    .list-group-as-datalist > li:nth-child(n+6) {
        display: none;
    }

} */

/* .popover.as-list {
    border: none !important;
}

.popover.as-list .popover-body {
    padding: 0;
} */

.panel-search:not(.panel-search-basic) [name="search_distance"] ~ .list-group-as-datalist,
.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
    --padding-val: 1rem;
}


.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
    filter: drop-shadow(0 .25rem .25rem rgba(0,0,0,.25));
}

@media (max-width: 1399.98px) {

    .panel-search .input-price ~ .list-group-as-datalist {
        --padding-val: .5rem;
    }

}

.list-group-as-datalist:empty {
    visibility: hidden;
}

.list-group-as-datalist .list-group-item {
    padding: .75rem var(--padding-val);
    background: transparent;
    border-left: none;
    border-right: none;
    position: relative;
}

.list-group-as-datalist .list-group-item > * {
    position: relative;
    z-index: 1;
}

.list-group-as-datalist .list-group-item:hover {
    cursor: pointer;
}

/* .list-group-as-datalist .list-group-item::before {
    content: '';
    display: block;
    top: 0;
    right: calc(-1 * var(--padding-val));
    bottom: 0;
    left: calc(-1 * var(--padding-val));
    position: absolute;
    background: var(--white);
    z-index: 0;
}

.list-group-as-datalist .list-group-item:hover::before {
    background: var(--grey-bg);
} */

.list-group-as-datalist .list-group-item:hover {
    background: var(--grey-bg);
}

/* .list-group-as-datalist .list-group-item .list-group-item:hover::before {
    left: 0;
    right: 0;
} */

.list-group-as-datalist .list-group-item .list-group {
    box-shadow: 0 0 .5rem rgba(0,0,0,.1);
}

.list-group-as-datalist .list-group-item .list-group-item {
    padding-left: var(--padding-val);
    padding-right: var(--padding-val);
}

.list-group-as-datalist .list-group-item {
    /* border-top: 1px solid var(--light-grey);
    border-bottom: none; */
    border: none;
    position: relative;
    background: inherit;
}

.list-group-as-datalist .list-group-item::before {
    content: '';
    height: 1px;
    background-color: var(--light-grey);
    display: block;
    left: var(--padding-val);
    right: var(--padding-val);
    top: 0;
    position: absolute;
}

.list-group-as-datalist .list-group-item-last-used + .list-group-item:not(.list-group-item-last-used)::before {
    /* background-color: var(--light-grey3); */
}

.list-group-as-datalist .list-group-item-last-used:first-child {
    padding-top: 0;
    padding-bottom: .25rem;
}

.list-group-as-datalist .list-group-item-last-used:first-child::before {
    display: none;
}

.list-group-as-datalist .list-group-item .under {
    display: block;
    font-size: .75rem;
    color: var(--primary);
}

.form-bg .list-group-as-datalist {
    box-shadow: 0 .25rem .25rem rgba(0,0,0,.25);
    --padding-val: 1rem;
}

.addedit-localizations-datalist {
    max-height: 50vh;
    z-index: 9;
    overflow: auto;
}

/* search panel */

.search-section {
    z-index: 9;
}
/*@media (max-width: 767px) {
    .search-section {
    z-index: 1031;
    }
}*/
.search-lead {
    color: var(--lead-text-color);
    line-height: 1.2;
}

.search-lead:empty {
    display: none;
}

.search-lead p:last-child {
    margin-bottom: 0;
}

.search-lead strong:not([style]) span {
    color: var(--primary);
}

.panel-search form {
    margin: 0;
}

.panel-search .form-control {
    border: none;
}
.panel-search.panel-search-catalog {
    background: transparent;
    border-radius: 0;
    color: inherit;
}

.panel-search.panel-search-catalog .form-control {
    border: 1px solid var(--light-grey);
    /*border-radius: .75rem;*/
    color: inherit;
}

.panel-search.panel-search-catalog .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), .25);
}

.panel-search.panel-search-catalog .btn[type="submit"] {
    border-radius: .75rem;
}

.panel-search .input-group-with-icon .input-group-text:first-child {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 1px;
    z-index: 999;
    background-color: transparent;
    border: none;
    color: var(--city-grey);
    font-size: 1.2rem;
}

.panel-search .list-group-as-datalist {
    z-index: 1029;
}

/* .panel-search .input-group-city .form-control-with-icon {
    padding-left: 4rem;
} */

.panel-search .input-group-city-outer {
    position: relative;
}

.panel-search .select-distance-fake {
    cursor: pointer;
}

/* .panel-search .select-distance-arrow-icon {
    position: absolute;
    top: 1.75rem;
    right: 2.5rem;
    font-size: .66rem;
} */

.panel-search .select-distance:not([data-val="0"]) {
    font-weight: 500;
}

.panel-search .sep {
    width: 1px;
    height: 2.5rem;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* position: relative;
    right: -2px; */
    background: var(--light-grey);
    z-index: 9;
}

.panel-search .input-group {
    background: var(--white);
}

.panel-search .form-control,
.panel-search .form-select {
    border: 1px solid var(--white);
}

.panel-search .form-floating > .form-control:valid,
.panel-search .form-floating > .form-control[readonly]:valid {
    border-width: 2px;
    border-color: var(--yellow);
}

.panel-search .form-floating small {
    display: inline-block;
    margin-left: .2em;
    font-size: .75em;
}

.panel-search .form-control:focus,
.panel-search .form-select:focus {
    /* border: 1px solid var(--primary); */
    box-shadow: inset 0 0 .1rem .05rem var(--primary), inset 0 0 .5rem .5rem var(--light-grey);
    z-index: 99;
}

@media (min-width: 992px) {

    .search-advanced-outer .panel-search .form-select[name="search_category"]:not(.select-company-category) {
        max-width: 180px;
    }

}

@media (min-width: 1400px) {

    .search-advanced-outer .panel-search .form-select[name="search_category"]:not(.select-company-category) {
        max-width: 240px;
    }

}

.panel-search .form-control ~ .reset-input,
.panel-search .form-select ~ .reset-input {
    z-index: 99;
/*    font-size: 1.5rem;
    line-height: 2.5;*/
}

.panel-search .form-control:invalid ~ .reset-input,
.panel-search .form-select:invalid ~ .reset-input {
    visibility: hidden;
}

.panel-search .input-group-city .crosshair-btn {
    font-size: 1.5rem;
    line-height: 2.5;
    color: var(--primary);
    text-align: center;
}

.search-advanced-outer .panel-search .input-group-city .crosshair-btn {
    line-height: 1.66;
    padding-left: .5rem;
    padding-right: .5rem;
}

.panel-search .form-control ~ .crosshair-btn:not(:hover),
.panel-search .form-control ~ .voice-btn:not(:hover) {
    opacity: .75;
}

.panel-search .form-control:valid ~ .crosshair-btn {
    visibility: hidden;
}

.panel-search .input-group .voice-btn {
    font-size: 1.5rem;
    line-height: 2.5;
    color: var(--primary);
    text-align: center;
}

.search-advanced-outer .panel-search .input-group .voice-btn {
    line-height: 1.66;
    padding-left: .5rem;
    padding-right: .5rem;
}

.panel-search .form-control ~ .voice-btn:not(:hover) {
    opacity: .66;
}

.panel-search .form-control:valid ~ .voice-btn {
    visibility: hidden;
}

@media (max-width: 991.98px) {

    .panel-search .input-group-city .crosshair-btn,
    .panel-search .input-group-city .voice-btn {
        line-height: 1.5;
    }

}

@media (max-width: 767.98px) {

    .panel-search .form-control ~ .reset-input,
    .panel-search .form-select ~ .reset-input {
        line-height: 1.75;
    }

}

@media (min-width: 768px) {

    .search-advanced-outer {
        margin-top: 1rem;
    }

}

@media (min-width: 992px) {

    .search-advanced-outer {
        margin-top: 2rem;
    }

}

.search-advanced-outer .panel-search .form-control ~ .reset-input,
.search-advanced-outer .panel-search .form-select ~ .reset-input {
    line-height: 1.75;
}

.panel-search .input-group-city .reset-input,
.panel-search .input-group-city .input-city ~ .crosshair-btn {
    right: 30%;
}

.panel-search .input-group-city .input-city ~ .voice-btn {
    right: 37%;
}

.panel-search label.datalist-visible {
    z-index: 1029;
}

.panel-search .list-group > .list-group-item {
    position: relative;
    color: var(--black);
}

.panel-search .list-group > .list-group-item > .list-group {
    position: absolute;
    top: 0;
    /* left: calc(100% - var(--padding-val)/2);
    width: calc(100% - var(--padding-val)/2); */
    left: calc(100%);
    width: 100%;
    background: var(--white);
}

.panel-search .list-group > .list-group-item > .list-group.to-bottom {
    top: auto;
    bottom: 0;
}

.panel-search .list-group > .list-group-item > .list-group.show,
.panel-search .list-group > .list-group-item > .list-group.show .list-group-item {
    z-index: 9;
}

.panel-search .select-with-checkboxes-outer {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    filter: drop-shadow(0 .25rem .25rem var(--black));
}

.panel-search .additional-field-outer:hover,
.panel-search .additional-field-outer:hover .form-floating,
.panel-search .additional-field-outer:hover .select-with-checkboxes-outer {
    z-index: 999;
}

/* .panel-search .list-group > .list-group-item.show > .list-group {
    display: block;
} */

.panel-search input:not([type="date"])::-webkit-calendar-picker-indicator {
    display: none;
    visibility: hidden;
    -webkit-appearance: none;
}

@media (max-width: 991.98px) {

    .search-lead {
        font-size: 1.5rem;
    }

    .single-section.search-section {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .panel-search > form > .row > * {
        margin-bottom: .5rem;
    }

    .panel-search .btn[type="submit"] {
        border-radius: .5rem;
        font-weight: 500;

    }

    .panel-search .select-distance {
        max-width: 30%;
    }

    .panel-search .select-distance ~ .list-group-as-datalist {
        width: 30%;
        left: auto;
        right: 0;
    }

    /* .panel-search .select-distance-arrow-icon {
        top: 1.33rem;
        right: 2rem;
        font-size: .75rem;
        z-index: 99;
    } */

    .panel-search .input-group-phrase,
    .panel-search .input-group-city,
    .panel-search .input-group-company {
        border-radius: .5rem;
        border: 2px solid var(--light-grey);
    }

    .panel-search .input-group-phrase > input,
    .panel-search .input-group-company > input {
        border-radius: .5rem;
    }

    body.style-no-radius .panel-search .input-group-phrase,
    body.style-no-radius .panel-search .input-group-city,
    body.style-no-radius .panel-search .input-group-company,
    body.style-no-radius .panel-search .input-group-phrase > input,
    body.style-no-radius .panel-search .input-group-company > input {
        border-radius: 0;
    }

    .panel-search .input-group-phrase .form-control,
    .panel-search .input-group-city .form-control,
    .panel-search .input-group-company .form-control {
        border: none;
    }

    .panel-search .input-group-with-icon .input-group-text {
        font-size: 1.1rem;
    }

    .panel-search .datalist-visible {
        z-index: 99;
    }

    .list-group-as-datalist {
        overflow-y: scroll;
        max-height: 33vh;
    }

    .panel-search .input-group-phrase [name="search_text"],
    .panel-search .input-group-company [name="search_company"] {
        border-radius: .5rem !important;
    }

    .panel-search .input-group-city [name="search_city"] {
        border-top-left-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .panel-search .input-group-city [name="search_distance"] {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important;
    }

    body.style-no-radius .panel-search .input-group-phrase [name="search_text"],
    body.style-no-radius .panel-search .input-group-company [name="search_company"] {
        border-radius: 0 !important;
    }

    body.style-no-radius .panel-search .input-group-city [name="search_city"] {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    body.style-no-radius .panel-search .input-group-city [name="search_distance"] {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .panel-search .list-group > .list-group-item > .list-group {
        left: auto;
        right: var(--padding-val);
    }

    .panel-search .list-group > .list-group-item > .list-group {
        background: var(--grey-bg);
        border: 1px solid var(--medium-grey);
        position: relative;
        top: .75rem;
        left: 0;
        right: 0;
        width: 100%;
    }

    .panel-search .input-price,
    .panel-search .select-category,
    .panel-search .additional-field-outer .form-control {
        border: 2px solid var(--light-grey);
    }

    .panel-search .input-price[data-list]:not(:valid),
    .panel-search .additional-field-outer .form-control[data-list]:not(:valid) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
    }

    .panel-search .input-price[data-list]:not(:valid):focus,
    .panel-search .additional-field-outer .form-control[data-list]:not(:valid):focus {
        background-position: right .75rem bottom .75rem;
    }

}


@media (max-width: 767.98px) {

    :root {
        --ff-padding-x: .66rem;
        --ff-padding-y: 1.5rem;
    }

    .panel-search .input-price,
    .panel-search .additional-field-outer,
    .panel-search .form-floating label,
    .panel-search .form-select,
    .panel-search .additional-field-outer input,
    .panel-search .additional-field-outer select {
        font-size: .95rem;
    }

    .form-floating > .form-control,
    .form-floating > label {
        padding-left: var(--ff-padding-x);
        padding-right: var(--ff-padding-x);
    }

    .panel-search .form-floating > .placeholder-longer-than-12 {
        /* padding-top: var(--ff-padding-y);
        padding-bottom: var(--ff-padding-y);
        height: calc(4.5rem + 2px); */
    }

    .panel-search .form-floating > .placeholder-longer-than-12 + label {
        font-size: var(--fs-12);
        line-height: 1;
    }

    .panel-search .form-floating > .placeholder-longer-than-12,
    .panel-search .form-floating > .placeholder-longer-than-12 + label {
        padding-right: calc(1.5 * var(--ff-padding-x));
    }

    .panel-search .form-floating > .placeholder-longer-than-12:valid + label,
    .panel-search .form-floating > .placeholder-longer-than-12:focus + label {
        padding-right: 0;
        white-space: nowrap;
    }

    .panel-search .input-price[data-list]:not(:valid),
    .panel-search .additional-field-outer .form-control[data-list]:not(:valid),
    .panel-search .form-select,
    .panel-search .input-price[data-list]:not(:valid):focus,
    .panel-search .additional-field-outer .form-control[data-list]:not(:valid):focus,
    .panel-search .form-select:focus {
        background-position: right .25rem center;
    }

}

@media (max-width: 575.98px) {

    .panel-search .select-distance,
    .panel-search .select-distance ~ .list-group-as-datalist {
        width: 35%;
        max-width: 35%;
    }

    .panel-search .input-group-city .reset-input,
    .panel-search .input-group-city .input-city ~ .crosshair-btn {
        right: 35%;
    }
    
    .panel-search .input-group-city .input-city ~ .voice-btn {
        right: 44%;
    }

    .panel-search .input-group-city .crosshair-btn,
    .panel-search .input-group .voice-btn {
        line-height: 1.66;
    }

}

@media (min-width: 992px) {

    .panel-search {
        background: var(--dark-search);
        border-radius: 1.25rem;
        color: var(--white);
    }
    
    .panel-search.panel-search-catalog {
        background: transparent;
        color: inherit;
    }
    

    body.style-no-radius .panel-search {
        border-radius: 0;
    }

    .panel-search .form-floating label,
    .panel-search input,
    .panel-search select {
        color: var(--dark);
    }

    .panel-search .form-floating label {
        white-space: nowrap;
        max-width: 100%;
        font-size: .95rem;
    }

    .panel-search .form-floating .placeholder-longer-than-12:not(:focus) + label,
    .panel-search .form-floating .placeholder-longer-than-12:placeholder-shown + label {
        white-space: break-spaces;
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: .85rem;
    }

    .panel-search .form-floating .placeholder-longer-than-12:focus + label,
    .panel-search .form-floating .placeholder-longer-than-12:not(:placeholder-shown) + label {
        white-space: nowrap;
        font-size: .775rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .panel-search .btn-link {
        color: var(--light-grey2);
    }

    .panel-search .btn-link:hover {
        color: var(--white);
    }

    .search-lead {
        font-size: 2.5rem;
    }

    .panel-search.panel-search-basic .form-control,
    .panel-search.panel-search-basic .form-select {
        /*font-size: var(--fs-15);*/
    }

    .panel-search.panel-search-basic .btn[type="submit"] {
        border-radius: 1rem;
        /*font-weight: 700;*/
    }

    body.style-no-radius .panel-search.panel-search-basic .btn[type="submit"] {
        border-radius: 0;
    }

    .panel-search .input-phrase,
    .panel-search .input-group-phrase,
    .panel-search .input-company,
    .panel-search .input-group-company {
        border-radius: var(--input-border-radius) !important;
    }

    .panel-search.panel-search-basic .input-phrase,
    .panel-search.panel-search-basic .input-group-phrase,
    .panel-search.panel-search-basic .input-group-company {
        border-radius: var(--input-border-radius) 0 0 var(--input-border-radius) !important;
    }

    .panel-search .datalist-visible .input-phrase,
    .panel-search .datalist-visible .input-company {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .panel-search .input-group-city .input-city {
        border-radius: 0;
        right: -1px;
    }

    .panel-search .input-group-city {
        border-radius: 0 1rem 1rem 0;
        border-left: 1px solid var(--light-grey);
    }

    .panel-search {
        --input-border-radius: 1rem;
    }

    .panel-search:not(.panel-search-basic) {
        --input-border-radius: .25rem;
    }

    .panel-search:not(.panel-search-basic) .input-group-city,
    .panel-search:not(.panel-search-basic) .input-group-city .input-city {
        border-top-left-radius: var(--input-border-radius) !important;
        border-bottom-left-radius: var(--input-border-radius) !important;
    }

    .panel-search .datalist-visible[data-list-for-search_city="true"] {
        border-bottom-left-radius: 0 !important;
    }

    .panel-search .datalist-visible[data-list-for-search_city="true"] .input-city {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .list-group-as-datalist {
        padding-top: 1rem;
    }

    .panel-search .input-group-city .list-group-as-datalist:first-of-type {
        /* width: 70%; */
        width: 140%;
        overflow-y: auto;
        max-height: 50vh;
        background-color: transparent;
        direction: rtl;
        padding-bottom: 0;
    }

    .panel-search .input-group-city .list-group-as-datalist:first-of-type::before {
        content: '';
        display: block;
        height: 100%;
        width: calc(50%);
        position: absolute;
        top: 0;
        right: auto;
        left: 0;
        bottom: auto;
        background-color: var(--white);
    }

    .panel-search .input-group-city .list-group-as-datalist:first-of-type > li {
        width: 50%;
        direction: ltr;
        text-align: left;
        margin-right: 50%;
        background-color: var(--white);
    }

    /* .panel-search .input-group-city .list-group-as-datalist > li > span {
        display: block;
    } */

    .panel-search .select-distance {
        max-width: 30%;
        border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0 !important;
    }

    .panel-search.panel-search-basic .select-distance {
        background-size: 8px;
        background-position: right 2rem center;
    }

    .panel-search [data-list-for-search_distance="true"] .select-distance {
        border-bottom-right-radius: 0 !important;
    }

    .panel-search .select-distance ~ .list-group-as-datalist {
        --padding-val: .75rem;
        width: 30%;
        left: auto;
        right: 0;
        max-height: 33vh;
        overflow-y: auto;
    }

    .panel-search .btn[type="submit"] {
        height: 100%;
    }

}

@media (min-width: 1200px) {

    .form-control-with-icon.ps-5 {
        padding-left: 4rem !important;
    }

    .panel-search.panel-search.panel-search-basic .btn[type="submit"] {
        /*font-size: 1.285rem;*/
    }

}

.form-control-with-icon.is-invalid {
    background-position: left 2.66rem center;
    box-shadow: inset 0 0 0.333rem var(--bs-danger);
}

@media (max-width: 767.98px) {

    .form-control-with-icon.is-invalid {
        background-position: right 2.5rem center;
    }

}

.cke.is-invalid {
    border-color: var(--bs-danger);
}

.cke.is-valid {
    border-color: var(--bs-success);
}

.panel-search .select-with-checkboxes-outer ul,
.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
    max-height: 33vh;
    overflow-y: auto;
    font-size: .85rem;
}

@media (max-width: 1199.98px) {

    .panel-search .input-price ~ .list-group-as-datalist {
        font-size: .8rem;
    }

}

.panel-search .select-with-checkboxes-outer ul .form-check-input,
.panel-search .select-with-checkboxes-outer ul .form-check-input:checked {
    width: 16px;
    height: 16px;
}

.panel-search .select-with-checkboxes-outer .form-check .form-check-input + .form-check-label {
    margin-left: .25rem;
}

.panel-search .select-with-checkboxes-outer .form-check {
    min-height: .5rem;
}

.additional-field-outer .close-options-link {
    position: relative;
    top: -1rem;
}

.panel-search .datalist-visible {
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
}

.input-group .reset-input,
.form-floating .reset-input,
.panel-search .input-group-city .crosshair-btn,
.panel-search .input-group .voice-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: auto;
}

.form-floating .reset-input {
    top: .75rem;
}

input ~ .reset-input {
    border-radius: 0;
}

input ~ .reset-input:focus {
    box-shadow: none;
}

/* .additional-field-outer .form-floating {
    --char-to-width: .5rem;
}

.additional-field-outer[style*="--label-chars"] .form-floating {
    width: calc((var(--label-chars) + 4) * var(--char-to-width) + 3rem);
}

.additional-field-outer.additional-field-with-options[style*="--label-chars"] .form-floating {
    width: calc((var(--label-chars) + 4) * var(--char-to-width) + 5rem);
} */

.filters-btn {
    position: fixed;
    border-radius: 100%;
    right: .5rem;
    bottom: .5rem;
    font-size: 2rem;
    padding: 1rem;
    line-height: 1;
    z-index: 99;
    box-shadow: 0 .25rem .25rem rgba(0,0,0,.1);
}

.filters-btn.has-chosen::before {
    content: "\f14a";
    font-family: var(--fa);
    font-weight: 900;
    font-size: 1.25rem;
    border-radius: 50%;
    color: var(--yellow);
    display: block;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: .25rem;
    position: absolute;
}

/* mobile search filters */

@media (max-width: 767.98px) {

    .search-advanced-outer {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        background-color: var(--white);
        z-index: 1035;
    }

    .search-advanced-outer .advanced-heading {
        position: sticky;
        background-color: var(--white);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        bottom: auto;
        z-index: 9999;
    }

    .search-advanced-outer .close {
        font-size: 3rem;
        line-height: .75;
    }

    .search-advanced-outer .close,
    .search-advanced-outer .close:hover {
        color: var(--dark);
        text-decoration: none;
    }

}


/* home categories */

.home-categories .outer-cat-h {
    height: 100%;
}

.home-categories .outer-cat {
    display: flex;
    height: 100%;
    border: 3px solid var(--white);
    position: relative;
}

.home-categories .single-cat-column {
    cursor: pointer;
}

@media (min-width: 768px) {

    .home-categories .single-cat-column {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        max-width: calc(100% / 3);
        margin-top: calc(var(--bs-gutter-x) / 2);
        margin-bottom: calc(var(--bs-gutter-x) / 2);
    }

    .home-categories .single-cat-column .arrow-down {
        display: none;
        color: var(--primary);
        text-align: center;
        position: absolute;
        right: 0;
        /* top: calc(100% + var(--bs-gutter-x) / 2); */
        top: 100%;
        top: calc(100% + 2px);
        left: 0;
        margin: auto;
        height: var(--bs-gutter-x);
        line-height: var(--bs-gutter-x);
        font-size: 1.5rem;
    }

    .home-categories .single-cat-column .arrow-right {
        display: none;
    }

    .home-categories .single-cat-column .outer-cat.active .arrow-down {
        display: block;
    }

    .home-categories .outer-cat {
        padding: 1rem .25rem;
    }

}

@media (min-width: 992px) {

    .home-categories .outer-cat {
        padding: 2rem .25rem;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    .home-categories .single-cat-column .arrow-down {
        font-size: 1rem;
    }

}

.home-categories .outer-cat.active {
    border-color: var(--primary);
}

.home-categories .outer-cat,
.home-categories .subcats-outer {
    background: var(--bg-color-1);
    border-radius: 1rem;
}

body.style-no-radius .home-categories .outer-cat,
body.style-no-radius .home-categories .subcats-outer {
    border-radius: 0;
}

.home-categories .subcats-outer {
    padding: 1.5rem 2.5rem;
    margin-top: var(--bs-gutter-x);
    margin-bottom: calc(2 * var(--bs-gutter-x));
}

.home-categories .subcats-outer .pre-with-cat-title {
    color: var(--primary);
    display: list-item;
    list-style: disc;
    margin-left: 1rem;
}

@media (min-width: 768px) {

    .home-categories .outer-cat:hover,
    .home-categories .outer-cat.active,
    .home-categories .subcats-outer {
        box-shadow: 0 0 .5rem rgba(0,0,0,.1);
    }

    .home-categories .outer-cat.active .category-name {
        color: var(--primary);
    }

}

@media (min-width: 992px) {

    .home-categories .cat-subcats {
        font-size: 1.1rem;
    }

}

.home-categories .cat-subcats ul {
    color: var(--primary);
    padding-left: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--light-grey);
    margin-top: 1rem;
    margin-bottom: 0;
}

.home-categories .cat-subcats ul {
    list-style: disc;
}

.home-categories .cat-subcats ul:empty {
    display: none;
}

.home-categories .cat-subcats ul li, .home-categories .cat-subcats ul li ul li {
    margin-bottom: .5rem;
    page-break-inside: avoid;
    break-inside: avoid;
}
.home-categories .cat-subcats ul li ul {
    columns: 1;
    /* column-gap: 2rem; */
    list-style: circle;
    border-top: none;
    /* border-top: 1px solid var(--light-grey); */
    padding-top: 0;
    }
.home-categories .cat-subcats ul li ul li{
        padding: 0;
    }    
.home-categories .cat-subcats ul li ul li a{
    color: var(--medium-grey-text);
}    
.home-categories .cat-subcats ul a {
    color: var(--dark-text);
}

.home-categories .cat-subcats ul a,
.home-categories .cat-subcats ul a * {
    transition: all .25s;
}

.home-categories .cat-subcats ul a:hover {
    text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}

.home-categories .cat-subcats ul a:hover .name {
    color: var(--primary);
}

.home-categories .outer-cat img {
    object-fit: contain;
    width: auto;
    height: auto;
}

.home-categories .category-name {
    color: var(--dark-text);
    font-size: 1rem;
    font-weight: 600;
}

.home-categories .category-name a {
    color: inherit;
}

.home-categories .category-name + small {
    font-size: .9rem;
}

@media (max-width: 767.98px) {

    .home-categories .outer-cat,
    .home-categories .subcats-outer {
        border-radius: .5rem;
    }

    .home-categories > [style] {
        order: 0 !important;
    }

    .home-categories .single-cat-column .outer-cat:not(.active) .arrow-down,
    .home-categories .single-cat-column .outer-cat.active .arrow-right {
        display: none;
    }

    .home-categories .subcats-outer .pre-with-cat-title::before {
        content: '';
        width: calc(100% + 1rem);
        border-top: 1px solid var(--light-grey);
        display: block;
        top: -1rem;
        left: -1rem;
        position: relative;
    }

    .home-categories .subcats-outer {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 2px solid var(--primary);
        border-top: none;
        padding: 1rem;
        padding-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .home-categories .outer-cat {
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-width: 2px;
    }

    .home-categories .outer-cat.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }

    .home-categories .single-cat-column {
        margin-top: .5rem;
    }

    .home-categories .outer-cat img {
        --size: 5rem;
        width: var(--size);
        height: var(--size);
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    .home-categories,
    .home-categories .single-cat-column .arrow-down {
        --bs-gutter-x: .75rem;
    }

    .home-categories .category-name {
        font-size: .6rem;
    }

    .home-categories .cat-subcats ul {
        columns: 3;
        column-gap: 2.5rem;
    }

    .home-categories .outer-cat img {
        max-height: 4rem;
    }

    .home-categories .subcats-outer {
        padding: 1rem 1.5rem;
    }

}
.single-section.catalog-section.search-section {
        background-image: url('../images/land/home.png');
        background-position: right 0;
        background-repeat: repeat-y;
        background-size: auto;
        background-color: black;
    }
.catalog-section .search-lead {
        color: var(--light-grey2);
    }    
    
@media (min-width: 992px) {

    .home-categories {
        --bs-gutter-x: 1rem;
    }

    .home-categories .category-name {
        /* font-size: .85rem; */
        font-size: 1.035rem;
    }

    .home-categories .cat-subcats ul {
        columns: 4;
        column-gap: 2.5rem;
    }

    .single-section.home-section.search-section {
        background-image: url('../images/land/home.png');
        background-position: right 0;
        background-repeat: repeat-y;
        background-size: auto;
        background-color: black;
    }
    .search-lead {
        color: var(--light-grey2);
    }
}

.home-categories .cat-subcats .subcats-outer:empty {
    background-image: url('../images/grey-spinner-on-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 5rem;
}

/* sections */

.single-section {
    --standard-padding-y: 4rem;
	padding: var(--standard-padding-y) 0;
    position: relative;
}

.action-subdomain-company-page .single-section {
    --standard-padding-y: 2rem;
}

@media (max-width: 767.98px) {

    .ad-section {
        --standard-padding-y: 3rem;
    }

}

.stats-section + .text-section,
.text-section + .stats-section,
.stats-section + .container-home_between:empty + .text-section,
.text-section + .container-home_between:empty + .stats-section {
	margin-top: 0;
	padding-top: 0;
}

.text-section + .stats-section .home-stats,
.text-section + .container-home_between:empty + .stats-section .home-stats {
	padding-top: 0;
}

body:not(.body-main) .white-section + .white-section {
    padding-top: 0;
}

body:not(.body-main) .grey-section + .grey-section {
    padding-top: 0;
}

.white-section[data-prev-class="white-section"] {
    padding-top: 0;
}

.grey-section[data-prev-class="grey-section"] {
    padding-top: 0;
}

.stats-section .home-stats {
    font-weight: 300;
    color: var(--dark-text);
    font-size: 1.2rem;
    line-height: 1.2;
}

.stats-section .home-stats img {
    width: auto !important;
    height: auto !important;
}

body.style-no-radius .stats-section .home-stats img {
    border-radius: 0;
    background-color: var(--white);
}

.stats-section .home-stats strong {
	font-weight: 500;
}

.single-section.last-added-section {
    /* --bs-gutter-x: inherit; */
    /* --bs-gutter-x: 1.5rem; */
    /* padding-bottom: calc(var(--standard-padding-y) - var(--bs-gutter-x)); */
    padding-bottom: calc(var(--standard-padding-y) - 1.5rem);
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .stats-section .single-stat-col {
        font-size: .9rem;
    }

}

.grid-column-carousel.in-row-5,
.grid-column-carousel__list.in-row-5 .single-announcement,
.grid-column-carousel__list.in-row-5 .single-post,
.in-row-5 .single-col {
    --inner-padding: .5rem;
}

.grid-column-carousel__list.in-row-5 .single-announcement,
.grid-column-carousel__list.in-row-5 .single-post,
.in-row-5 .single-col {
    padding-left: var(--inner-padding);
    padding-right: var(--inner-padding);
}


@media (min-width: 768px) {

    .single-section.last-added-section.show-max-8 .single-announcement {
        min-width: calc(100% / 4);
        max-width: calc(100% / 4);
    }

    .in-row-5 .single-announcement, 
    .in-row-5 .single-post,/* !!!!!!!!!!!!! */
    .single-section.last-added-section.show-max-10 .single-announcement,
    .in-row-5 .single-col {
        min-width: calc(100% / 5);
        max-width: calc(100% / 5);
    }

    .grid-column-carousel.in-row-5 {
        margin-left: calc(-1 * var(--inner-padding));
        margin-right: calc(-1 * var(--inner-padding));
    }

    .grid-column-carousel__list.in-row-5 .single-announcement,
    .grid-column-carousel__list.in-row-5 .single-post {
        --single-width: calc((var(--container-width) - .75rem) / 5);
        width: var(--single-width);
        min-width: var(--single-width);
        max-width: var(--single-width);
    }

    .single-section.last-added-section.show-max-12 .single-announcement,
    .in-row-6 .single-announcement,
    .in-row-6 .single-post{
        min-width: calc(100% / 6);
        max-width: calc(100% / 6);
    }

}

.partners-section .single-partner img {
    /* height: 200px; */
    height: 150px;
    object-fit: scale-down;
}

/* titles, subtitles */

.title-outer:not(:first-child) {
	margin-top: 2rem;
}

.title-outer ~ .title-outer {
	margin-top: 2rem;
}

.title,
.title-no-line,
.title-with-line {
	color: var(--dark-text);
	margin: 0 0 1rem;
	padding: 0;
	font-size: var(--fs-24);
	font-weight: 500;
}

.title-with-line {
	border-bottom: 1px solid var(--light-grey);
	/* padding: 0 0 1.5rem; */
	padding: 0 0 1rem;
	/* margin: 0 0 1.5rem; */
	margin: 0 0 1rem;
}

.title strong,
.title-with-line strong {
	font-weight: 700;
}

.title-outer > a,
.title-outer .print-link {
	color: var(--dark-text);
	font-weight: 500;
}

.subtitle-with-line {
	color: var(--dark-text);
	margin: 0 0 2rem;
	padding: 0 0 .75rem;
	border-bottom: 1px solid var(--light-grey);
	font-size: 1.2rem;
	font-weight: 300;
}

.title-with-line,
.title-no-line,
.subtitle-with-line,
.subtitle-no-line,
.subtitle-custom {
    color: var(--heading-color) !important;
    font-size: var(--heading-size) !important;
}

.subtitle-with-line strong {
	font-weight: 500;
}

.subtitle-outer > a {
	color: var(--dark-text);
	font-size: .75rem;
	font-weight: 500;
}

@media (min-width: 991.98px) {

    .subtitle-outer > a[class*="float"] {
        position: relative;
        top: 1rem;
    }

}

.subtitle-outer > a[class*="float"]:hover {
    color: var(--primary);
}

.subtitle-with-line .rss-icon {
	display: inline-block;
	margin-left: .5rem;
	max-width: 2rem;
	max-height: 2rem;
	width: auto;
	height: auto;
}

.subtitle-with-line .rss-icon[data-src] {
	opacity: 0;
}

.partners-section .subtitle-with-line {
    margin-bottom: .75rem;
}

/* announcement blocks */

.small-announcement {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.small-post {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.style-no-radius .small-announcement {
    border-radius: 0;
}
body.style-no-radius .small-post {
    border-radius: 0;
}

/* .home-section .single-announcement {
	margin-bottom: var(--bs-gutter-x);
} */

.small-announcement .announcement-thumb {
    min-width: 100%;
    object-fit: cover;
}
.small-post .announcement-thumb {
    min-width: 100%;
    object-fit: cover;
}
.small-announcement.small-company .announcement-thumb {
    object-fit: contain;
}

.small-announcement .announcement-title, .small-post .post-title  {
	font-size: 1rem !important;
	display: block;
	margin: 0 auto auto;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    min-height: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.small-announcement .announcement-title,
.small-announcement .announcement-title a,
.small-post .post-title,
.small-post .post-title a
{
	color: var(--dark-text);
	/* min-height: calc(2 * 17.6px); */
}

.last-added-section .small-announcement .announcement-title {
    min-height: 2rem;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.small-announcement .announcement-city {
	font-size: .875rem;
	color: var(--city-grey);
	display: block;
	font-weight: 600;
	margin-top: auto;
	margin-bottom: 0;
}

.small-announcement .announcement-price {
	font-size: 1.15rem;
	color: var(--primary);
	display: block;
	font-weight: 700;
    margin-top: auto;
    /* margin-bottom: 1rem; */
    padding-left: .1rem;
    padding-right: .1rem;
}

.small-announcement .announcement-price small {
    font-weight: 600;
    font-size: .75em;
}

.last-added-section .single-announcement .small-announcement,
.promoted-section .single-announcement .small-announcement,
.other-announcements-of-user .single-announcement .small-announcement,
.other-announcements-of-category .single-announcement .small-announcement,
.visited-section .small-announcement,
.blog-section .small-post,
.widget-outer .small-announcement,
.announcements-list-tiles .small-announcement {
    background: var(--white);
	border: 1px solid var(--border-grey2);
	transition: all .25s;
}

.last-added-section .single-announcement .small-announcement:hover,
.promoted-section .single-announcement .small-announcement:hover,
.other-announcements-of-user .single-announcement .small-announcement:hover,
.other-announcements-of-category .single-announcement .small-announcement:hover,
.visited-section .small-announcement:hover,
.blog-section .small-post:hover,
.announcements-list-tiles .small-announcement:hover {
	border-color: var(--primary);
	box-shadow: 0 0 0 2px var(--primary);
}

/* promoted carousel */

.grid-column-carousel__list {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    margin-bottom: 3px; /* fix to show items' bottom border */
}

.carousel-outer .grid-column-carousel__list li {
    margin-top: 2px;
}

.grid-column-carousel__page-indicators.hidden {
    display: none;
}

.carousel-outer {
	position: relative;
}

.carousel-outer .prev,
.carousel-outer .next {
    position: absolute;
    color: rgba(0,0,0,.1) !important;
    font-size: 3rem !important;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    height: 3rem;
}

.carousel-outer .prev {
	/* right: calc(100% - .25rem); */
	right: 100%;
}

.carousel-outer .next {
	/* left: calc(100% - .25rem); */
	left: 100%;
}

.carousel-outer .prev:hover,
.carousel-outer .next:hover {
    color: var(--primary-transparent);
    /* color: rgba(0,0,0,.075); */
    filter: drop-shadow(0 0 .25rem rgba(0,0,0,.75));
}

.carousel-outer .grid-column-carousel__list li {
	float: left;
}

.promoted-carousel .announcement-thumb {
	/* width: 250px; */
	height: auto;
}

.last-added-section .announcement-thumb {
	/* width: 200px; */
	/* height: auto; */
	height: 100%;
}

.slider-with-boxes-section .single-box img {
    width: 100%;
    height: auto;
    object-fit: scale-down;
}

@media (min-width: 1200px) {

	.carousel-outer .prev {
		/* right: calc(100% + .5rem); */
		/* right: calc(100% + .15rem); */
		right: calc(100% + 1px);
	}

	.carousel-outer .next {
		/* left: calc(100% + .5rem); */
		/* left: calc(100% + .15rem); */
		left: calc(100% + 1px);
	}

    :root {
        --partners-offset-x: .5rem;
    }

    .slider-with-boxes-section .carousel-inner,
    .partners-section .carousel-inner {
        width: calc(100% - 2 * var(--partners-offset-x));
        margin-left: var(--partners-offset-x);
        margin-right: var(--partners-offset-x);
    }
    
    .slider-with-boxes-section .carousel-outer .prev,
    .partners-section .carousel-outer .prev {
		right: calc(100% - var(--partners-offset-x));
        z-index: 9;
	}

	.slider-with-boxes-section .carousel-outer .next,
	.partners-section .carousel-outer .next {
		left: calc(100% - var(--partners-offset-x));
        z-index: 9;
	}

}

@media (min-width: 1400px) {

	.carousel-outer .prev {
		/* right: calc(100% + 1rem); */
		right: calc(100% + 1px);
	}

	.carousel-outer .next {
		/* left: calc(100% + 1rem); */
		left: calc(100% + 1px);
	}

    .carousel-outer .prev,
    .carousel-outer .next {
        font-size: 4rem;
        height: 4rem;
    }

}

@media only screen and (max-width: 991.98px) {

	.carousel-outer {
		/* width: 90%; */
		margin-left: auto;
		margin-right: auto;
        overflow-x: hidden;
	}

	.carousel-outer .prev {
		right: calc(100% + 1px);
	}

	.carousel-outer .next {
		left: calc(100% + 1px);
	}

	.carousel-outer .prev,
	.carousel-outer .next {
		font-size: 2.5rem;
	}

	.carousel-outer::after,
	.announcement-gallery::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 15%;
		right: 3%;
        --test-css-before: url('../images/test_image.svg');
        --test-css: url(../../../favicon.ico);
		background: url('../images/swipe-icon.png') center center no-repeat;
		background-size: contain;
		width: 35px;
		height: 35px;
		animation-name: opacity;
		animation-direction: alternate;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}

	.carousel-outer a {
		display: block;
	}

}

.announcement-desc-text .yt-video,
.news-text .yt-video {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.yt-video {
	width: 100%;
	position: relative;
    clear: both;
}

.yt-video iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.announcement-title-outer .title-with-line {
	margin-bottom: 0;
	border-bottom: none;
}

.announcement-desc .announcement-desc-text {
    word-break: break-word;
}

.announcement-desc .announcement-desc-text ul,
.announcement-desc .announcement-desc-text ol {
	margin-left: 20px;
}

.announcement-desc .title-with-line {
	font-weight: 500;
	font-size: var(--fs-18);
	padding-bottom: 1rem;
}

.announcement-desc > .price-outer:not(:last-child) {
    margin-bottom: 1.5rem;
}

.announcement-desc > .price-outer [href="#suggestPrice"] {
    vertical-align: bottom;
}

.langs-above-desc {
    margin-bottom: 0
}

.langs-above-desc li {
	padding-left: 2px;
	padding-right: 2px;
	display: inline-block;
}

.langs-above-desc li:first-child:last-child {
	display: none;
}

.langs-above-desc li:not(.active):not(:hover) {
	opacity: .5;
}

.langs-above-desc li img {
	max-width: 2rem;
}

.langs-above-desc li.active img {
	/* box-shadow: inset 0 0 1px 2px #55900f; */
    border-radius: 50%;
}

.list-checks {
    list-style: none;
}

.list-checks li {
    position: relative;
    padding-left: 1.2rem;
    padding-right: .25rem;
}

.list-checks li::before {
    content: "\f00c";
    font-family: var(--fa);
    font-weight: 900;
    font-size: .85rem;
    position: absolute;
    top: .15rem;
    left: 0;
    color: var(--primary);
}

.view-single-meta .list-inline-dotted li,
.view-single-meta .additional-fields-list li {
    float: left;
    width: calc(100% / 2);
}

.view-single-meta img {
    float: right;
    margin-left: .25rem;
    max-width: 2rem;
}

.view-single-meta:not(.view-single-meta-chekboxes) + .view-single-meta-chekboxes {
    margin-top: calc(2.5 * var(--bs-gutter-y));
}

@media (min-width: 992px) {

	.view-single-meta.col-md-12 .list-inline-dotted li,
    .view-single-meta.col-md-12 .additional-fields-list li {
		float: left;
		width: calc(100% / 2);
	}

	.view-single-meta.col-md-6 .list-inline-dotted li,
	.view-single-meta.col-md-6 .additional-fields-list li {
		float: left;
		width: 100%;
	}

}

.announcement-mobile-action-buttons {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}

.announcement-mobile-action-buttons .btn {
    font-size: var(--fs-16);
}

.announcement-mobile-action-buttons .btn.small {
    font-size: var(--fs-15);
    height: 100%;
    line-height: 1.8;
}

/* home news */

.news-section .single-news {
    background: var(--white);
    padding: 1rem;
}

.news-section .single-news .img-outer {
    overflow: hidden;
    position: relative;
}

.news-section .single-news .ratio .img-outer {
    position: absolute;
}

.news-section .single-news .img-outer .news-thumb {
    min-width: 100%;
    object-fit: contain;
}

.news-section .single-news .ratio .img-outer .news-thumb {
    height: 100%;
    object-fit: cover;
}

.news-section .single-news .news-title {
    font-size: 1.15rem;
    /* margin-top: .75rem; */
}

.news-section .single-news .ratio {
    --bs-aspect-ratio: 80%;
}

@media (max-width: 767.98px) {

    .news-section .single-news {
        border-radius: 1rem;
        box-shadow: 0 .25rem .25rem rgba(0,0,0,.1);
        overflow: hidden;
    }

    body.style-no-radius .news-section .single-news {
        border-radius: 0;
    }

    .news-section .single-news .news-text {
        padding: 1rem;
    }

    .news-section .single-news .news-title {
        margin-top: 0;
    }

    .news-section .single-news .news-preface {
        margin-bottom: 0;
    }

    .news-section .single-news .ratio {
        --bs-aspect-ratio: 66.66%;
    }

}

@media (min-width: 768px) {

    .news-section .single-news .news-title {
        text-transform: uppercase;
    }

    .news-section .single-news .img-outer {
        border-radius: 1rem;
    }

    body.style-no-radius .news-section .single-news .img-outer {
        border-radius: 0;
    }

}

.news-section .single-news .news-title a {
	color: var(--darkest);
}

.news-section .single-news .news-title a:hover {
	color: var(--primary);
    text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}

.news-section .single-news .news-preface {
    font-size: var(--fs-12);
}

.news-text img {
    max-width: 100%;
    height: auto !important;
}

.news-text h1 {
    font-size: var(--fs-24);
}

.news-text h2 {
    font-size: var(--fs-22);
}

.news-text h3 {
    font-size: var(--fs-20);
}

.news-text h4 {
    font-size: var(--fs-18);
}

.news-author-img {
    width: 4.5rem;
    height: 4.5rem;
    object-fit: cover;
}

/* news */

.all-news-list .single-news .news-title {
	margin: 0 0 10px;
	font-size: 20px;
}

.all-news-list .single-news {
	padding-bottom: 20px;
}

.all-news-list .single-news + .single-news {
	padding-top: 20px;
	border-top: 1px solid #d3d3d3
}

.news-view-image {
	width: auto;
	height: auto;
	max-width: 100%;
	margin-bottom: 1rem;
	display: block;
}

.full-news-img {
	width: 100%;
	margin-bottom: 5px;
}

.news-section-sidebar .single-news + .single-news {
	margin-top: 1rem;
}

@media (max-width: 767px) {

	.news-section-sidebar {
		margin-top: 40px;
	}
	
	.all-news-list .single-news .news-list-image {
		margin-bottom: 15px;
	}
	
}

@media (min-width: 768px) {

	.news-view-image {
		float: right;
		width: 33%;
		max-width: 15rem;
		margin-left: 1rem;
	}

}

/* from with bg */

.form-bg {
    --padding-y: 3rem;
    --padding-x: 3rem;
    background: var(--bg-color-2);
    border-radius: 1.5rem;
    padding: var(--padding-y) var(--padding-x);
    position: relative;
}

@media (max-width: 767.98px) {

    .form-bg-only-desktop {
        padding: 0;
        background: transparent;
    }

    .form-bg-only-mobile {
        --padding-y: 1rem;
        --padding-x: 3rem;
        background: var(--bg-color-2);
        border-radius: 1.5rem;
        padding: var(--padding-y) var(--padding-x);
        position: relative;
    }

}

body.style-no-radius .form-bg {
    border-radius: 0;
}

.form-bg .form-bg-title {
    position: absolute;
    font-size: 1.35rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: var(--white);
    background: var(--form-bg-title-grey);
    text-align: center;
    display: block;
    top: -2.25rem;
    right: var(--padding-x);
    left: var(--padding-x);
    border-radius: .75rem;
    text-align: center;
    font-weight: 400;
    padding-left: calc(var(--padding-x) / 2);
    padding-right: calc(var(--padding-x) / 2);
}

body.style-no-radius .form-bg .form-bg-title {
    border-radius: 0;
}

.form-bg .form-bg-title.w-auto {
    width: auto;
    right: auto;
}

.form-bg .form-bg-title strong {
    font-weight: 600;
}

.form-bg hr {
    background-color: rgba(0,0,0,.1);
}

@media (max-width: 991.98px) {

    .form-bg .form-bg-title {
        font-size: 1.125rem;
    }

}

@media (max-width: 767.98px) {

    .page-content > .form-bg:first-of-type,
    .page-content > form:first-child > .form-bg:first-of-type {
        margin-top: 3rem;
    }

}

@media (max-width: 575.98px) {

    .form-bg {
        --padding-x: 1.5rem;
    }

}

@media (min-width: 992px) {

    .form-bg {
        --padding-x: 4rem;
    }

}

@media (min-width: 1200px) {

    .form-bg {
        --padding-x: 6rem;
    }

}

.form-bg .form-bg-title + form {
    margin-top: 2.5rem;
}

.form-bg .form-group,
.form-bg > form > .form-check {
    margin-bottom: 2rem;
}

.form-bg .row ~ .row {
    margin-top: 2rem;
}

.form-bg .form-group:last-child,
.form-bg > form > .form-check:last-child {
    margin-bottom: 0;
}

.form-bg .form-group:not(.form-check) > label {
    color: var(--form-label-grey);
    font-size: var(--fs-15);
    font-weight: 500;
    padding-left: 2rem;
    padding-right: 2rem;
}

.form-bg .form-check {
    font-size: var(--fs-13);
}

.form-bg form:not(.was-validated) .form-group:not(.was-validated) .form-control:not(:focus):not(.is-valid):not(.is-invalid),
.form-bg form:not(.was-validated) .form-group:not(.was-validated) .form-select:not(:focus):not(.is-valid):not(.is-invalid) {
    border-color: var(--white);
}

.form-bg .form-group .input-group,
.form-bg .form-group .form-control-lg,
.form-bg .form-group .form-select-lg {
    --radius-val: .75rem;
}

.form-bg .form-group .form-control-lg,
.form-bg .form-group .form-select-lg {
    font-size: var(--fs-15);
    padding: 1.33rem 3rem;
    border-radius: var(--radius-val);
}

@media (min-width: 992px) {

    .form-bg .form-group textarea.form-control-lg {
        min-height: 10rem;
    }

}

.form-bg .form-group .input-group .form-control-lg,
.form-bg .form-group .input-group .form-select-lg {
    border-radius: 0;
}

.form-bg .form-group .input-group .form-control-lg:first-child,
.form-bg .form-group .input-group .form-select-lg:first-child {
    border-top-left-radius: var(--radius-val);
    border-bottom-left-radius: var(--radius-val);
    padding-right: 1rem;
}

.form-bg .form-group .input-group .form-control-lg:last-child,
.form-bg .form-group .input-group .form-select-lg:last-child {
    border-top-right-radius: var(--radius-val);
    border-bottom-right-radius: var(--radius-val);
    padding-left: 1rem;
}

.form-bg .form-group .input-group,
.form-bg .form-group > .form-control,
.form-bg .form-group > .form-select,
.form-bg .form-group > .counted,
.form-bg .form-group > label ~ .row,
.form-bg .form-group > .input-outer {
    /* margin-top: .5rem; */
}

.form-bg .form-group .input-group .input-group-text:first-child {
    border-top-left-radius: var(--radius-val);
    border-bottom-left-radius: var(--radius-val);
}

.form-bg .form-group .input-group .input-group-text:last-child {
    border-top-right-radius: var(--radius-val);
    border-bottom-right-radius: var(--radius-val);
}

.form-select-lg.is-invalid,
.form-bg .was-validated .form-select-lg:invalid,
.form-bg .form-select-lg.is-valid,
.form-bg .was-validated .form-select-lg:valid {
    background-position: center right 2.25rem, left calc(.375em + .1875rem) center;
}

.form-control-lg.is-invalid,
.form-bg .was-validated .form-control-lg:invalid,
.form-bg .form-control-lg.is-valid,
.form-bg .was-validated .form-control-lg:valid {
    background-position: left calc(.375em + .1875rem) center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: left calc(.375em + .1875rem) center;
}

.chat-box .was-validated textarea.form-control {
    background-position: right calc(.375em + .1875rem) center;
}

.form-control.is-invalid + .form-text,
.was-validated .form-control:invalid + .form-text {
    color: var(--dark-red);
    font-weight: 500;
}

.form-check .form-check-input {
    margin-left: -1.5rem;
    margin-top: -.05em;
}

[name="user_fields[-1]"] + .form-group .form-check-input {
    margin-top: .15em;
}

.choose-bordered-box-grey .form-check-input,
.form-check.fs-5 .form-check-input {
    margin-top: .125em;
}

.form-check .form-check-input + .form-check-label {
    margin-left: .5rem;
}

.form-check .form-check-input:not(.is-valid):not(.is-invalid) + .form-check-label {
    /* color: inherit; */
}

.form-check-inline .form-check-input  {
    margin-top: 0;
}

.form-check-label a {
    color: inherit;
}

*:not(.form-switch) > .form-check-input,
*:not(.form-switch) > .form-check-input:checked {
    border-radius: 50% !important;
    /* width: 1.4285rem;
    height: 1.4285rem; */
    width: 20px;
    height: 20px;
}

/* *:not(.form-switch) > .form-check-input:not(.is-valid):not(.is-invalid),
*:not(.form-switch) > .form-check-input:checked:not(.is-valid):not(.is-invalid) {
    background-color: var(--white);
    border-color: rgba(0,0,0,.25) !important;
} */

.form-check-input[type="radio"]:not(.radio-like-checkbox):checked {
    /* border-color: var(--white); */
    /* background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10' height='10' version='1.1' viewBox='0 0 2.6458 2.6458' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3Cdc:title/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(0 -294.35)'%3E%3Cellipse cx='1.3229' cy='295.68' rx='1.3229' ry='1.3229' fill='%2355900f' opacity='.94'/%3E%3C/g%3E%3C/svg%3E%0A") !important; */
    background: var(--primary);
    box-shadow: inset 0 0 0 .25rem var(--white) !important;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 575.98px) {

    .total-outer label[for="user_field-1"] {
        font-size: .9rem !important;
    }

}

.form-bg .form-check .form-check-input:not([data-field-id]) + .form-check-label {
    /* padding-top: .25rem; */
}

.form-bg .dropdown-menu .form-check-label {
    padding-top: 0 !important;
    margin-top: -.2rem;
}

.form-check-input[type="checkbox"],
.form-check-input[type="checkbox"]:checked,
.form-check-input.radio-like-checkbox,
.form-check-input.radio-like-checkbox:checked {
    border-radius: 5px !important;
}

.form-check-input[type="checkbox"]:checked {
    background-color: var(--primary);
}

.form-check-typeable .form-check-input[type="checkbox"]:not(:checked) ~ .input-group {
    display: none;
}

.choose-bordered-box-grey .form-check-input[type="checkbox"]:checked {
    background-color: var(--primary) !important;
}

.form-check-input.radio-like-checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

form label sup,
form h2 sup,
form [class*="title"] sup,
.color-red {
	color: var(--red);
}

form label sup,
form h2 sup,
sup.color-red {
	font-size: 1em;
    top: 0;
}

.form-check-input.is-valid:not(:checked) ~ .form-check-label,
.was-validated .form-check-input:valid:not(:checked) ~ .form-check-label {
    color: inherit;
}

.price-outer-col [name="announcement_cost"] {
    flex-basis: 33%;
}

.price-outer-col [name="announcement_cost_currency"] {
    flex-basis: 6rem;
}

.price-outer-col [name="announcement_cost_tax"] {
    flex-basis: 7rem;
}

.price-outer-col [name="announcement_cost_unit"] {
    flex-basis: 6rem;
}

@media (max-width: 1399.98px) {

    .price-outer-col [name="announcement_cost"] {
        flex-basis: 25%;
    }
    
    .price-outer-col [name="announcement_cost_currency"] {
        flex-basis: 6rem;
    }
    
    .price-outer-col [name="announcement_cost_tax"] {
        flex-basis: 7rem;
    }
    
    .price-outer-col [name="announcement_cost_unit"] {
        flex-basis: 5.5rem;
    }

}

@media (max-width: 991.98px) {

    .price-outer-col [name="announcement_cost"] {
        flex-basis: 25%;
    }
    
    .price-outer-col [name="announcement_cost_currency"] {
        flex-basis: 3rem;
    }
    
    .price-outer-col [name="announcement_cost_tax"] {
        flex-basis: 5rem;
    }
    
    .price-outer-col [name="announcement_cost_unit"] {
        flex-basis: 3rem;
    }

}

@media (max-width: 767.98px) {

    .price-outer-col [name="announcement_cost"] {
        flex-basis: 20%;
    }
    
    .price-outer-col [name="announcement_cost_currency"] {
        flex-basis: 2rem;
    }
    
    .price-outer-col [name="announcement_cost_tax"] {
        flex-basis: 6.5rem;
    }
    
    .price-outer-col [name="announcement_cost_unit"] {
        flex-basis: 2rem;
    }

}

/* list of cities */

.city-or-state-section .cities-list {
	padding: 0 1rem;
	margin-bottom: 2rem;
}

.city-or-state-section .cities-list li {
	margin-bottom: .5rem;
}

.city-or-state-section .cities-list a {
	color: var(--black);
}

.city-or-state-section .cities-list a:hover {
    color: var(--primary);
    text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}

@media (max-width: 991px) {

	.city-or-state-section .buttons .btn {
		margin: 0 0 .5rem;
		width: 100%;
		display: block;
		font-weight: 400;
	}

}

@media (min-width: 260px) and (max-width: 767.98px) {

	.city-or-state-section .cities-list {
		column-count: 2;
		column-gap: 1.5rem;
        padding-right: 0;
	}

}

@media (min-width: 768px) {

	.city-or-state-section .cities-list {
		column-count: 2;
		column-gap: 2rem;
	}

	.city-or-state-section .buttons .btn.btn-primary {
		margin-left: 0;
	}
	
}

@media (min-width: 992px) {

	.city-or-state-section .cities-list {
		column-count: 3;
		column-gap: 3rem;
	}
	
}

/* list check circle at register page */

.list-check-circle {
    --left-offset: 3rem;
    font-size: var(--fs-18);
    color: var(--dark-text2);
    padding-left: var(--left-offset);
    list-style: none;
}

.list-check-circle li::before {
    content: "\f058";
    font-family: var(--fa);
    float: left;
    margin-left: calc(-1 * var(--left-offset));
    font-size: 1.66rem;
    margin-top: -.25rem;
}

.list-check-circle li + li {
    margin-top: 1.5rem;
}

.list-check-circle strong {
    font-weight: 600;
}

@media (max-width: 767.98px) {

    .list-check-circle {
        font-size: 1rem;
        --left-offset: 1.75rem;
        line-height: 1.2;
    }

    .list-check-circle li::before {
        font-size: 1.33rem;
        margin-top: -.15rem;
    }

    .list-check-circle li + li {
        margin-top: .5rem;
    }

}

/* site footer */

.site-footer {
	background: var(--dark);
	color: var(--medium-grey);
}

.site-footer a {
	color: var(--white);
}

.site-footer .footer-top {
	border-bottom: 1px solid var(--border-grey);
}

.site-footer .footer-middle + .footer-bottom {
	border-top: 1px solid var(--border-grey);
}

.site-footer .footer-middle,
.site-footer .footer-bottom {
	font-size: .875rem;
    line-height: 1.5;
}

.site-footer .footer-text p:last-child {
    margin-bottom: 0;
}

.site-footer .payment-logo {
	width: auto;
	max-height: 3rem;
    /* max-width: 10rem; */
    max-width: 100%;
	height: auto;
	object-fit: contain;
}

.go-to-top {
	position: fixed;
	bottom: 2vh;
	right: 2vw;
	display: block;
	color: #B3B3B3;
	font-weight: 500;
	transition: all .25s;
	z-index: 20;
}

.go-to-top:not(:hover) {
	opacity: .7;
}

body:not(.scrolled) .go-to-top {
	opacity: 0;
}

.go-to-top:hover {
	color: #696969;
}

.go-to-top a,
.go-to-top a:hover {
	color: inherit;
}

.go-to-top .square {
	position: relative;
	width: 60px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	display: block;
	margin-bottom: 15px;
	background: #FFF;
}

.go-to-top .square::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.go-to-top .square .glyphicon,
.go-to-top .square i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 30px;
	line-height: 200%;
}

@media (max-width: 767px) {

	.go-to-top {
		transform: scale(.65);
		transform-origin: right bottom;
		bottom: .5rem;
	}

    .filters-btn ~ .go-to-top,
    .company-search-panel-section ~ .go-to-top {
               bottom: 5rem;
    }

        .action-pokaz .go-to-top {
                bottom: 5rem;
    }



}


/* single page content */

.page-content,
.top-margin-like-main-content {
    --this-margin: 2.5rem;
}

.page-content {
	margin-top: var(--this-margin);
	margin-bottom: var(--this-margin);
	position: relative;
}

.top-margin-like-main-content {
    padding-top: var(--this-margin) !important;
}

.page-content.grey-bg {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: var(--this-margin);
	padding-bottom: var(--this-margin);
}

@media (max-width: 991.98px) {

	.page-content,
    .top-margin-like-main-content {
		--this-margin: 2rem;
	}

}

@media (max-width: 767.98px) {

	.page-content,
    .top-margin-like-main-content {
		--this-margin: 1.5rem;
	}

}

@media (min-width: 1200px) {

    .page-content,
    .top-margin-like-main-content {
		--this-margin: 4rem;
    }

}

.breadcrumbs + .page-content {
    margin-top: 0;
}

.text-page-content img {
	max-width: 100%;
	height: auto !important;
}

.sliding-text:not(.in):not(.show) .text {
	max-height: 3rem;
	overflow: hidden;
}

.sliding-text.in .to-hide,
.sliding-text.show .to-hide {
	display: none;
}

/* register page additional style */

.register-have-account-already-text {
    font-size: var(--fs-15);
}

@media (min-width: 768px) {

    .page-content-register-user {
        margin-top: 4rem;
    }

}

@media (min-width: 992px) {

    .page-content-register-user {
        margin-top: 5rem;
    }

}

.register-social-buttons-outer .btn-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: var(--fs-15);
    border-radius: .75rem;
}

.register-social-buttons-outer .btn img {
    max-height: 1.5em;
    vertical-align: bottom;
}

.rodo-text {
    color: var(--light-grey3);
}

.rodo-text .text a {
    color: inherit;
}

.rodo-text .text ~ a {
    opacity: .5;
}

.rodo-modal .modal-body {
    max-height: 50vh;
    max-height: calc(80vh - 10rem);
    overflow: auto;
}

.announcement-title-card {
	box-shadow: none;
    border-color: rgba(0,0,0,.1);
}

body.style-no-radius .announcement-title-card {
    border-radius: 0;
}

@media (max-width: 767.98px) {

	.announcement-title-card .title {
		font-size: var(--fs-16);
	}

}

.chosen-category-box {
    cursor: pointer;
}

/* create announcement - add photos */

.single-ajax-medium img {
	display: inline-block;
	margin-bottom: 5px;
}

.single-ajax-medium .first-img-label {
    font-size: 1rem;
    font-weight: 600;
}

@media (max-width: 767.98px) {

    .single-ajax-medium.empty + .single-ajax-medium.empty {
        display: none !important;
        visibility: hidden;
    }

}

.single-ajax-medium label input {
	display: none;
}

.single-ajax-medium label input:not(:checked) + .btn {
	opacity: .5;
}

.single-ajax-medium {
    position: relative;
    --outer-border-width: 2px;
}

.single-ajax-medium:not(.empty) .img-thumbnail {
    border: var(--outer-border-width) solid var(--white);
}

.single-ajax-medium:not(.empty) .img-thumbnail.is-main {
    border-color: var(--primary);
}

.single-ajax-medium .img-thumbnail.is-main + .action-outer .btn.set-as-main {
    display: none;
}

.single-ajax-medium .img-thumbnail {
    --bs-aspect-ratio: 80%; /* 100% */
}

@media (max-width: 575.98px) {

    /* .single-ajax-medium .img-thumbnail {
        --bs-aspect-ratio: 50%;
    } */

    .single-ajax-medium:not(.empty) {
        --outer-border-width: 3px;
    }

}

/* .single-ajax-medium label {
	display: block;
	width: 100%;
} */

.single-ajax-medium .img-thumbnail .btn {
	width: 100%;
	border-radius: 0;
	padding: 0;
    font-size: 2rem;
    color: rgba(0,0,0,.5);
}

.single-ajax-medium .img-thumbnail .btn:hover {
    text-shadow: 0 0 .5rem var(--white);
    color: rgba(0,0,0,.75);
}

.single-ajax-medium .btn .spinner-border {
    vertical-align: middle;
}

.single-ajax-medium .img-thumbnail > img {
    object-fit: cover;
}

.single-ajax-medium:not(.loading) .btn .spinner-border,
.single-ajax-medium.loading .btn .fa-icon,
.single-ajax-medium.loading .btn .first-img-label {
    display: none;
}

.single-ajax-medium .action-outer {
    position: absolute;
    top: var(--outer-border-width);
    right: calc(var(--outer-border-width) + var(--bs-gutter-x)/ 2);
    bottom: var(--outer-border-width);
    left: calc(var(--outer-border-width) + var(--bs-gutter-x)/ 2);
    background: transparent;
}

.single-ajax-medium .action-outer .btn {
    margin-top: .1rem;
    margin-bottom: .1rem;
}

.single-ajax-medium .badge-main-photo {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1.2;
    border-radius: 0;
    border-top-right-radius: .25rem;
    background: var(--primary);
    color: var(--white);
}

@media (max-width: 767.98px) {

    .single-ajax-medium .badge-main-photo {
        font-size: .75rem;
        padding: .5em;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        border-radius: 0;
        border-bottom-right-radius: .25rem;
    }

}

@media (min-width: 768px) {

    .single-ajax-medium .action-outer {
        background: rgba(0,0,0,.5);
    }

}

.single-ajax-medium [name="photos_main"]:not(:checked) + .badge-main-photo {
    display: none;
}

@media (min-width: 768px) {

    .single-ajax-medium:not(:hover) .action-outer {
        background: transparent;
    }

    .single-ajax-medium:not(:hover) .action-outer .btn {
        opacity: 0;
    }

}

.single-ajax-medium .action-outer .action-buttons {
    margin-top: auto;
    margin-bottom: auto;
}

/* .single-ajax-medium .delete {
	position: absolute;
	top: 5px;
	right: 20px;
	border: 2px solid #FFF;
	font-size: 120%;
	line-height: 1;
} */

#photosAjax .tooltip-inner {
    max-width: calc(100% - 2*var(--padding-x));
    margin-left: auto;
    margin-right: auto;
}




/* add form */

#createAnnouncement .map-outer,
#companyValidate .map-outer,
.full-width-map-outer {
	height: 33vh;
	min-height: 250px;
	width: 100%;
    position: relative;
    z-index: 0;
}

@media (max-width: 767px) {

	#createAnnouncement .map-outer,
    #companyValidate .map-outer,
    .full-width-map-outer {
		height: 25vh;
		min-height: 50px;
	}
	
}

@media (min-width: 992px) {

	img.photoToCrop {
		max-width: 600px;
	}

}

.announcement-meta {
	background: var(--bg-color-4);
	color: var(--white)
}

.announcement-meta .show-phone {
	margin-top: -8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.announcement-meta a {
	color: var(--white);
}

.announcement-meta a:not(.btn):hover {
	color: #ffb400;
	border-bottom: 2px solid #ffb400;
}

.announcement-meta .meta-name {
	color: var(--medium-grey-text);
}

.announcement-meta .meta-value .price {
	color: #ffb400;
	font-size: 24px;
}

.announcement-security-rules .title {
	font-size: var(--fs-18);
	font-weight: 300;
}

.announcement-security-rules .title strong {
	font-weight: 500;
	display: block;
}

.announcement-security-rules ul {
	padding: 1rem 0 1rem 1.25rem;
	border-top: 1px solid var(--border-grey2);
	border-bottom: 1px solid var(--border-grey2);
	margin: 0;
}

.announcement-contact-form .icon-before-phone {
    vertical-align: text-bottom;
    line-height: 1.5;
}

.announcement-contact-form .phone-outer {
	font-size: 1.4285rem;
	color: var(--dark-text);
	/* display: block; */
	/* margin: 1.5rem 0; */
    font-weight: 600;
}

.announcement-contact-form .phone-outer .hide-if-phone,
.announcement-contact-form .phone-outer .hidden-phone {
	/* color: var(--primary); */
	color: var(--darkest);
}

.announcement-contact-form .phone-outer a:not(.btn):hover {
	color: #ffb400;
	border-bottom: 2px solid #ffb400;
}

@media (max-width: 575.98px) {

    .announcement-contact-form {
        padding: 1rem;
    }

    .announcement-contact-form .title,
    .announcement-contact-form .phone-outer {
        font-size: 1.5rem;
    }

}

.announcement-contact-form .form-control {
	/* height: auto; */
}

.announcement-contact-form textarea {
	height: 115px;
	min-width: 100%;
	max-width: 100%;
}

.announcement-contact-form .attachment-file-col,
.announcement-contact-form .attachment-desc-col {
	font-size: .78571rem;
}

.announcement-contact-form .attachment-file-col .file-name-value {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.announcement-contact-form .attachment-file-col .file-label > span {
	font-weight: 500;
	cursor: pointer;
	color: #2b2b2b;
}

.price-contact-box-outer-main-1 .announcement-map,
.price-contact-box-outer-main-1 .author-contact-box {
	display: none;
}

.price-contact-box-outer-main-2 .price-box,
.price-contact-box-outer-main-2 .announcement-price-contact-box .row-phone {
	display: none;
}

.price-contact-box-outer-main-2 .announcement-price-contact-box .announcement-map {
	border-top: none;
}

.announcement-side-col .announcement-location .map-outer {
    width: 100%;
    height: 10rem;
}

.modal-map-outer {
    width: 100%;
    max-height: calc(100vh - 9rem);
    overflow: hidden;
}

.modal-map-outer.ratio > * {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.announcement-price-contact-box-outer.sticky-top {
    top: var(--top-offset);
    transition: all .25s;
    z-index: 10;
}

.announcement-price-contact-box-outer.sticky-top .hide-if-scrolled {
    transition: all .25s;
}

body.scrolled .announcement-price-contact-box-outer.sticky-top .hide-if-scrolled {
    height: 0;
    overflow: hidden;
    margin: 0;
}

body.scrolled .announcement-price-contact-box-outer.sticky-top + * {
    /* margin-top: 4rem !important; */
}
@media (max-width: 499.98px) {

    .announcement-price-contact-box-outer.mobile-machinery-floating {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        margin: 0;
        /*padding: 0.75rem 1rem;*/
        z-index: 1025;
        transform: translateY(-120%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .35s ease, opacity .35s ease, visibility .35s ease;
    }

    body.mobile-machinery-box-visible .announcement-price-contact-box-outer.mobile-machinery-floating {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .announcement-price-contact-box-outer.mobile-machinery-floating .std-white-box {
        box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
        background: var(--grey-bg)!important;
    }

    .mobile-machinery-floating-placeholder {
        display: none;
        width: 100%;
        height: 0;
    }

    .mobile-machinery-floating-placeholder.is-active {
        display: block;
        margin-bottom: 1.5rem;
        pointer-events: none;
    }
    .machinery-mobile-pdf-floating {
        position: fixed;
        left: 50%;
        bottom: 1.75rem;
        bottom: calc(1.75rem + env(safe-area-inset-bottom));
        width: calc(100% - 7.5rem);
        max-width: 24rem;
        z-index: 1025;
        transform: translate(-50%, 120%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .35s ease, opacity .35s ease, visibility .35s ease;
    }

    body.mobile-machinery-box-visible .machinery-mobile-pdf-floating {
        transform: translate(-50%, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .machinery-mobile-pdf-floating .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
        padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
    }

    .machinery-mobile-pdf-floating .machinery-mobile-pdf-floating-icon {
        font-size: 1.25rem;
        line-height: 1;
    }

}
.announcement-price-contact-box .announcement-map,
#itemsMap {
    background-image: url('../images/grey-spinner-on-white.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.announcement-price-contact-box {
	border: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
}

.announcement-price-contact-box:empty {
	display: none;
}

.announcement-price-contact-box .price-box {
	padding: 1rem 1.5rem;
	background: var(--white);
}

.announcement-price-contact-box .price-col {
	color: #323232;
	font-weight: 500;
	font-size: 13px;
}

.announcement-price-contact-box .price-col .price {
	font-size: 1.75rem;
    line-height: 1;
}

.announcement-price-contact-box .price-col .price small {
    font-size: .66em;
}

.announcement-price-contact-box .announcement-map {
	/* border: 1px solid #c9c9c9; */
	/* border-width: 1px 0; */
	position: relative;
}

body:not(.scrolled) .announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .announcement-map,
.announcement-price-contact-box-outer:not(.sticky-top) .announcement-price-contact-box .announcement-map {
	margin-bottom: -3rem;
}

.announcement-price-contact-box .announcement-map:first-child {
	border-top: none;
}

.announcement-location .map-outer {
    height: 17.5rem;
}

.announcement-price-contact-box .announcement-map.box-no-map {
	max-height: 72px;
}

.announcement-price-contact-box .announcement-map .address-box {
	position: absolute;
	top: 10px;
	right: 15px;
	bottom: auto;
	left: 15px;
	border: 1px solid #c9c9c9;
	background: rgba(255,255,255,.9);
	font-size: 13px;
	font-weight: 500;
	padding: 5px 10px;
}

.announcement-price-contact-box .announcement-map .address-box .map-marker {
	margin: 3px 12px 10px 0;
	font-size: 15px;
}

.announcement-price-contact-box .author-contact-box {
	position: relative;
	z-index: 999;
	padding: 0 1.5rem 2rem;
}

.announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .author-contact-box {
    transition: all .25s;
}

body.scrolled .announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .author-contact-box {
    padding: 1.5rem;
}

/* .announcement-price-contact-box .price-box + .author-contact-box {
	margin-top: -2.5rem;
} */


.announcement-price-contact-box .author-contact-box .user-image {
	border-radius: 50%;
	max-width: 100%;
	height: auto;
	width: 6rem;
	margin-top: 0;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.announcement-price-contact-box .author-contact-box .user-image::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.announcement-price-contact-box .price-box + .author-contact-box .user-image {
	margin-top: 1rem;
}

.announcement-price-contact-box .author-contact-box .author-name {
	font-size: 20px;
	color: #323232;
	font-weight: 500;
	margin: 5px auto;
}

.announcement-price-contact-box .author-contact-box .action-buttons {
	margin: 0 0 1rem;
}

.announcement-price-contact-box .author-contact-box .action-buttons .btn {
	margin: .5rem 0;
}

.announcement-price-contact-box .author-contact-box .phone-col {
	font-size: 1.5rem;
	font-weight: 300;
}

.announcement-price-contact-box .author-contact-box .phone-col .phone-value {
	color: var(--primary);
	display: inline-block;
	border-bottom: 2px solid transparent;
}

.announcement-price-contact-box .author-contact-box .phone-col a.phone-value:hover {
	color: #ffb400;
	border-bottom-color: #ffb400;
}

@media (max-width: 767px) {

	.announcement-price-contact-box .author-contact-box .phone-col {
		font-size: 2rem;
	}

}

.announcement-gallery {
	/* background: var(--grey-bg); */
	background: var(--bg-color-3);
	/* padding: 1rem; */
	padding: 0;
	position: relative;
}

.announcement-gallery .carousel-item {
    transition: transform .4s ease-in-out;
}

@media (max-width: 575.98px) {

    .announcement-gallery {
        margin-left: calc(-1 * var(--bs-gutter-x) * .5);
        margin-right: calc(-1 * var(--bs-gutter-x) * .5);
    }

}

.announcement-gallery .carousel-item a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.announcement-gallery .single-photo {
	margin-left: auto;
	margin-right: auto;
    display: block;
}

.announcement-gallery .carousel-control-next-icon,
.announcement-gallery .carousel-control-prev-icon {
    background-color: rgba(0,0,0,.75);
    border: .5rem solid transparent;
    border-radius: .5rem;
}

.announcement-gallery .carousel-control-next-icon:hover,
.announcement-gallery .carousel-control-prev-icon:hover {
    filter: drop-shadow(0 0 .25rem rgba(255,255,255,.5));
}

.announcement-gallery .carousel-control-next-icon,
.announcement-gallery .carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
}

.announcement-gallery .gallery-photo-counter {
    left: 1rem;
    bottom: 1rem;
    color: var(--white);
    background-color: rgba(0,0,0,.5);
    position: absolute;
    padding: .5rem;
    line-height: 1;
}


@media (min-width: 992px) {

    .announcement-gallery .carousel-control-next-icon,
    .announcement-gallery .carousel-control-prev-icon {
        width: 4rem;
        height: 4rem;
    }

}

.announcement-gallery .carousel-control,
.announcement-gallery .carousel-control:focus,
.announcement-gallery .carousel-control:hover {
	text-shadow: none;
	color: #bdbdbd;
	background: none;
	opacity: 1;
}

.announcement-gallery .carousel-control:hover {
	text-shadow: 0 3px 3px rgba(0,0,0,.5);
}

@media (min-width: 768px) {

	/* .announcement-gallery .carousel .item {
		height: 100vh;
	} */

	.announcement-gallery .single-photo {
		/* height: 480px;
		max-height: calc(100vh - 100px);
		max-width: 100%;
		width: auto; */
        object-fit: contain;
        object-position: center;
        margin: auto;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
	}

}

@media (max-width: 767.98px) {

	.announcement-gallery {
		padding: 0;
		/* background: transparent; */
		/* background: var(--grey-bg); */
	}

	.announcement-gallery .carousel-control,
	.announcement-gallery .carousel-control:focus,
	.announcement-gallery .carousel-control:hover {
		color: #FFF;
		font-size: 30px;
		text-shadow: 0 0 10px #000;
		width: 12%;
	}

	/* .announcement-gallery .carousel-item {
		position: relative;
	} */

	.announcement-gallery .carousel-item a img {
		/* max-height: 45vh;
        max-width: 100%; */
        /* object-fit: contain; */
        object-fit: cover;
	}

	.announcement-gallery .carousel-item.normalized a img {
		margin-top: auto;
		margin-bottom: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.carousel-indicators li {
		box-shadow: 0 0 8px rgba(0,0,0,.15);
	}

    .smartphoto-dismiss {
        --size: 30px;
        width: var(--size) !important;
        height: var(--size) !important;
        filter: drop-shadow(0 0 .5rem black);
    }

}



.announcement-info-belt {
	padding: 1rem 0;
	color: var(--medium-grey);
	font-size: var(--fs-13);
	font-weight: 500;
}

.announcement-info-belt > span {
	display: inline-block;
    margin-right: 1rem;
}

@media (max-width: 767px) {
	
	/* .announcement-info-belt > span {
		display: block;
        margin-right: 0;
	} */
	
	.announcement-info-belt + .alert {
		margin-top: 2rem;
	}

	.announcement-title-outer {
		border-bottom: none;
	}
	
	.announcement-title-outer .title-with-line {
		border-bottom: 1px solid #d3d3d3;
		margin-bottom: 1rem;
		font-size: 1.5rem;
	}

}

/* breadcrumbs */

.breadcrumb-outer {
	border-bottom: 1px solid var(--light-grey2);
	padding: .75rem 0;
    margin-bottom: 1rem;
}

body.tpl-schema-content.module-announcement.action-pokaz .breadcrumb-outer,
.tpl-schema-content.module-news.action-view .breadcrumb-outer,
.tpl-schema-content.module-events.action-view .breadcrumb-outer {
    border: none;
    margin-bottom: 0;
}

body.tpl-schema-content.module-announcement.action-pokaz .breadcrumb-outer .breadcrumb,
.tpl-schema-content.module-news.action-view .breadcrumb-outer .breadcrumb {
    margin: .75rem 0 !important;
}

.breadcrumb-outer .breadcrumb {
	background: transparent;
	border-radius: 0;
}

.breadcrumb-outer .breadcrumb,
.breadcrumb-outer .breadcrumb a {
	font-size: .75rem;
	font-weight: 500;
	color: var(--medium-grey);
}

.breadcrumb-outer .breadcrumb a:hover {
    color: var(--primary);
}

.breadcrumb-outer {
    --space: .25rem;
}

@media (max-width: 767.98px) {

    .breadcrumb-outer {
        --space: .15rem;
    }

    .breadcrumb-outer {
        white-space: nowrap;
        overflow-x: auto;
    }

    .breadcrumb-outer::-webkit-scrollbar {
        height: .5rem;
    }

    .breadcrumb-outer .breadcrumb {
        flex-wrap: nowrap;
    }

}

.breadcrumb-outer .breadcrumb > *:not(:first-child) {
    margin-left: var(--space);
}

.breadcrumb-outer .breadcrumb > *:not(:last-child) {
    margin-right: var(--space);
}

.breadcrumb-outer .breadcrumb > *:last-child {
	color: var(--dark-text);
	cursor: default;
}

.breadcrumb-outer .breadcrumb a,
.breadcrumb-outer .breadcrumb span {
    max-width: 100%;
    display: inline-block;
    /* overflow: hidden; */
}

/*
.breadcrumb-outer .breadcrumb a:not(.return-link) i,
.breadcrumb-outer .breadcrumb span i {
    display: inline-block;
    vertical-align: super;
}
*/

.breadcrumb-outer .breadcrumb .return-link {
	color: var(--primary);
	font-weight: 600;
}

.breadcrumb-outer .breadcrumb .return-link:hover {
	color: var(--yellow);
}

.search-page-sidebar {
    margin-bottom: 2rem;
}

@media (min-width: 992px) {

    :root {
        --sidebar-width: calc((100% / 12) * 2.5);
    }

    .search-page-sidebar {
        width: var(--sidebar-width);
        max-width: var(--sidebar-width);
    }

    .search-page-content-next-to-sidebar:not(:first-child):not(:last-child) {
        width: calc(100% - var(--sidebar-width));
        max-width: calc(100% - var(--sidebar-width));
    }

}

.panel-side {
	border-radius: 0;
	background: var(--grey-bg);
	border: 1px solid #dcdcdc;
	padding: 15px;
	box-shadow: none;
}

.grey-section .panel-side {
    background: var(--white);
}

.panel-side + .panel-side {
    margin-top: 1rem;
}

.panel-side:not(:last-child) {
    margin-bottom: 1rem;
}

.panel-side .panel-heading {
	padding: 0;
    margin-bottom: .75rem;
	font-weight: 500;
	color: var(--dark-text);
    font-size: inherit;
}

.side-tags a {
	text-decoration: underline;
	color: #525252;
	display: inline-block;
	margin: 0 2px;
}

.side-tags .tag01 {
	font-size: var(--fs-13);
}

.side-tags .tag02 {
	font-size: var(--fs-15);
}

.side-tags .tag03 {
	font-size: var(--fs-18);
}

.side-clipboard ul a {
	color: #525252;
}

.side-categories {
	font-size: 13px;
	color: #525252;
}

.side-categories a {
	color: #525252;
}

.side-categories a:hover {
	color: var(--primary);
}

.side-categories a small {
    font-size: .75rem;
}

.side-categories .active a {
    font-weight: bold;
}

.side-categories .categories-toggle {
	font-size: 60%;
	cursor: pointer;
}

.side-categories ul ul .triangle {
	font-size: 45%;
	top: -2px;
}

.side-categories .categories-toggle.collapse.in {
	display: inline-block;
}

.side-categories ul li {
	padding: 0;
	margin: 3px 0;
	padding-left: 6px;
	border-left: 3px solid var(--primary);
}

.side-categories ul li.active {
	font-weight: 500;
}

/*
.side-categories ul li .name.active {
	font-weight: 500;
	color: #202020;
}
*/

.side-categories ul ul {
	padding: 2px 0 0;
}

.side-categories ul ul li,
.side-categories ul ul li a {
	color: #807777;
	font-size: 12px;
}

/* newsletter box */

.newsletter-box {
	border: 1px solid var(--border-grey2);
}

.announcements-list + .newsletter-box {
	margin-top: 2rem;
}

.newsletter-box:last-child {
	margin-bottom: 2rem;
}

.newsletter-box .box-title {
	font-size: 1.5rem;
	font-weight: 300;
}
@media (min-width: 767.99px) {
    .newsletter-box .close-btn{
        display: none;
    }
}
@media (max-width: 767.98px) {

    .newsletter-box .box-title {
        font-size: 1.3rem;
    }
    .newsletter-box-floating {
        position: fixed;
        bottom: 150px;
        z-index: 999;
        background: white;
        left: 0px;
        box-shadow: 0px 0px 22px #000000;
    }
    .close-btn{
        float: right;
        font-size: 24px;
        background: rgb(227, 30, 36);
        padding: 10px;
        display: inline-block;
        border-radius: 50%;
        line-height: 16px;
        border: none;
        color:#ffffff;
    }

}

.newsletter-box .box-title strong {
	font-weight: 500;
}


/* search page */

.cats-links-belt {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d3d3d3;
}

.announcements-list + .cats-links-belt {
	margin-top: 20px;
}

.cats-links-belt ul {
	margin-bottom: 0;
}

.cats-links-belt a {
	color: #2a2a42;
	line-height: 1.8;
}

.search-heading-outer {
	border-bottom: 1px solid var(--border-grey2);
	margin-bottom: 1rem;
	font-size: var(--fs-13);
	color: var(--medium-grey);
}

.search-heading-outer .user-image {
	border-radius: 50%;
	width: auto;
	height: auto;
	max-height: 60px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

.search-heading-outer,
.search-heading-outer .nav a:not(:active) {
	color: var(--border-grey);
}

.search-heading-outer .nav a:hover {
    color: var(--primary);
}

.search-heading-outer .heading {
	font-size: 19px;
	font-weight: 300;
	color: #2a2a2a;
	margin: 0;
	padding: 0;
	line-height: 2;
}

.search-heading-outer .nav-tabs {
	border-bottom: none;
}

.search-heading-outer .nav-tabs .dropdown-menu {
    padding: 0;
    top: -2px !important;
}

.search-heading-outer .nav-tabs > li > a,
.search-heading-outer .nav-tabs > li > span {
	border-radius: 3px 3px 0 0;
	/* padding: 10px 15px; */
	padding: .5rem .75rem;
	display: block;
}

.search-heading-outer .nav-tabs > li,
.search-heading-outer .nav-tabs > li:hover {
	margin-bottom: 0;
}

.search-heading-outer .nav-tabs > li > a,
.search-heading-outer .nav-tabs > li > a:hover,
.search-heading-outer .nav-tabs > li.active > a,
.search-heading-outer .nav-tabs > li > span {
	border: none;
}

.search-heading-outer .nav-tabs > li.active > a {
	background: var(--border-grey2);
}

/* .search-heading-outer .nav-tabs > li:not(.active) > a {
	padding: 10px;
}

.search-heading-outer .nav-tabs > li > span {
	padding: 10px 4px;
} */

.search-heading-outer .nav-sort-links .dropdown > a {
	font-weight: 500;
}

@media (max-width: 767.98px) {

    .search-heading-outer .nav-sort-links .dropdown > a {
        padding-right: 0;
    }

}

.search-heading-outer .search-heading strong {
	font-weight: 500;
}

.search-mode-link:hover {
    filter: drop-shadow(0 0 .25rem var(--primary-transparent))
}

.announcements-list .single-announcement {
	border: 1px solid var(--border-grey2);
	transition: all .25s;
    background: rgba(255,255,255,.75);
}

.announcements-list.announcements-list-tiles .small-announcement,
.announcements-list.announcements-list-tiles .single-announcement {
    height: 100%;
}

.announcements-list.announcements-list-tiles .single-announcement .announcement-title .badge {
    font-size: var(--fs-10);
    padding: .25em .45em;
}


.post-list .single-post {
	border: 1px solid var(--border-grey2);
	transition: all .25s;
    background: rgba(255,255,255,.75);
}

.post-list.post-list-tiles .small-post,
.post-list.post-list-tiles .single-post {
    height: 100%;
}

.post-list.post-list-tiles .single-post .post-title .badge {
    font-size: var(--fs-10);
    padding: .25em .45em;
}

.companies-list .single-announcement {
    /* min-height: 100%; */
    height: 100%;
}

@media (max-width: 575.98px) {

    .companies-list .single-announcement > .row {
        min-height: 100%;
        /* height: 100%; */
        flex-direction: column;
        justify-content: space-between;
    }

}

@media (max-width: 575.98px) {

    .tpl-schema-search .search-heading-outer .heading {
        margin-top: 0;
    }

}

@media (min-width: 992px) {

    .companies-list .single-announcement > .row {
        min-height: 180px;
    }

    .companies-list .single-announcement .img-link img {
        max-height: 175px;
    }

}

.announcements-list .single-announcement:hover {
	box-shadow: 0 2px 7px rgba(0,0,0,.33);
}

.announcements-list .single-announcement.promoted {
	border-color: var(--yellow);
	background: #ffb30010;
}

.announcements-list .single-announcement ~ .single-announcement,
.announcements-list .single-announcement ~ .mobile-observe-search-box {
	margin-top: 1rem;
}

.announcements-list .single-announcement .col-with-title {
	border-right: 1px solid var(--border-grey2);
}

.announcements-list.announcements-list-horizontal .single-announcement.promoted .col-with-title {
	border-color: var(--yellow);
}

.announcements-list .single-announcement .announcement-title {
	padding: 0;
}

.announcements-list .single-announcement .announcement-title,
.announcements-list .single-announcement .announcement-title a {
	color: var(--dark-text);
	font-size: var(--fs-20);
	font-weight: 400;
    overflow-wrap: anywhere;
}

.announcements-list.announcements-list-tiles .single-announcement .announcement-title,
.announcements-list.announcements-list-tiles .single-announcement .announcement-title a {
    font-size: var(--fs-16);
    line-height: 1.3;
}

.announcements-list .single-announcement .announcement-title a:hover {
    color: var(--white);
    background-color: var(--primary);
}

.post-list .single-post:hover {
	box-shadow: 0 2px 7px rgba(0,0,0,.33);
}

.post-list .single-post.promoted {
	border-color: var(--yellow);
	background: #ffb30010;
}

.post-list .single-post ~ .single-post,
.post-list .single-post ~ .mobile-observe-search-box {
	margin-top: 1rem;
}

.post-list .single-post .col-with-title {
	border-right: 1px solid var(--border-grey2);
}

.post-list.post-list-horizontal .single-post.promoted .col-with-title {
	border-color: var(--yellow);
}

.post-list .single-post .post-title {
	padding: 0;
}

.post-list .single-post .post-title,
.post-list .single-post .post-title a {
	color: var(--dark-text);
	font-size: var(--fs-20);
	font-weight: 400;
    overflow-wrap: anywhere;
}

.post-list.post-list-tiles .single-post .post-title,
.post-list.post-list-tiles .single-post .post-title a {
    font-size: var(--fs-16);
    line-height: 1.3;
}

.post-list .single-post .post-title a:hover {
    color: var(--white);
    background-color: var(--primary);
}
@media (max-width: 991.98px) {

    .announcements-list .single-announcement .announcement-title,
    .announcements-list .single-announcement .announcement-title a {
        font-size: var(--fs-16);
    }
    .post-list .single-post .post-title,
    .post-list .single-post .post-title a {
        font-size: var(--fs-16);
    }

}

@media (max-width: 767.98px) {

    .announcements-list .single-announcement .announcement-title,
    .announcements-list .single-announcement .announcement-title a {
        font-size: var(--fs-20);
        line-height: 1.5;
    }
    .post-list .single-post .post-title,
    .post-list .single-post .post-title a {
        font-size: var(--fs-20);
        line-height: 1.5;
    }

}

.announcements-list .single-announcement .announcement-info {
	font-weight: 500;
	font-size: var(--fs-12);
	color: #808080;
}

.announcements-list .single-announcement .announcement-list-meta {
	font-size: var(--fs-12);
	font-weight: 500;
}

.announcements-list .single-announcement .announcement-list-meta,
.announcements-list .single-announcement .announcement-list-meta a {
	color: var(--medium-grey-text);	
}

.announcements-list .single-announcement .announcement-list-meta .type {
	font-weight: 500;
	color: var(--navy);
}

.post-list .single-post .post-info {
	font-weight: 500;
	font-size: var(--fs-12);
	color: #808080;
}

.post-list .single-post .post-list-meta {
	font-size: var(--fs-12);
	font-weight: 500;
}

.post-list .single-post .post-list-meta,
.post-list .single-post .post-list-meta a {
	color: var(--medium-grey-text);	
}

.post-list .single-post .post-list-meta .type {
	font-weight: 500;
	color: var(--navy);
}

@media (min-width: 768px) {
	
	.announcements-list .single-announcement .img-link {
		position: relative;
	}

        .post-list .single-post .img-link {
		position: relative;
	}
	.search-heading-outer .heading {
		/*white-space: nowrap;*/
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
}

.announcements-list .single-announcement .img-link,
.announcements-list .single-announcement .carousel {
	position: relative;
	display: block;
	overflow: hidden;
}

.announcements-list .single-announcement .carousel .carousel-control-prev,
.announcements-list .single-announcement .carousel .carousel-control-next {
    filter: drop-shadow(0 0 .25rem var(--black));
}

.announcements-list .single-announcement .carousel .ratio {
    --bs-aspect-ratio: 66.6%;
}
.post-list .single-post .img-link,
.post-list .single-post .carousel {
	position: relative;
	display: block;
	overflow: hidden;
}

.post-list .single-post .carousel .carousel-control-prev,
.post-list .single-post .carousel .carousel-control-next {
    filter: drop-shadow(0 0 .25rem var(--black));
}

.post-list .single-post .carousel .ratio {
    --bs-aspect-ratio: 66.6%;
}

@media (min-width: 992px) {

    .announcements-list.announcements-list-tiles .single-announcement .carousel .ratio {
        --bs-aspect-ratio: 100%;
    }

    .announcements-list.announcements-list-horizontal .single-announcement .carousel .ratio {
        --bs-aspect-ratio: 100%;
    }
    .post-list.post-list-tiles .single-post .carousel .ratio {
        --bs-aspect-ratio: 100%;
    }

    .post-list.post-list-horizontal .single-post .carousel .ratio {
        --bs-aspect-ratio: 100%;
    }

}

.announcements-list .single-announcement .carousel-indicators [data-bs-target]:nth-child(n+6) {
    display: none;
}
.post-list .single-post .carousel-indicators [data-bs-target]:nth-child(n+6) {
    display: none;
}

.announcements-list .single-announcement .featured,
.small-announcement .featured,
.announcement-gallery .featured,
.announcements-list .single-announcement .expired-ribbon,
.announcements-list .single-announcement .expired-ribbon,
.announcement-gallery .expired-ribbon,
.small-announcement .expired-ribbon {
	color: var(--white);
	background: var(--yellow);
	padding: .5rem;
	width: 100%;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 999;
	display: block;
	top: 14%;
	left: -27%;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 500;
}
.post-list .single-post .featured,
.small-post .featured,
.post-gallery .featured,
.post-list .single-post .expired-ribbon,
.post-list .single-post .expired-ribbon,
.post-gallery .expired-ribbon,
.small-post .expired-ribbon {
	color: var(--white);
	background: var(--yellow);
	padding: .5rem;
	width: 100%;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 999;
	display: block;
	top: 14%;
	left: -27%;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 500;
}

@media (min-width: 992px) {

    .announcements-list.announcements-list-tiles .single-announcement .featured {
        left: -33%;
    }
    .post-list.post-list-tiles .single-post .featured {
        left: -33%;
    }
}
/*do tego miejsca zamiana announscemnt na post*/
.announcements-list .single-announcement .expired-ribbon,
.announcements-list .single-announcement .expired-ribbon,
.announcement-gallery .expired-ribbon,
.small-announcement .expired-ribbon {
    background: var(--border-grey);
}

.announcement-gallery {
    overflow: hidden;
}

.announcement-gallery .featured,
.announcement-gallery .expired-ribbon {
    width: 12rem;
    left: -3rem;
    top: 2rem;
}

@media (max-width: 991.98px) {

    .announcements-list .single-announcement .featured,
    .small-announcement .featured,
    .announcements-list .single-announcement .expired-ribbon,
    .small-announcement .expired-ribbon {
        font-size: .7rem;
        top: 15%;
        left: -26%;
        padding: .25rem;
    }

}

@media (max-width: 767.98px) {

    .announcements-list .single-announcement .featured,
    .small-announcement .featured,
    .announcements-list .single-announcement .expired-ribbon,
    .small-announcement .expired-ribbon {
        top: 19px;
        left: -26%;
    }

}

@media (max-width: 575.98px) {

    .announcements-list .single-announcement .featured,
    .small-announcement .featured,
    .announcements-list .single-announcement .expired-ribbon,
    .small-announcement .expired-ribbon {
        top: 2rem;
        left: -4rem;
        font-size: 1rem;
        width: 14rem;
    }

}

@media (min-width: 768px) {

    .announcements-list .single-announcement .img-link .announcement-icon {
		object-fit: contain;
		transition: all .25s;
	}
	
	.announcements-list .single-announcement .img-link .announcement-icon:hover {
		transform: scale(1.15);
	}

}

.announcements-list .list-photo-counter {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--primary);
    color: var(--white);
    padding: .33rem;
    line-height: 1;
    z-index: 9;
}

.announcements-list .single-announcement .price {
	font-size: var(--fs-26);
	color: var(--primary);
	font-weight: 500;
}

.announcements-list.announcements-list-tiles .single-announcement .price {
    font-size: var(--fs-20);
}

.announcements-list .single-announcement .price small {
    font-size: .6em;
}

.announcements-list .single-announcement .price-notice {
	font-size: var(--fs-12);
	color: #434343;
	font-weight: 500;
	line-height: 1;
}

.announcements-list .single-announcement .add-to-clipboard-link,
.company-add-to-clipboard-link, .machinery-add-to-clipboard-link {
	display: block;
	color: #5d5d5d;
	font-size: var(--fs-12);
	font-weight: 500;
    position: relative;
}

.announcements-list .single-announcement .add-to-clipboard-link.tile-add-to-clipboard-link {
    font-size: var(--fs-18);
}

.announcements-list .single-announcement .add-to-clipboard-link .heart,
.company-add-to-clipboard-link .heart, .machinery-add-to-clipboard-link .heart {
	font-size: 100%;
	color: #c2c2c2;
	position: relative;
	top: 4px;
}

.announcements-list .single-announcement .add-to-clipboard-link:hover,
.announcements-list .single-announcement .add-to-clipboard-link:hover .heart,
.company-add-to-clipboard-link:hover,
.company-add-to-clipboard-link:hover .heart {
	color: var(--primary);
}

.mobile-machinery-floating .clipboard-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    position: absolute;
    right: 10px;
    top: 10px;
}

.mobile-machinery-floating .machinery-mobile-summary-clipboard-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--primary);
    font-size: .75rem;
    /*line-height: 1.1;*/
    font-weight: 600;
    transition: color .2s ease-in-out;
}

.mobile-machinery-floating .machinery-mobile-summary-clipboard-link:hover,
.mobile-machinery-floating .machinery-mobile-summary-clipboard-link:focus {
    color: var(--primary2);
}

.mobile-machinery-floating .machinery-mobile-summary-clipboard-link-remove {
    color: var(--tertiary);
}

.mobile-machinery-floating .machinery-mobile-summary-clipboard-link-remove:hover,
.mobile-machinery-floating .machinery-mobile-summary-clipboard-link-remove:focus {
    color: #D7AD48;
}

.mobile-machinery-floating .machinery-mobile-summary-icon {
    font-size: 1.35rem;
}

.mobile-machinery-floating .machinery-mobile-summary-label {
    text-align: center;
}

.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard,
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard .heart,
.company-add-to-clipboard-link.is-in-clipboard,
.company-add-to-clipboard-link.is-in-clipboard .heart {
	color: var(--tertiary);
}

.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover,
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover .heart,
.company-add-to-clipboard-link.is-in-clipboard:hover,
.company-add-to-clipboard-link.is-in-clipboard:hover .heart {
	color: #D7AD48;
}

.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover,
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover .heart,
.company-add-to-clipboard-link.is-in-clipboard:hover,
.company-add-to-clipboard-link.is-in-clipboard:hover .heart {
	color: var(--primary2);
}

/*.machinery-add-to-clipboard-button:not(.is-in-clipboard) .full,
.machinery-add-to-clipboard-button.is-in-clipboard .empty,
[data-observe-machinery]:not(.is-in-clipboard) .full,
.is-in-clipboard[data-observe-machinery] .empty {
    display: none;
}

.machinery-add-to-clipboard-button.is-in-clipboard:not(.add-to-clipboard-button-on-gallery),
.machinery-delete-from-clipboard-button:not(.is-in-clipboard):not(.add-to-clipboard-button-on-gallery) {
	display: none;
}*/

 /*Ukryj przycisk "Usuń z obserwowanych" gdy brak klasy is-in-clipboard na kontenerze*/ 
.clipboard-buttons:not(.is-in-clipboard) .machinery-delete-from-clipboard-button {
    display: none;
}

 /*Ukryj przycisk "Dodaj do schowka" gdy klasa is-in-clipboard jest obecna na kontenerze*/ 
.clipboard-buttons.is-in-clipboard .machinery-add-to-clipboard-button {
    display: none;
}
/* Ukryj przycisk "Usuń ze schowka" gdy brak klasy is-in-clipboard na kontenerze */
.clipboard-buttons:not(.is-in-clipboard) .machinery-delete-from-clipboard-link {
    display: none;
}

/* Ukryj przycisk "Dodaj do schowka" gdy klasa is-in-clipboard jest obecna na kontenerze */
.clipboard-buttons.is-in-clipboard .machinery-add-to-clipboard-link {
    display: none;
}

.announcement-gallery .add-to-clipboard-button {
    --size: 3rem;
    font-size: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--border-grey2);
    width: var(--size);
    height: var(--size);
    text-align: center;
    line-height: 2;
}

.announcement-gallery .add-to-clipboard-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 3;
    background-color: var(--white);
    opacity: 1;
}

@media (max-width: 767.98px) {

    .announcement-gallery .add-to-clipboard-button {
        --size: 3rem;
        font-size: 1.5rem;
    }

}

.add-to-clipboard-button:not(.is-in-clipboard) .full,
.add-to-clipboard-button.is-in-clipboard .empty,
[data-observe-company]:not(.is-in-clipboard) .full,
.is-in-clipboard[data-observe-company] .empty {
    display: none;
}

.add-to-clipboard-button.is-in-clipboard:not(.add-to-clipboard-button-on-gallery),
.delete-from-clipboard-button:not(.is-in-clipboard):not(.add-to-clipboard-button-on-gallery) {
	display: none;
}

@media (max-width: 767.98px) {
	
	.cats-links-belt {
		font-size: 13px;
	}
	
	.search-heading-outer {
		border: none;
	}
	
	.search-heading-outer .nav-tabs > li > a, .search-heading-outer .nav-tabs > li > span {
		border-radius: .25rem;
	}
	
	.search-heading-outer .nav-tabs > li {
		float: none;
		display: inline-block;
	}

	.announcements-list .single-announcement .col-with-title {
		border-right: none;
	}
	
	.announcements-list:not(.companies-list) .single-announcement .img-link {
		width: 100%;
        padding-bottom: 10px;
	}
	
	.announcements-list .single-announcement .img-link .announcement-icon {
		width: 100%;
		height: 100%;
		position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
	}
	
	.announcements-list .single-announcement .announcement-list-meta {
		margin-bottom: .75rem;
	}

	.announcements-list .single-announcement .add-to-clipboard-link {
		margin-top: 0;
	}

}

@media (max-width: 575.98px) {

	.announcements-list:not(.companies-list) .single-announcement .img-link {
		width: 100%;
        padding-bottom: 10px;
	}

	.companies-list .single-announcement .img-link {
        width: 100%;
        padding-bottom: 82.5%;
    }

	.companies-list .single-announcement .img-link img {
        position: absolute;
        object-fit: contain;
        object-position: center center;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

@media (min-width: 768px) {

    .announcements-list.companies-list .col-with-title > .row {
        min-height: 165px;
    }

}

.announcements-list .single-announcement .carousel-item img {
    object-fit: cover;
}

.announcements-list .single-announcement .carousel-item,
.popover-in-search-results-map .carousel-item {
    transition: transform .4s ease-in-out;
}

.carousel-indicators [data-bs-target] {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    opacity: .5;
    background: transparent;
    border: 2px solid var(--white);
}

.carousel-indicators .active[data-bs-target] {
    background: var(--white);
    opacity: .75;
}

@media (min-width: 992px) {

    .carousel-indicators [data-bs-target] {
        width: .5rem;
        height: .5rem;
    }

}

.announcement-gallery .carousel-indicators > button {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}


/* OSM attribution */

.olControlAttribution {
    right: 2px !important;
    bottom: 2px !important;
}

.olControlAttribution a {
    color: inherit;
}


/* pagination */

@media (max-width: 767.98px) {

    .pagination {
        justify-content: center;
    }

}

@media (min-width: 768px) {

    .pagination {
        justify-content: start;
    }

    .list-mine-new .pagination {
        justify-content: center;
    }

}

.pagination-box-outer,
.pagination-outer {
	margin: 2rem 0;
}

.pagination-box-outer .pagination-outer {
    margin: 0;
}

.pagination-outer:empty {
    margin: 0;
}

.pagination {
	margin: 0;
    --bg: #d9d9d9;
}

.grey-bg .pagination {
    --bg: var(--white);
}

.pagination > li > a,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pagination > .sep > span,
.pagination > .sep > span:hover {
	background: var(--bg);
	color: #303030;
	padding: .75rem 1rem;
}

.pagination > li > a,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination>li:last-child > a,
.pagination > li:last-child > span {
	border: none;
	border-radius: .15rem;
	font-size: var(--fs-13);
	/* margin-left: 3px;
	margin-right: 3px; */
	margin-left: .15rem;
	margin-right: .15rem;
}

.style-no-radius .pagination > li > a,
.style-no-radius .pagination > li > a:focus,
.style-no-radius .pagination > li > a:hover,
.style-no-radius .pagination > li > span,
.style-no-radius .pagination > li > span:focus,
.style-no-radius .pagination > li > span:hover,
.style-no-radius .pagination > li:first-child > a,
.style-no-radius .pagination > li:first-child > span,
.style-no-radius .pagination > li:last-child > a,
.style-no-radius .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	background: var(--light-grey);
}

.pagination > li > a .small {
	font-size: 70%;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background: var(--primary);
	padding: 1rem 1.25rem;
	margin-top: -.25rem;
    color: var(--white);
}

.pagination > .sep > span,
.pagination > .sep > span:hover {
	background: transparent;
	border: none;
	letter-spacing: 3px;
	padding-left: .75rem;
	padding-right: .75rem;
}

@media (min-width: 992px) {

    .pagination-box-outer + .newsletter-box {
        margin-top: 3.5rem;
    }

}

.list-mine .stats {
    font-size: .9em;
}

@media (max-width: 767.98px) {

    .list-mine .stats {
        font-size: 1.25rem;
    }

    .list-mine .stats i {
        font-size: .9em;
    }

}

.list-mine .announcement-icon-link-outer {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.list-mine .announcement-icon,
.clipboard-list .announcement-icon {
	/* max-width: 60vw;
	width: 80px; */
	height: auto;
}

.list-mine tr,
.list-mine td {
    border-color: rgba(0,0,0,.25);
}

@media (min-width: 768px) and (max-width: 991px) {

    .list-mine .announcement-icon-link-outer,
	.list-mine .announcement-icon {
		max-width: 7.5vw;
		max-height: 7.5vw;
	}

    .list-mine-new .announcement-icon-link-outer,
	.list-mine-new .announcement-icon {
        max-width: 100%;
    }

	.list-mine tbody td:last-child .btn {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: block;
	}

}

@media (min-width: 992px) {

	.clipboard-list .announcement-icon,
    .list-mine .announcement-icon-link-outer,
	.list-mine .announcement-icon {
		max-width: 7.5vw;
	}

    .list-mine-new .announcement-icon-link-outer,
	.list-mine-new .announcement-icon {
        max-width: 100%;
    }

}

.list-mine-new .single-outer.checked {
    box-shadow: 0 0 0 2px var(--primary), 0 0 .75rem rgba(0,0,0,.25);
}

.list-mine-new .action-buttons .btn.btn-link {
    padding-left: 0;
    padding-right: 0;
}

.list-mine-new .action-buttons a:not(:hover) {
    text-decoration: none;
}

@media (max-width: 767.98px) {

    .list-mine-new .single-outer .single-title,
    .list-mine-new .single-outer .cost-outer {
        font-size: 1rem;
    }

    .list-mine-new .single-outer .cost-outer .text-bigger {
        font-size: 1em;
    }

}

@media (min-width: 992px) {

    .list-mine-new .label-all-announcements {
        position: relative;
        left: -1.5rem;
    }

    .list-mine-new .form-check-input,
    .list-mine-new .form-check-input:checked {
        --size: 2rem;
        width: var(--size);
        height: var(--size);
    }

}

.action-belt .icon-as-primary,
.action-belt .btn-transparent {
    transition: all .15s;
}

.action-belt .btn-transparent:hover {
    color: var(--black); 
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
}

.action-belt .btn-transparent:hover .icon-as-primary {
    background: var(--tertiary);
}

.list-mine-new .payments-actions-outer hr:first-child:last-child {
    display: none !important;
}

.action-belt{
    background-color: var(--primary)!important;
    color: var(--white);
}
.action-belt button{
    color:var(--white);
}

table .checkbox-cell-outer {
	position: relative;
	min-width: 25px;
}

/* table .checkbox-cell-outer label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

table .checkbox-cell-outer label input {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
} */

table .arrow-under-checkbox-cells {
	vertical-align: middle !important;
	font-size: 190%;
	font-weight: 600;
	padding: 0;
}

.list-mine .payment-info {
    font-size: .9rem;
}

.list-mine .payment-info .btn {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

@media (max-width: 767px) {

	table .arrow-under-checkbox-cells {
		display: none !important;
	}

	.list-mine td {
        border: none;
    }

	.list-mine tfoot td .btn {
		margin-bottom: .5rem;
	}

	.list-mine .payment-info .btn {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	/* table .checkbox-cell-outer label {
		position: static;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	table .checkbox-cell-outer label input {
		position: static;
	} */

}

.list-mine tfoot.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    width: 100%;
    /* padding-left: calc((100vw - var(--container-width)) / 2); */
    /* padding-right: calc((100vw - var(--container-width)) / 2); */
    z-index: 1045;
    /* padding-left: 1.5rem; */
    /* padding-right: 1.5rem; */
    box-shadow: 0 0 1rem rgb(0,0,0,.05);
    border-top: 0;
}

.list-mine tfoot.is-fixed tr {
    display: block;
    width: var(--container-width);
    margin: auto;
}

.list-mine tfoot.is-fixed td {
    border-bottom: none;
}

@media (max-width: 991.98px) {

    .list-mine tfoot.is-fixed tr td:first-child {
        display: none;
    }

}

table .row-checked:not(.mass-row) {
	background-color: rgba(107, 202, 69, 0.36) !important;
}

table .fixed-mass-actions {
    border-bottom: 1px solid var(--light-grey2);
}

table .fixed-mass-actions:not(.is-fixed) {
    display: none;
}

.mass-row .icon-as-primary,
.action-belt .icon-as-primary {
    --size: 1rem;
}


@media (max-width: 767px) {

	.table-mobile-ready thead {
		display: none;
	}

	.table-mobile-ready tbody tr,
	.table-mobile-ready tbody tr td,
	.table-mobile-ready tfoot tr td {
		display: block;
		text-align: center;
	}

	/* .table-mobile-ready tbody tr td:last-child {
		padding-bottom: 15px;
	} */

	.table-mobile-ready tbody tr:not(:last-child) td:first-child {
		border-top-style: solid;
		border-top-width: 3px;
        border-top-color: inherit;
	}

	.table-mobile-ready td .announcement-icon {
		max-width: 100%;
        max-height: 200px;
		width: auto;
        height: auto;
        border: 1px solid var(--border-grey2);
	}

}


.pricing-table .single-price {
    white-space: nowrap;
}

.pricing-table th,
.pricing-table td {
    border-left-width: 1px;
    border-right-width: 1px;
}

.pricing-table th:first-child:empty {
    border-left: none;
}

.pricing-table th {
    border-color: inherit !important;
    vertical-align: middle;
}


/* Payments options */

.payments-log-page {
	--payment-log-soft: #f7f8fa;
	--payment-log-border: #e3e6ea;
	--payment-log-muted: #6c757d;
}

.payments-log-heading {
	gap: 1rem;
	margin-bottom: 1rem;
}

.payments-log-charge-btn {
	flex: 0 0 auto;
}

.payments-log-summary {
	margin-bottom: 1rem;
}

.payments-log-summary-item {
	align-items: center;
	background: #fff;
	border: 1px solid var(--payment-log-border);
	border-radius: 8px;
	display: flex;
	gap: .75rem;
	justify-content: space-between;
	min-height: 74px;
	padding: 1rem 1.15rem;
}

.payments-log-summary-label {
	color: var(--payment-log-muted);
	font-size: .9rem;
	line-height: 1.2;
}

.payments-log-summary-value {
	font-size: 1.35rem;
	line-height: 1;
	white-space: nowrap;
}

.payments-log-summary-value.is-positive {
	color: #198754;
}

.payments-log-summary-value.is-negative {
	color: #b02a37;
}

.payments-log-filters {
	background: var(--payment-log-soft);
	border: 1px solid var(--payment-log-border);
	border-radius: 8px;
	margin: 1rem 0 1.5rem;
	padding: 1rem;
}

.payments-log-filters .form-label {
	color: #495057;
	font-size: .85rem;
	font-weight: 600;
	margin-bottom: .35rem;
}

.payments-log-table {
	border-top: 1px solid var(--payment-log-border);
}

.payments-log-table thead th {
	background: #f3f4f6;
	border-bottom: 1px solid var(--payment-log-border);
	color: #495057;
	font-size: .86rem;
	font-weight: 700;
	vertical-align: middle;
}

.payments-log-table tbody td,
.payments-invoices-table tbody td {
	vertical-align: middle;
}

.payment-log-date-cell small {
	color: var(--payment-log-muted);
	display: block;
	font-size: .8rem;
}

.payment-log-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.payment-log-options li {
	line-height: 1.35;
	margin: 0;
}

.payment-log-options li + li {
	margin-top: .25rem;
}

.payment-log-item-cell a {
	font-weight: 600;
}

.payment-log-transaction-cell span {
	display: inline-block;
	max-width: 12rem;
	overflow-wrap: anywhere;
}

.payment-log-source-badge {
	background: #eef2f6;
	border: 1px solid #d8dee6;
	border-radius: 999px;
	color: #44515f;
	display: inline-flex;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1;
	padding: .35rem .55rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.payment-log-source-badge.is-funds {
	background: #fff4e5;
	border-color: #ffd89b;
	color: #8a5700;
	text-transform: none;
}

.payment-log-source-badge.is-online {
	background: #eaf4ff;
	border-color: #c8e1ff;
	color: #075985;
}

.payments-log-empty {
	margin-top: 1rem;
}

@media (max-width: 767px) {
	.payments-log-charge-btn {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.payments-log-summary-item {
		min-height: 0;
	}

	.payments-log-table.table-mobile-ready tbody tr,
	.payments-invoices-table.table-mobile-ready tbody tr {
		background: #fff;
		border: 1px solid var(--payment-log-border);
		border-radius: 8px;
		display: block;
		margin-bottom: 1rem;
		padding: .75rem;
	}

	.payments-log-table.table-mobile-ready tbody tr td,
	.payments-invoices-table.table-mobile-ready tbody tr td {
		align-items: flex-start;
		border: 0;
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		padding: .45rem 0;
		text-align: right;
	}

	.payments-log-table.table-mobile-ready tbody tr td::before,
	.payments-invoices-table.table-mobile-ready tbody tr td::before {
		color: var(--payment-log-muted);
		content: attr(data-label);
		flex: 0 0 38%;
		font-size: .82rem;
		font-weight: 700;
		text-align: left;
	}

	.payments-invoices-table.table-mobile-ready tbody tr td[data-label=""]::before {
		display: none;
	}

	.payments-log-table.table-mobile-ready .payment-log-description-cell,
	.payments-log-table.table-mobile-ready .payment-log-item-cell {
		display: block;
		text-align: left;
	}

	.payments-log-table.table-mobile-ready .payment-log-description-cell::before,
	.payments-log-table.table-mobile-ready .payment-log-item-cell::before {
		display: block;
		margin-bottom: .3rem;
	}

	.payment-log-transaction-cell span {
		max-width: 58%;
	}
}

.discount-code-outer input.error[type="text"] {
	background: rgb(255, 237, 242);
	color: var(--red);
}

.do-payment-options {
    border-top: 1px solid #e1e1e1;
}

.do-payment-options label {
	cursor: pointer;
	display: block;
	text-align: center;
    height: 100%;
}

.do-payment-options img {
	/* filter: drop-shadow(0 0 1px rgba(0,0,0,.3)); */
	display: block;
	max-height: 50px;
	max-width: 100%;
	width: auto;
	height: auto;
    object-fit: contain;
	/* position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	padding-left: 5px;
	padding-right: 5px; */
	margin: auto;
}

.do-payment-options .card {
	/* padding-left: 10px;
	padding-right: 10px; */
	box-shadow: none;
	/* height: 85px; */
	position: relative;
    min-height: 100%;
}

.do-payment-options [data-is-minimum="false"] + .card {
    color: var(--bs-gray-500);
    cursor: not-allowed;
}

.do-payment-options.was-validated input:checked + .card {
	border-color: var(--primary);
    border-width: 2px;
}

.do-payment-options.was-validated input:invalid + .card {
    border-color: var(--bs-danger);
}

.do-payment-options input:not(:checked) + .card img {
	/* filter: grayscale(100%); */
	opacity: .75;
}

.do-payment-options input[value="dotpay"]:checked + .card img,
.do-payment-options input[value="inpay"]:checked + .card img {
	filter: drop-shadow(0 0 1px rgba(0,0,0,.33));
}

.do-payment-options input[type="radio"] {
	display: none;
}

.total-outer {
	border-top: 1px solid #e1e1e1;
}

.choose-bordered-box {
	border: 1px solid #dfead2; /* #c9c9c9 */
	background: #fbfbfb;
}

.pay-col-option-outer .choose-bordered-box.box-required-view-error {
	border-color: var(--primary);
	box-shadow: 0 0 0 2px var(--primary);
}

.choose-bordered-box-part .show-hide-mobile {
	display: none;
	font-size: var(--fs-18);
	color: var(--primary);
    position: relative;
    z-index: 999;
}

.title-outer .payment-return-btn {
    float: left;
    position: relative;
    margin-right: .5rem;
    top: .25rem;
}

.title-outer .payment-return-btn.btn-sm {
    top: 0;
}

@media (min-width: 1200px) {

    .payment-return-btn {
        /* margin-top: -2.5rem; */
    }

}

/* .pay-col-option-outer .box-checked .choose-bordered-box-part .show-hide-mobile {
	color: var(--white);
} */

@media (max-width: 767px) {

	.choose-bordered-box-part .show-hide-mobile.down {
		display: block;
	}

    .choose-bordered-box-part ul {
        display: none;
    }
    

    .do-payment-options img {
        max-height: 50px;
        width: 50vw;
        max-width: 80%;
    }
	
}

.choose-bordered-box-part ul {
	/* font-weight: 500; */
	font-weight: 400;
	list-style: none;
	padding-left: 1.5rem;
}

.choose-bordered-box-part ul li {
	color: var(--medium-grey);
	position: relative;
}

.choose-bordered-box-part ul li + li {
	margin-top: 1rem;
}

.choose-bordered-box-part ul li .list-icon {
	/* position: absolute;
	left: -1.5rem; */
    margin-left: -1.5rem;
    margin-right: .25rem;
}

.choose-bordered-box-part .list-icon {
	color: var(--primary);
	display: inline-block;
}

.choose-bordered-box-part .choose-bordered-box-title {
	color: #2a2a2a;
}

.choose-bordered-box-grey {
	background: var(--light-grey2);
    /* min-height: 30%; */
}

@media (min-width: 992px) {

    .choose-bordered-box-grey {
        min-height: 10rem;
    }

}

.choose-bordered-box-part label::first-letter {
	text-transform: uppercase;
}

.choose-bordered-box-grey label {
	display: block;
	position: relative;
	color: var(--black);
	font-size: var(--fs-16);
}

.choose-bordered-box-grey label input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
}

.choose-bordered-box-title,
.choose-bordered-box-subtitle {
	text-align: center;
	display: block;
}

.choose-bordered-box-subtitle {
	display: none;
}

.choose-bordered-box-part .choose-bordered-box-title {
	font-size: var(--fs-18);
	position: relative;
	line-height: 1.25;
	/* font-weight: 900; */
}

.choose-bordered-box-part .choose-bordered-box-title small {
    font-size: .7em;
    color: var(--medium-grey);
}

/* .choose-bordered-box:not(.box-type-VIEW) .choose-bordered-box-part .choose-bordered-box-title > span:first-child { */
.choose-bordered-box .choose-bordered-box-part .choose-bordered-box-title > span:first-child {
	font-weight: 300;
}

.choose-bordered-box .choose-bordered-box-part .choose-bordered-box-title > span:first-child {
	display: block;
}

.new-select-payment-form .option-info {
	display: inline-block;
	position: relative;
	/* left: 6px;
	top: -1px;
	z-index: 10;

	position: absolute;
	top: 8px;
	right: 8px;
	left: auto;
	width: 23px; */
}

.new-select-payment-form .option-info:hover {
    z-index: 99999;
}

.new-select-payment-form .option-info .option-info-content {
    display: none;
}

@media (min-width: 992px) {

    .new-select-payment-form .option-info:hover .option-info-content {
        display: block;
    }  

}

.new-select-payment-form .option-info .option-info-content {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    padding: 3px 6px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    border: 1px solid #F1F1F1;
    min-width: 400px;
    background: #FFF;
    line-height: 1.2;
    padding: 10px;
}

.new-select-payment-form .box-type-MAIN .option-info .option-info-content {
    left: auto;
    right: 50%;
}

.new-select-payment-form .option-info .option-info-content > img:first-child {
    float: right; /*max-width: 200px; max-height: 150px;*/ width: auto;
    height: auto;
    margin-left: 15px;
}

@media (max-width: 767px) {

    .new-select-payment-form > div > div:not(.clearfix) { 
        position: relative;
    }

    .new-select-payment-form .option-info {
        /* margin-left: 5px; */
    }

    .new-select-payment-form .option-info {
        position: absolute;
        top: .75rem;
        right: 1rem;
    }
    
    .new-select-payment-form .option-info .option-info-content {
        min-width: 100px;
        max-width: 90vw;
        top: 100%;
        left: 0;
        z-index: 9999;
    }
    
    .new-select-payment-form .option-info .option-info-content > img:first-child {
        max-width: 30vw;
    }

    .new-select-payment-form .form-bg-only-mobile .form-check-label {
        width: 100%;
    }

}

.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title {
	background-color: var(--primary);
	border-radius: .25rem;
	color: #FFF;
}

.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title .option-info > img,
.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title .option-info > a > img {
	filter: invert(100%);
}

/* .pay-col-option-outer .choose-bordered-box:not(.box-checked) .choose-bordered-box-title {
	border-bottom: 1px solid #e1e1e1;
} */

/* .pay-col-option-outer .choose-bordered-box:not(.box-checked) .choose-bordered-box {
	border-color: #EBEBEB;
} */

/* .choose-bordered-box.box-type-VIEW .choose-bordered-box-part:first-child {
	padding-top: 10px;
	padding-bottom: 5px;
} */

/* .box-type-PROMOTED .choose-bordered-box-subtitle {
	color: #55900f;
}

.box-type-MAIN .choose-bordered-box-subtitle {
	color: #ff6000;
} */

.choose-bordered-box-part input[type="checkbox"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	-ms-appearance: radio;
}

.new-select-payment-form .option-info .option-info-content {
	min-width: 500px;
	max-width: 100vw;
	text-align: center;
}

.new-select-payment-form .option-info .option-info-content > img:first-child {
	float: none;
	max-width: 100%;
	margin: 0 0 3px;
}

.new-select-payment-form .sum-result strong {
	font-size: 120%;
	font-weight: 900;
}

@media (max-width: 767px) {

	.pay-col-option-outer .box-checked .choose-bordered-box {
		border-color: var(--primary);
	}

	.choose-bordered-box,
	.choose-bordered-box-part {
		padding: 0;
	}

	.choose-bordered-box {
		border-radius: 3px;
		overflow: hidden;
	}

	.pay-col-option-outer .choose-bordered-box-part .choose-bordered-box-title {
		border-radius: 0;
	}

	.pay-col-option-outer:nth-of-type(odd) .choose-bordered-box-title {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.pay-col-option-outer .choose-bordered-box-title {
		text-align: left;
		margin-bottom: 0;
	}

	.choose-bordered-box-grey {
		width: 100%;
	}

	.pay-col-option-outer .choose-bordered-box-title .option-info > img,
	.pay-col-option-outer .choose-bordered-box-title .option-info > a > img {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		position: absolute;
	}

	.do-payment-options {
		margin-top: 0;
	}

	.discount-code-outer .discount-text strong {
		display: block;
	}

	.new-select-payment-form .sum-outer {
		border-top: 1px solid #e1e1e1;
	}


}


/* Modern Messaging System CSS */

/* Tab Navigation */
.pm-boxes-tabs {
    border-bottom: 1px solid var(--border-grey2);
    position: relative;
    z-index: 9;
    margin-bottom: 1.5rem;
    gap: 0.25rem;
    display: flex;
}

.pm-boxes-tabs .nav-item {
    margin-right: 0.25rem;
}

.pm-boxes-tabs .nav-link {
    color: var(--dark-text);
    /*border: 1px solid var(--border-grey2);*/
    border-bottom: none;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    /*background-color: var(--grey-bg);*/
    transition: all 0.2s ease;
}

.pm-boxes-tabs .nav-link:hover {
    background-color: var(--light-grey5);
}

.pm-boxes-tabs .active {
    background-color: var(--white);
    position: relative;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05);
}

.pm-boxes-tabs .active::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--primary);
    border-radius: 3px 3px 0 0;
}

.pm-boxes-tabs .active::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: var(--white);
}

.pm-boxes-tabs .badge {
    background: var(--badge-red);
    color: var(--white);
    border-radius: 1rem;
    margin: 0 0 0 0.5rem;
    position: relative;
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Message List */
.messages-in-box-list {
    border-radius: 0.5rem;
    overflow: hidden;
}

.messages-in-box-list .list-group-item {
    border: none;
    border-bottom: 1px solid var(--light-grey2);
    padding: 1rem 1.5rem;
    transition: all 0.2s ease;
}

.messages-in-box-list .list-group-item:last-child {
    border-bottom: none;
}


.messages-in-box-list .list-group-item.unread {
    background-color: var(--white);
    position: relative;
}

.messages-in-box-list .list-group-item.unread::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: var(--primary);
    border-radius: 0 2px 2px 0;
}

.messages-in-box-list .list-group-item.read {
    background-color: var(--grey-bg-light);
}
.messages-in-box-list .list-group-item:hover {
    background-color: var(--light-grey);
}
.messages-in-box-list .thread-name {
    color: var(--dark-text);
    font-size: var(--fs-12);
    margin-bottom: 0.5rem;
}
.messages-in-box-list .read .thread-name{
    color: var(--medium-grey-text);
}

.messages-in-box-list .thread-name a {
    text-decoration: none;
    color: inherit;
}

.messages-in-box-list .last-message-short {
    color: var(--medium-grey-text);
    font-size: var(--fs-13);
    margin: 0;
    line-height: 1.5;
}

.messages-in-box-list .last-message-short a {
    text-decoration: none;
    color: inherit;
}

.messages-in-box-list .last-message-short .like-link {
    color: var(--primary);
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease;
}

.messages-in-box-list .last-message-short .like-link:hover {
    opacity: 0.8;
}

.messages-in-box-list .border-left {
    position: relative;
}

.messages-in-box-list .border-left::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 60%;
    width: 1px;
    background-color: var(--light-grey);
    transform: translateY(-50%);
}

.messages-in-box-list .message-date {
    color: var(--medium-grey-text);
    font-size: var(--fs-12);
    display: block;
    margin-top: 0.25rem;
}

.messages-in-box-list .trash-icon {
    color: var(--medium-grey);
    font-size: var(--fs-18);
    transition: all 0.2s ease;
    opacity: 0.6;
}

.messages-in-box-list .trash-icon:hover {
    color: var(--dark-red);
    opacity: 1;
}

/* Search Box */
.pm-search {
    margin-bottom: 1.5rem;
    max-width: 400px;
}

.pm-search .input-group {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
    overflow: hidden;
}

.pm-search .form-control {
    border: 1px solid var(--light-grey2);
    border-right: none;
    padding: 0.75rem 1rem;
    font-size: var(--fs-14);
}

.pm-search .form-control:focus {
    box-shadow: none;
    /*border-color: var(--primary);*/
}

.pm-search .btn {
    background-color: var(--white);
    border: 1px solid var(--light-grey2);
    border-left: none;
    color: var(--medium-grey);
    padding: 0.75rem 1rem;
}

.pm-search .btn:hover {
    color: var(--primary);
}

/* Single Message Thread */
.pm-single-messages-list {
    margin-bottom: 2rem;
}

.pm-single-messages-list .single-message {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 0.75rem;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.pm-single-messages-list .single-message.message-to-me {
    margin-right: 3rem;
    background-color: var(--white);
    border-left: 3px solid var(--primary);
}

.pm-single-messages-list .single-message.message-from-me {
    margin-left: 3rem;
    background-color: var(--light-grey5);
    border-right: 3px solid var(--tertiary);
}

.pm-single-messages-list .single-message .meta {
    margin-bottom: 1rem;
    font-size: var(--fs-13);
    color: var(--medium-grey-text);
}

.pm-single-messages-list .single-message .meta a {
    font-weight: 600;
    color: var(--dark-text);
    text-decoration: none;
}

.pm-single-messages-list .single-message .content {
    font-size: var(--fs-15);
    line-height: 1.6;
}

.pm-single-messages-list .single-message .attachment {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--light-grey);
}

.pm-single-messages-list .single-message .attachment a {
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pm-single-messages-list .single-message .attachment a:hover {
    opacity: 0.8;
}

.pm-single-messages-list .single-message.message-to-me + .single-message.message-to-me {
    margin-top: -0.75rem;
    border-top-left-radius: 0.25rem;
}

.pm-single-messages-list .single-message.message-from-me + .single-message.message-from-me {
    margin-top: -0.75rem;
    border-top-right-radius: 0.25rem;
}

/* Send Message Area */
.send-message-area {
    background: var(--white);
    padding: 2rem;
    margin: 2rem 0;
    border-radius: 0.75rem;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.send-message-area textarea {
    border: 1px solid var(--light-grey2);
    border-radius: 0.5rem;
    padding: 1rem;
    resize: vertical;
    min-height: 120px;
    transition: all 0.2s ease;
}

.send-message-area textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(85, 144, 15, 0.1);
}

.send-message-area .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.send-message-area .btn-primary:hover {
    background-color: var(--primary2);
    border-color: var(--primary2);
}

.send-message-area .btn-outline-secondary {
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s ease;
}

/* Announcement Preview Section */
.title-in-thread {
    color: var(--dark-text);
    font-size: var(--fs-18);
    margin-bottom: 0.5rem;
}

.preview-link-in-thread {
    color: var(--primary);
    font-size: var(--fs-13);
    text-decoration: none;
    transition: all 0.2s ease;
}

.preview-link-in-thread:hover {
    opacity: 0.8;
}

.thread-buttons-col .btn {
    border-radius: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.thread-buttons-col .btn-secondary {
    background-color: var(--grey-bg);
    border-color: var(--light-grey2);
    color: var(--dark-text);
}

.thread-buttons-col .btn-secondary:hover {
    background-color: var(--light-grey2);
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .pm-boxes-tabs .nav-link {
        padding: 0.6rem 1rem;
        font-size: var(--fs-14);
    }
    
    .messages-in-box-list .list-group-item {
        padding: 1rem;
    }
    
    .pm-single-messages-list .single-message {
        padding: 1rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }
    
    .pm-single-messages-list .single-message.message-to-me {
        margin-right: 1rem;
    }
    
    .pm-single-messages-list .single-message.message-from-me {
        margin-left: 1rem;
    }
    
    .send-message-area {
        padding: 1.5rem;
    }
    
    .thread-buttons-col .btn {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pm-boxes-tabs .nav-link {
        padding: 0.75rem 1.25rem;
    }
    
    .messages-in-box-list .list-group-item {
        padding: 1rem 1.25rem;
    }
}

@media (min-width: 992px) {
    .pm-boxes-tabs .nav-link {
        padding: 0.5rem 2rem;
        font-size: var(--fs-16);
    }
    
    .messages-in-box-list .list-group-item {
        padding: 1.25rem 2rem;
    }
    
    .pm-single-messages-list .single-message {
        padding: 1.75rem 2rem;
    }
}
/* smartphoto/lightbox */


.lightboxOverlay,
.smartphoto {
	z-index: 99999 !important;
}

.lightbox {
	z-index: 100000 !important;
}

.smartphoto {
	background: rgba(0,0,0,.9) !important;
}

.action-do-payment .smartphoto-count,
.smartphoto.smartphoto-no-pagination .smartphoto-count {
    display: none;
}

.smartphoto[aria-hidden="false"] .current .smartphoto-img {
    display: block;
}

.smartphoto-inner .smartphoto-arrows li {
	width: 4rem;
	height: 4rem;
	border: .5rem solid transparent;
}

.smartphoto-inner .smartphoto-arrows a {
	background-repeat: no-repeat;
    background-position: center;
}

.smartphoto-inner .smartphoto-nav li {
	width: 75px;
	height: 75px;
	border: 2px solid transparent;
}

.smartphoto-inner .smartphoto-nav li:hover {
	border: 2px solid #FFF;
}

.smartphoto-img-wrap {
	margin-top: -40px;
}

.smartphoto-body .smartphoto-header {
	background: transparent;
}

@media (min-width: 992px) {

    .smartphoto .smartphoto-dismiss {
        width: 2.5rem;
        height: 2.5rem;
        background-repeat: no-repeat;
        background-position: center;
        top: 1rem;
        right: 1.5rem;
    }

    .smartphoto-arrows .smartphoto-arrow-left {
        left: 1rem;
    }

    .smartphoto-arrows .smartphoto-arrow-right {
        right: 1rem;
    }

}

@media (min-width: 1200px) {

    .smartphoto .smartphoto-dismiss {
        width: 3rem;
        height: 3rem;
        top: 2rem;
        right: 3rem;
    }

    .smartphoto-arrows .smartphoto-arrow-left {
        left: 2rem;
    }

    .smartphoto-arrows .smartphoto-arrow-right {
        right: 2rem;
    }

    .smartphoto-inner .smartphoto-arrows li {
        width: 6rem;
        height: 6rem;
        border: 1rem solid transparent;
    }

}

/* Fix for small width of columns with buttons in announcements table */

@media (min-width: 992px) {

    table .table-column-buttons {
        width: 10vw;
    }

}

@media (min-width: 1600px) {

    table .table-column-buttons {
        width: 10rem;
    }

}

@media (max-width: 767.98px) {

    .table-column-buttons .btn {
        padding-top: .75rem;
        padding-bottom: .75rem;
        font-weight: 500;
    }

}

/* Accordion */

.accordion-button:not(.collapsed) {
    color: var(--primary);
    background-color: var(--primary-transparent);
}

.accordion-button {
    background-color: var(--light-grey);
}

.accordion-faq .accordion-header,
.accordion-faq .accordion-header:active,
.accordion-faq .accordion-header:focus,
.accordion-faq .accordion-button,
.accordion-faq .accordion-button:active,
.accordion-faq .accordion-button:focus {
    border: none;
    border-color: transparent !important;
    box-shadow: none;
}

.accordion-faq .accordion-button,
.accordion-faq .accordion-button:not(.collapsed) {
    /* background-color: var(--white); */
    background-color: transparent;
}

.accordion-faq .accordion-triangle,
.accordion-faq .accordion-triangle:hover {
    color: var(--grey);
    font-size: 2rem;
    text-decoration: none;
    padding: 0;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.accordion-faq .accordion-button::after {
    content: '';
    display: none;
}

.accordion-faq .accordion-item {
    position: relative;
}

.accordion-faq .accordion-item.active {
    box-shadow: 0 0 1.5rem rgba(0,0,0,.1);
}

@media (max-width: 767.98px) {

    .accordion-faq .accordion-item {
        display: flex;
        flex-wrap: wrap;
    }

    .accordion-faq .accordion-item .accordion-header {
        width: 85%;
        flex: 0 0 auto;
    }

    .accordion-faq .accordion-item .accordion-triangle {
        width: 15%;
        flex: 0 0 auto;
    }

    .accordion-faq .accordion-item .accordion-collapse {
        width: 100%;
        flex: 0 0 auto;
    }

    .accordion-faq .accordion-item .accordion-body {
        padding-bottom: 1rem;
    }

    .accordion-faq .accordion-item .accordion-header .accordion-button {
        font-size: .9rem;
    }

    .accordion-faq .accordion-item .accordion-body {
        font-size: .8rem;
    }

    .accordion-faq .accordion-triangle, .accordion-triangle:hover {
        font-size: 1.5rem;
        color: var(--light-grey2);
    }

}

@media (min-width: 768px) {

    .accordion-faq .accordion-triangle {
        position: absolute;
        top: .25rem;
        right: 2rem;
        bottom: auto;
        left: auto;
    }

}

.accordion-faq .accordion-item .accordion-triangle,
.accordion-faq .accordion-item .accordion-triangle:focus {
    box-shadow: none;
}

.accordion-faq .accordion-item:not(.active) .accordion-triangle {
    color: var(--primary);
}

.accordion-faq .accordion-item.active .accordion-triangle .accordion-triangle-if-hidden,
.accordion-faq .accordion-item:not(.active) .accordion-triangle .accordion-triangle-if-shown {
    display: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    border-color: var(--primary);
    box-shadow: none;
}

/* home map of Poland */

.map-area > svg {
    width: 100%;
    height: auto;
}

.map-area > svg path {
    fill: var(--city-grey) !important;
    fill-opacity: 1 !important;
    stroke: var(--primary) !important;
    stroke-width: 0 !important;
    transition: all .25s;
}

.map-area > svg path:hover {
    fill: var(--primary) !important;
    cursor: pointer;
}

/* Company page */

.company-page-header-section {
    padding-bottom: calc(var(--standard-padding-y) / 2);
}

.company-page-header-section:first-of-type {
    padding-top: 0;
}

.company-page-header {
    border: 1px solid var(--light-grey);
    --bg-offset-bottom: 3rem;
}

.company-page-header, 
.company-page-header .company-bg-img-outer {
    border-radius: 1rem;
    overflow: hidden;
}

body.style-no-radius .company-page-header, 
body.style-no-radius .company-page-header .company-bg-img-outer {
    border-radius: 0;
}

.company-page-header .company-bg-img-outer {
    margin-bottom: var(--bg-offset-bottom);
}

.company-page-header .company-bg-img:not([data-src]) {
    object-fit: cover;
}

.company-page-header .company-logo {
    --logo-size: 200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: var(--logo-size);
    height: var(--logo-size);
    object-fit: contain;
}

.company-page-header .company-bg-img-outer + .company-logo {
    margin-top: calc(-1 * var(--bg-offset-bottom) - 2rem);
}

@media (min-width: 576px) {

    .company-page-header .company-bg-img-outer + .company-logo {
        margin-top: calc((-1 * var(--bg-offset-bottom)) - 4rem);
    }

}

@media (min-width: 768px) {

    .company-page-header .company-bg-img-outer + .company-logo {
        margin-top: calc((-1 * var(--bg-offset-bottom)) - (var(--logo-size)/2));
    }

}

@media (max-width: 767.98px) {

    .company-search-panel-section {
        padding: calc(var(--standard-padding-y)/2) 0;
    }

}

.company-desc.long-company-desc .company-desc-text {
    max-height: 2000vh;
    transition: max-height .5s ease-in-out;
    overflow: visible;
    position: relative;
}

.company-desc.long-company-desc .company-desc-text ul,
.company-desc.long-company-desc .company-desc-text ol {
    padding-left: 1.25rem;
}

.company-desc.long-company-desc .company-desc-text-hidden {
    min-height: 7rem;
    max-height: 10rem;
    overflow: hidden;
}

.company-desc.long-company-desc .company-desc-text::after {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%);
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.company-desc.long-company-desc .company-desc-text-hidden::after {
    opacity: 1;
}

.company-desc-text + .link-outer {
    font-weight: 600;
    margin-top: 2rem;
    position: relative;
    z-index: 9;
    transition: margin-top .5s ease-in-out;
}

.company-desc-text.company-desc-text-hidden + .link-outer {
    margin-top: -3rem;
}

.company-desc-text.company-desc-text-hidden + .link-outer .toggler-hide {
    display: none;
}

.company-desc-text:not(.company-desc-text-hidden) + .link-outer .toggler-show {
    display: none;
}



.ad-box {
	margin: 0 auto;
	text-align: center;
    max-width: 100%;
    overflow: hidden;
}

.ad-box img {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: auto !important;
	max-width: 100%;
}

.ad-box img:first-child:last-child {
	display: block;
}

.ad-box iframe {
    max-width: 100%;
}

.ad-box .test-ad {
	display: block;
	text-align: center;
	font-size: 120%;
}

.ad-box.list_over_heading {
	margin-top: 1rem;
	margin-bottom: 1.75rem;
}

.ad-box.home_under_categories {
	margin-top: 45px;
}

.ad-box.home_over_footer {
	margin-bottom: 45px;
}

.ad-box.announcement_under_gallery {
	margin-top: 25px;
}

/*.ad-box.home_between_1 {
	margin-top: 45px;
}*/

.announcement-side-col .ad-box {
	margin-top: 2rem;
}

@media (max-width: 787.98px) {

    .announcement-view-outer > .container > .alert:first-child {
        margin-top: 1rem;
    }

}

.announcement-view-outer.grey-bg .announcement-side-col .ad-box {
	margin-top: 1rem;
    padding-top: 1rem;
    background-color: var(--bg-color-2);
}

.announcement-view-outer.grey-bg .announcement-side-col .ad-box.sticky-top {
    top: var(--top-offset);
    z-index: 11;
}
@media (min-width: 992px) {
    .machinery-sidebar-sticky {
        position: sticky;
        top: 2rem;
        align-self: flex-start;
        height: fit-content;
        z-index: 2;
    }
}

.announcement-social {
    position: relative;
}

.announcement-social .copy-area {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.announcement-social .btn {
    position: relative;
    border-radius: 3px;
    padding-left: .6rem;
    padding-right: .6rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    display: inline-block;
    line-height: 1;
    font-size: 1.5rem;
    width: 39px;
    text-align: center;
    border-radius: 50%;
}

.copy-area {
    position: relative;
}

.copy-area .tooltip {
    top: auto;
    bottom: 93%;
    width: 150px;
    left: -62px;
    /* white-space: nowrap; */
}

.copy-area .tooltip.on-copied,
.copy-area:not(:hover) .tooltip.on-hover,
.copy-area .tooltip.on-copied.active ~ .tooltip {
    width: 0;
    overflow: hidden;
}

.copy-area:hover .tooltip.on-hover,
.copy-area .tooltip.on-copied.active {
    opacity: 1;
    width: 150px;
}

.copy-profile-link.copy-area .tooltip {
    left: auto;
    right: -51px;
}

@media (max-width: 767.98px) {

    .announcement-social .btn {
        padding-top: .575rem;
        padding-bottom: .575rem;
    }

    .copy-area .tooltip {
        left: -57px;
    }

    .copy-area:focus .tooltip.on-hover {
        opacity: 1;
    }

    .copy-profile-link.copy-area .tooltip {
        left: auto;
        right: -52px;
        bottom: 95%;
    } 

    .copy-profile-link.copy-area .tooltip {
        display: none !important;
    }

}

.tooltip-primary .tooltip-inner {
    background-color: var(--primary);
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--primary);
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--primary);
}

.tooltip-danger .tooltip-inner {
    background-color: var(--bs-danger);
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-danger);
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-danger);
}


/* PWA button */

#appInstallBar {
    /* overflow: hidden; */
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999;
    transition: all .25s;
}

pwa-install,
:root {
    --modal-z-index: 999999999;
    --install-button-color: var(--primary);
}

pwa-install #headerContainer img {
    background-color: var(--white);
}

.modal-backdrop-hide-content-under.show {
    opacity: .99;
}

.force-show#appInstallBar {
    display: block !important;
}

@media screen and (max-width: 767.98px) {

    .is-chrome #appInstallBar.show,
    .is-safari #appInstallBar.show {
        display: block !important;
    }

}

@media screen and (min-width: 768px) {

    #appInstallBar {
        bottom: -50vh;
    }

}

@media (display-mode: standalone) {

    #appInstallBar,
    .is-chrome #appInstallBar,
    .is-safari #appInstallBar,
    #appInstallBar.show,
    .is-chrome #appInstallBar.show,
    .is-safari #appInstallBar.show {
        display: none !important;
    }

    [data-hide-if-pwa] {
        display: none;
    }

}

.opinion-form-modal .is_opinion_rating_0 {
    opacity: 0;
    width: 0;
    height: 0;
}

.opinion-form-modal [name*="opinion_rating"] {
    display: none;
}

.opinion-form-modal [name*="opinion_rating"] + label {
    cursor: pointer;
}

.icon-opinion-star,
.opinion-form-modal [name*="opinion_rating"] + label .icon-opinion-star {
    color: var(--primary);
}

.opinion-show-rating .icon-opinion-star {
    color: var(--yellow);
}

.opinion-form-modal .is_opinion_rating_0:checked ~ label .icon-opinion-star,
.opinion-form-modal [name*="opinion_rating"]:checked + label ~ label .icon-opinion-star,
.opinion-show-rating .empty {
    /* color: var(--light-grey); */
    color: var(--bg-color-2);
    text-shadow: 0 0 2px var(--primary);
}

.opinion-form-modal textarea {
    max-height: 25vh;
}

.rating-average-outer {
    font-size: 1.5rem;
}

.toggle-btn-ellipsis::after {
    display: none;
}

.announcement-side-col .relative-outer .tooltip,
.breadcrumbs-observed-outer .tooltip,
.only-mobile-buttons .tooltip {
    transform: none !important;
    right: 100% !important;
    left: auto !important;
    white-space: nowrap;
}

.announcement-side-col .relative-outer .tooltip .tooltip-arrow,
.breadcrumbs-observed-outer .tooltip .tooltip-arrow,
.only-mobile-buttons .tooltip .tooltip-arrow {
    visibility: hidden;
}

.announcement-side-col .relative-outer .tooltip .tooltip-inner,
.breadcrumbs-observed-outer .tooltip .tooltip-inner,
.only-mobile-buttons .tooltip .tooltip-inner {
    max-width: 250px !important;    
}

@media (max-width: 767.98px) {

    .only-mobile-buttons .tooltip {
        transform: none !important;
        right: 0 !important;
        left: 0 !important;
        white-space: nowrap;
        bottom: 101% !important;
        top: auto !important;
        margin: auto !important;
    }

    .only-mobile-buttons .tooltip .tooltip-inner {
        margin-left: auto;
        margin-right: auto;
    }

}

.is-in-clipboard[data-observe-search] .empty,
[data-observe-search]:not(.is-in-clipboard) .full {
    display: none;
}

#observeSearchGuestModal {
    z-index: 2000 !important;
}

.modal-backdrop.observe-search-backdrop {
    z-index: 1999 !important;
}

[data-suggested-cat-path] li:last-child {
    font-weight: bold;
}

[data-current-cat-img][src=""] {
    display: none;
}

/* company working hours */

.switch-is-open-on-day:checked + label .closed,
.switch-is-open-on-day:not(:checked) + label .open {
    display: none;
}

.switch-is-open-on-day,
.switch-is-open-on-day:checked {
    background-repeat: no-repeat;
}

.switch-is-open-on-day {
    position: relative;
    top: .25rem;
}

[name*="hours"][list]::-webkit-calendar-picker-indicator {
	display: none;
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.company-category-chose-outer select option {
    display: none;
}
.company-brands-field {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, .375rem);
    padding: 0.75rem;
    background-color: var(--bs-body-bg, #ffffff);
}

.company-brands-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.company-brand-chip .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.company-brand-chip .btn-close {
    float: none;
    width: 0.65rem;
    height: 0.65rem;
    opacity: 0.75;
}

.company-brand-chip .btn-close:hover {
    opacity: 1;
}

.company-brand-chip-highlight {
    animation: companyBrandChipPulse 1.2s ease;
}

@keyframes companyBrandChipPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(227, 30, 36, 0.45);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(227, 30, 36, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(227, 30, 36, 0);
    }
}

.company-brands-input {
    position: relative;
}

.company-brands-input .list-group-as-datalist {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 280px;
    overflow-y: auto;
}

.company-brands-input .list-group-item {
    cursor: pointer;
}

.form-group-hours .switch-is-open-on-day,
.form-group-hours .switch-is-open-on-day:checked {
    width: 2.75rem;
    height: 1.75rem;
    border-radius: 1em !important;
    position: relative;
    top: -0.0125rem;
}

.form-group-hours .switch-is-open-on-day + label {
    padding-top: .125rem !important;
}

.form-group-hours .form-check-label {
    padding-top: 0 !important;
}

.form-group-hours .invisible {
    height: 0;
}

.hours-inputs-outer.invisible {
    display: none;
}

.check-category-with-icon ~ label img {
    object-fit: scale-down;
}

.check-category-with-icon:not(:checked) ~ label {
    opacity: .6;
}

@media (max-width: 767.98px) {

    .check-category-with-icon ~ label img {
        filter: invert(100%);
    }

}

/* search results map */

#itemsMap {
    width: 100%;
    height: 75vh;
}

.popover-in-search-results-map,
.popover-in-search-results-map .popover-body {
    border-radius: 1rem;
}

body.style-no-radius .popover-in-search-results-map,
body.style-no-radius  .popover-in-search-results-map .popover-body {
    border-radius: 0;
}

#itemsMap .gm-style-iw-d {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: none;
}

#itemsMap .gm-style-iw-d .small-announcement {
    border-radius: 0;
}

.popover-in-search-results-map .popover-body,
#itemsMap .gm-style-iw {
    padding: 0;
    max-width: 14rem !important;
}

.popover-in-search-results-map .popover-body .carousel-item img,
#itemsMap .gm-style-iw .carousel-item img {
    object-fit: cover;
}

@media (min-width: 992px) {

    .popover-in-search-results-map .popover-body,
    #itemsMap .gm-style-iw {
        min-width: 11rem !important;
    }

}

@media (max-width: 991.98px) {

    .popover-in-search-results-map .popover-body,
    #itemsMap .gm-style-iw {
        min-width: 10rem !important;
        max-width: 12rem !important;
    }

}

.popover-in-search-results-map .popover-body .clipboard-outer,
#itemsMap .gm-style-iw .clipboard-outer {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 99;
    font-size: 1.5rem;
    line-height: 1;
}

.popover-in-search-results-map .popover-body .clipboard-outer a,
#itemsMap .gm-style-iw .clipboard-outer a {
    color: var(--icon-grey);
    text-shadow: 0 0 1px var(--white);
    filter: drop-shadow(0 0 .25rem rgba(0,0,0,.5));
    text-stroke: 1px var(--white);
    -webkit-text-stroke: 1px var(--white);
    -moz-text-stroke: 1px var(--white);
}

.popover-in-search-results-map .popover-body .clipboard-outer a.is-in-clipboard,
#itemsMap .gm-style-iw .clipboard-outer a.is-in-clipboard {
    color: var(--primary);
    filter: drop-shadow(0 0 .25rem #000);
}

#itemsMap .gm-style-iw-d {
    padding: 0 !important;
    overflow-x: hidden !important;
    max-height: none;
}

#itemsMap .gm-style-iw-d + button {
    display: none !important;
}

.fixed-map-button {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 1rem;
    left: 0;
    width: 12rem;
    margin: auto;
}

@media (min-width: 768px) {

    .fixed-map-button {
        display: none !important;
        visibility: hidden;
    }

}

.cookies-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.25);
    z-index: 1099;
}

.alert-cookies {
    z-index: 1100;
}

.cookie-alert-text {
    /* font-size: var(--fs-10); */
}


.before-my-companies-list-text:empty {
    display: none;
}

.std-white-box {
    background-color: var(--bg-color-1);
    --offset: 1.5rem;
    padding: var(--offset);
    margin-bottom: calc(var(--offset) / 2);
}

.std-white-box:not(:first-child) {
    margin-top: calc(var(--offset) / 2);
}

.std-white-box-mini {
    padding-top: calc(var(--offset) / 1.5);
    padding-bottom: calc(var(--offset) / 1.5);
}

@media (min-width: 1200px) {

    .std-white-box {
        --offset: 2.5rem;
    }

}

.std-white-box .box-title {
    font-size: 1.14285rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.std-white-box .box-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0rem;
}
.std-white-box .box-section-controls {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.std-white-box .box-section-title {
    font-size: 1.5rem;
    font-weight: 700;
}

.std-white-box .box-section-icon {
    font-size: 2rem;
    line-height: 1;
}
.machinery-accordion-toggle {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.machinery-accordion-toggle:focus,
.machinery-accordion-toggle:focus-visible {
    outline: none;
}

.machinery-accordion-toggle:focus-visible .box-section-header {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-radius: 0.5rem;
}

.machinery-accordion-arrow {
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.3s ease;
}

.machinery-accordion.is-open .machinery-accordion-arrow {
    transform: rotate(180deg);
}

.machinery-intent-hub {
    border-top: 4px solid var(--primary);
}

.machinery-intent-hub-title {
    margin: 0 0 .4rem;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.2;
}

.machinery-intent-hub-subtitle {
    margin: 0 0 1.1rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: .92rem;
    line-height: 1.45;
}

.machinery-intent-hub-open {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 3.25rem;
    text-align: left;
}

.machinery-intent-group-label {
    margin-bottom: .45rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.machinery-intent-actions {
    display: grid;
    gap: .55rem;
}

.machinery-intent-action {
    display: grid;
    font: inherit;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-height: 4.25rem;
    padding: .7rem .8rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .55rem;
    background: var(--bg-color-1, #fff);
    color: inherit;
    text-align: left;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.machinery-intent-action:hover {
    border-color: var(--primary);
    background: rgba(237, 28, 36, .035);
    color: inherit;
    text-decoration: none;
}

.machinery-intent-action:focus-visible {
    border-color: var(--primary);
    outline: 3px solid rgba(13, 110, 253, .28);
    outline-offset: 2px;
}

.machinery-intent-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: rgba(237, 28, 36, .09);
    color: var(--primary);
    font-size: 1rem;
}

.machinery-intent-action-copy {
    display: block;
    min-width: 0;
    padding: 0 .45rem;
}

.machinery-intent-action-copy strong,
.machinery-intent-action-copy small {
    display: block;
}

.machinery-intent-action-copy strong {
    font-size: .94rem;
    line-height: 1.25;
}

.machinery-intent-action-copy small {
    margin-top: .18rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: .78rem;
    line-height: 1.3;
}

.machinery-intent-action-arrow {
    color: var(--bs-secondary-color, #6c757d);
    font-size: .8rem;
}

.machinery-intent-actions-modal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.machinery-intent-machine-context {
    padding: .75rem .9rem;
    border-radius: .5rem;
    background: var(--bs-light, #f8f9fa);
}

.machinery-intent-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.machinery-intent-choice {
    position: relative;
    display: block;
    cursor: pointer;
}

.machinery-intent-choice input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.machinery-intent-choice span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.1rem;
    padding: .65rem .7rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    background: #fff;
    line-height: 1.25;
    text-align: center;
}

.machinery-intent-choice input:checked + span {
    border-color: var(--primary);
    background: rgba(237, 28, 36, .055);
    box-shadow: inset 0 0 0 1px var(--primary);
}

.machinery-intent-choice input:focus-visible + span {
    outline: 3px solid rgba(13, 110, 253, .28);
    outline-offset: 2px;
}

.machinery-intent-success-icon {
    color: var(--bs-success, #198754);
    font-size: 3rem;
}

.machinery-intent-email-step {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: .85rem;
    margin-top: 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(237, 28, 36, .28);
    border-left: 4px solid var(--primary);
    border-radius: .65rem;
    background: rgba(237, 28, 36, .045);
    color: var(--bs-body-color, #212529);
    text-align: left;
}

.machinery-intent-email-step:focus {
    outline: 3px solid rgba(13, 110, 253, .28);
    outline-offset: 2px;
}

.machinery-intent-email-step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: 1.2rem;
}

.machinery-intent-email-step-copy strong,
.machinery-intent-email-step-copy small {
    display: block;
}

.machinery-intent-email-step-copy strong {
    margin-bottom: .35rem;
    font-size: 1.05rem;
    line-height: 1.3;
}

.machinery-intent-email-step-copy p {
    line-height: 1.5;
}

.machinery-intent-email-step-copy small {
    color: var(--bs-secondary-color, #6c757d);
    line-height: 1.45;
}

.machinery-intent-inline-entry {
    margin: -.75rem 0 1.5rem;
}

.machinery-intent-inline-button {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-height: 4.25rem;
    padding: .7rem .8rem;
    border: 1px solid var(--primary);
    border-radius: .55rem;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
}

.machinery-intent-inline-button:focus-visible {
    outline: 3px solid rgba(13, 110, 253, .28);
    outline-offset: 2px;
}

.machinery-intent-modal {
    z-index: 2050 !important;
}

@media (max-width: 767.98px) {
    .machinery-intent-modal .modal-dialog {
        align-items: flex-end;
        min-height: 100%;
        margin: 0;
    }

    .machinery-intent-modal .modal-content {
        max-height: 92vh;
        border: 0;
        border-radius: 1rem 1rem 0 0;
    }

    .machinery-intent-actions-modal,
    .machinery-intent-choice-grid {
        grid-template-columns: 1fr;
    }

    .machinery-intent-action {
        min-height: 4.5rem;
    }

    .machinery-intent-choice span {
        justify-content: flex-start;
        min-height: 3.25rem;
        text-align: left;
    }

    .machinery-intent-email-step {
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: .7rem;
        padding: .85rem;
    }

    .machinery-intent-email-step-icon {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .machinery-intent-action {
        transition: none;
    }
}

.std-white-box .box-big-title {
    font-size: 2.14285rem;
    word-break: break-word;
}

.std-white-box .box-title .icon {
    font-size: 1.2em;
}

@media (max-width: 767.98px) {

    .std-white-box .box-big-title {
        font-size: 2rem;
    }
    
    .machinery-sidebar-sticky {
        padding-top: 10px
    }

}

.announcement-author .author-photo {
    border-radius: 50%;
    object-fit: cove;
}

.announcement-negotiation.std-white-box {
    margin-bottom: 0;
}

.announcement-negotiation.std-white-box + .announcement-phone.std-white-box {
    margin-top: 1px;
}

.small-vertical-sep {
    background-color: var(--light-grey2);
    display: inline-block;
    width: 1px;
    height: 1.75rem;
}

.small-vertical-sep:first-child:last-child {
    display: block;
}

.small-vertical-sep.higher-sep {
    /* height: 3rem; */
}

@media (min-width: 768px) {

    .small-vertical-sep.higher-sep {
        height: 4rem;
    }

}

@media (min-width: 992px) {

    .small-vertical-sep.higher-sep {
        height: 4rem;
    }

}

.form-switch.form-switch-lg {
    padding-left: 1.5rem;
}

.form-switch-lg .form-check-input,
.form-switch-lg .form-check-input:checked {
    width: 2.75rem;
    height: 1.75rem;
    border-radius: 1em !important;
    position: relative;
    top: -.25rem;
}

.form-check-input:checked ~ .value-false,
.form-check-input:not(:checked) ~ .value-true {
    display: none;
}
/* hidden machinery text */

.long-machinery-desc .machinery-desc-text {
    max-height: 999rem;
    transition: max-height .5s ease-in-out;
    overflow: visible;
    position: relative;
    background: var(--white);
    padding-bottom: 1.5rem;
}

.long-machinery-desc.machinery-desc-collapsed .machinery-desc-text {
    padding-bottom: 3.5rem;    
}

.long-machinery-desc .machinery-desc-text ul,
.long-machinery-desc .machinery-desc-text ol {
    padding-left: 1.25rem;
}

.long-machinery-desc .machinery-desc-text-hidden {
    min-height: 7rem;
    max-height: 35rem;
    overflow: hidden;
}

.long-machinery-desc .machinery-desc-text::after {
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%);
    opacity: 0;
    transition: opacity .5s ease-in-out;
    content: '';
}

.long-machinery-desc .machinery-desc-text-hidden::after {
    opacity: 1;
}

.machinery-desc .link-outer {
    font-weight: 600;
    margin-top: 2rem;
    position: relative;
    z-index: 9;
    transition: margin-top .5s ease-in-out;
}

.machinery-desc.machinery-desc-collapsed .link-outer {
    margin-top: 1rem;
}

.machinery-desc.machinery-desc-collapsed .toggler-hide {
    display: none;
}

.machinery-desc.machinery-desc-expanded .toggler-show {
    display: none;
}
/* hidden seo text */

.long-seo-desc .seo-desc-text {
    max-height: 200vh;
    transition: max-height .5s ease-in-out;
    overflow: visible;
    position: relative;
}

.long-seo-desc .seo-desc-text ul,
.long-seo-desc .seo-desc-text ol {
    padding-left: 1.25rem;
}

.long-seo-desc .seo-desc-text-hidden {
    min-height: 7rem;
    max-height: 35rem;
    overflow: hidden;
}

.long-seo-desc .seo-desc-text::after {
    /*content: '';*/
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%);
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.long-seo-desc .seo-desc-text-hidden::after {
    opacity: 1;
}

.seo-desc-text + .link-outer {
    font-weight: 600;
    margin-top: 2rem;
    position: relative;
    z-index: 9;
    transition: margin-top .5s ease-in-out;
}

.seo-desc-text.seo-desc-text-hidden + .link-outer {
    margin-top: -3rem;
}

.seo-desc-text.seo-desc-text-hidden + .link-outer .toggler-hide {
    display: none;
}

.seo-desc-text:not(.seo-desc-text-hidden) + .link-outer .toggler-show {
    display: none;
}

/* chat */

.chats-outer .chat-box {
    --offset-x: 1.25rem;
    --offset-y: 1.25rem;
    --width: 25rem;
    --height: 30rem;
    width: var(--width);
    height: var(--height);
    position: fixed;
    bottom: var(--offset-y);
    right: var(--offset-x);
    max-height: 100%;
    max-height: calc(100vh - var(--top-offset) - (2 * var(--offset-y)));
    max-width: calc(100% - var(--offset-x));
    z-index: 1040;
    box-shadow: 0 0 .5rem rgb(0,0,0,.1);
}

.chats-outer .chat-box.chat-hidden {
    height: auto !important;
}

@media (min-width: 1200px) and (min-height: 550px) {

    .chats-outer .chat-box {
        --offset-x: 2.5rem;
        --offset-y: 2.5rem;
    }

}

@media (max-width: 787.98px) {

    .chats-outer .chat-box {
        --offset-x: 0;
        --offset-y: 0;
        --width: 100vw;
        --height: 100vh;
        max-height: 100%;
        max-width: 100%;
        z-index: 1035;
    }

}

.chats-outer .chat-box + .chat-box {
    right: calc((2 * var(--offset-x)) + var(--width));
}

.chats-outer .chat-box + .chat-box + .chat-box {
    right: calc((3 * var(--offset-x)) + (2 * var(--width)));
}

.chats-outer .chat-box .card-body {
    overflow: auto;
}

.chats-outer .chat-box [name="chat_message"] {
    /* max-height: calc(var(--height) / 3); */
    max-height: 3.5rem;
    --padding-y: .375rem;
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
}

.chats-outer .chat-box .card-body .announcement-info {
    line-height: 1.2;
    position: sticky;
    top: 0;
    background-color: var(--white);
    font-weight: 600;
    z-index: 9;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.chats-outer .chat-box .card-body .announcement-info .item-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chats-outer .chat-box .card-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: start;
    padding: .5rem;
}

.chats-outer .chat-box .btn-close {
}

.chats-outer .chat-box .card-body .attachment {
    /* margin: .25rem 0; */
    margin: 0;
}

.chats-outer .single-message {
    padding: 0;
    border: none !important;
    margin-top: 0;
}

.chats-outer .single-message:not(.loading) .spinner {
    display: none;
}

.chats-outer .single-message .spinner {
    --size: .75rem;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    margin-right: .5rem;
}

.chats-outer .single-message .content,
.chats-outer .chat-box .card-body .attachment {
    padding: .25rem .5rem;
}

.chats-outer .single-message.message-to-me .content,
.chats-outer .single-message.message-to-me .attachment {
    background-color: var(--primary2);
    color: var(--white);
}

.chats-outer .single-message.message-from-me .content,
.chats-outer .single-message.message-from-me .attachment  {
    background-color: var(--bg-color-2);
}

.chats-outer .single-message.message-from-me .time,
.chats-outer .single-message.message-from-me .status {
    text-align: right;
}

.chats-outer .single-message .status {
    opacity: .33;
    color: var(--city-grey);
}

.chats-outer .single-message .status.is-read {
    opacity: 1;
    color: var(--bs-success);
}

.chats-outer .single-message:not(:last-child) .status {
    display: none;
}

.chats-outer .single-message.message-to-me {
	margin-right: 1.5rem;
}

.chats-outer .single-message.message-from-me {
	margin-left: 1.5rem;
}

.chats-outer .date-in-chat {
    position: relative;
}

.chats-outer .date-in-chat::before,
.chats-outer .date-in-chat::after {
    content: '';
    width: 25%;
    height: 1px;
    background-color: var(--light-grey);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.chats-outer .date-in-chat::before {
    left: 0;
    right: auto;
}

.chats-outer .date-in-chat::after {
    right: 0;
    left: auto;
}

.chat-box .user-img {
    max-width: 2.75rem;
    margin-right: .5rem;
}

body:not(.style-no-radius) .chat-box .user-img {
    border-radius: 50%;
}

.chats-outer [data-action="delete-file"] {
    cursor: pointer;
    margin-left: .5rem;
}

.chats-outer .ratio + [data-action="delete-file"] {
    line-height: 1;
    position: absolute;
    --offset: .25rem;
    top: var(--offset);
    right: calc(var(--offset) + (var(--bs-gutter-x) * .5));
    color: var(--white);
    text-shadow: 0 0 .25rem var(--black);
}

.chats-outer .ratio + [data-action="delete-file"]:hover {
    text-shadow: 0 0 .5rem var(--black);
}

.chats-outer .files-content .ratio img {
    object-fit: cover;
}

.chats-outer .chat-box.chat-hidden .card-header ~ * {
    display: none;
}

.chats-outer .chat-box.chat-hidden .author-status {
    display: none !important;
}

.chats-outer .chat-box .chat-toggle,
.chats-outer .chat-box .chat-close {
    cursor: pointer;
}

.chats-outer .chat-box .chat-toggle:not(:hover),
.chats-outer .chat-box .chat-close:not(:hover) {
    opacity: .7;
}

.chats-outer .chat-box:not(.chat-hidden) .chat-toggle .show,
.chats-outer .chat-box.chat-hidden .chat-toggle .hide {
    display: none;
}

.chats-outer .chat-box .card-footer .btn {
    --padding-x: .5rem;
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
}

.chats-outer .chat-box .card-footer .btn ~ .btn {
    border-left: 1px solid var(--white);
}

.voice-btn.speaking {
    animation-name: opacity;
    animation-direction: alternate;
    animation-duration: .5s;
    animation-iteration-count: infinite;
}

.delivery-icon-on-list {
    position: absolute;
    --offset: .75rem;
    top: var(--offset);
    right: var(--offset);
    background: var(--white);
    width: 2.25rem;
    height: 2.25rem;
    padding: .25rem;
    border-radius: 50%;
    z-index: 99;
}

.list-mine .delivery-icon-on-list {
    --offset: .5rem;
}

.small-announcement .add-to-clipboard-link {
    position: absolute;
    --offset: .75rem;
    right: var(--offset);
    bottom: var(--offset);
    background: var(--white);
    width: 2.25rem;
    height: 2.25rem;
    padding: .25rem;
    border-radius: 50%;
    z-index: 0;
    line-height: 1.8;
}

.small-announcement .add-to-clipboard-link:not(.is-in-clipboard) {
    color: var(--icon-grey);
}

.states-cities {
	padding-left: 1.25rem;
}


@media (min-width: 992px) {

    .columns-lg-3 {
        columns: 3;
        column-gap: 2.5rem;
        column-fill: balance;
    }

    .columns-lg-3 h3 {
        display: inline;
    }

}

@media (max-width: 767.98px) {

    .modal-subcategories li .link {
        font-size: 1.25rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .modal-subcategories li .arrow {
        font-size: 1.25rem;
    }

}

.grey-bg .nav-tabs .nav-item .nav-link {
    color: inherit;
}

.grey-bg .nav-tabs .nav-item.show .nav-link,
.grey-bg .nav-tabs .nav-link.active {
    background-color: var(--bg-color-2);
    border-bottom-color: var(--bg-color-2);
    color: var(--primary);
    font-weight: 600;
}

.code-input-xl {
    --spacing: 2.5rem;
    text-indent: var(--spacing);
    letter-spacing: var(--spacing);
    padding: .75rem 1rem;
    font-size: 2.5rem;
    font-weight: 600;
}

@media (min-width: 992px) {

    .code-input-xl {
        --spacing: 2rem;
        padding: 1rem 3rem;
        font-size: 3rem;
        font-weight: 600;
    }

}

.calendar .days li .event {
    background: var(--primary);
}

.calendar .month-year-btn {
    line-height: 1;
}

.calendar .prev-month,
.calendar .next-month {
    /* margin: 0 .5rem; */
    
}

.calendar .month-year {
    width: auto !important;
}

#companiesDropdownMenuLink ~ .dropdown-menu {
    top: 100% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    transform: none !important;
}

.site-footer .social-icons img {
    --size: 2.5rem;
    width: var(--size);
    height: var(--size);
}
.responsive-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* To jest stosunek dla obrazu 16:9. Oblicza się to jako: 9 / 16 * 100% */
    margin: auto; /* Opcjonalnie można dodać auto, aby wyśrodkować film w pojemniku. */
}

.responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.list-checks .available::before {
    content: "\f00c"; /* Unicode dla "check" (ptaszek) */
    font-family: var(--fa);
    font-weight: 900;
    font-size: .85rem;
    position: absolute;
    top: .15rem;
    left: 0;
    color: green; /* Zielony kolor dla dostępnych */
}

.list-checks .not-available::before {
    content: "\f00d"; /* Unicode dla "times" (X) */
    font-family: var(--fa);
    font-weight: 900;
    font-size: .85rem;
    position: absolute;
    top: .15rem;
    left: 0;
    color: red; /* Czerwony kolor dla niedostępnych */
}
.catalog_brand_section {
    /*background-image: url(https://www.motendo.com/templates/website_v2/images/land/home.png);*/
/*    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background-color: var(--bg-color-2) !important;
}

.catalog_brand_section .brand-tags-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
}
.catalog_brand_section .brand-tags-list--collapsible.brand-tags-list--collapsed .brand-tags-list__item--extra {
    display: none;
}

.catalog_brand_section .brand-tags-list__item {
    position: relative;
    padding-left: .75rem;
}

.catalog_brand_section .brand-tags-list__item::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: currentColor;
}
.catalog_brand_section .brand-tags__toggle {
    display: inline-block;
    margin-top: 1rem;
    font-weight: 600;
    color: inherit;
}

.catalog_brand_section .brand-tags__toggle:hover,
.catalog_brand_section .brand-tags__toggle:focus {
    color: var(--primary);
    text-decoration: none;
}
.brand-item {
    display: flex;
    flex-direction: column; /* Ustaw zawartość w kolumnie */
    justify-content: center; /* Wyrównanie w pionie */
    align-items: center; /* Wyrównanie w poziomie */
    height: 100%; /* Upewnij się, że box wypełnia całą wysokość */
    text-align: center; /* Wyśrodkowanie tekstu */
    padding: 20px; /* Wewnętrzne odstępy */
    background-color: #fff; /* Białe tło */
    border: 1px solid #ddd; /* Delikatna ramka */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Animacja cienia i efektu */
}

.brand-item img {
    max-width: 100%; /* Dopasowanie obrazka do kontenera */
    height: auto; /* Proporcjonalna wysokość */
    margin-bottom: 10px; /* Odstęp między logo a nazwą */
}

.brand-item h5 {
    margin: 0; /* Usuń marginesy */
    font-size: 1rem; /* Rozmiar czcionki */
    color: #333; /* Kolor tekstu */
}

.brand-item:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .33); /* Efekt podświetlenia */
    transform: translateY(-3px); /* Efekt podniesienia */
}
.machinery-category-tree{
    --machinery-category-indent: 0.75rem;
}
.machinery-category-tree--catalog {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    width: 100%;
}

.machinery-category-tree__group {
    background-color: #fff;
    border: 1px solid #e6e9ec;
    border-radius: 1rem;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.06);
    padding: 1.25rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.machinery-category-tree__group:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.09);
    border-color: #d5d9de;
}
.machinery-category-tree__group--highlight {
    background-color: #f8fbff;
    border-color: #dbe8ff;
}

.machinery-showcase {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.machinery-showcase__item {
    padding: 0.35rem 0;
    border-bottom: 1px solid #e6e9ec;
}

.machinery-showcase__item:last-child {
    border-bottom: none;
}

.machinery-showcase__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}
.machinery-showcase__thumb {
    width: 120px;
}

@media (min-width: 768px) {
    .machinery-showcase__thumb {
        width: 40px;
    }
}
.machinery-showcase__name {
    color: #1b1f22;
    text-decoration: none;
    word-break: break-word;    
}

.machinery-showcase__name:hover,
.machinery-showcase__name:focus {
    color: var(--primary);
    text-decoration: none;
}

.machinery-showcase__brand {
    color: #6c757d;
    text-decoration: none;
}

.machinery-showcase__brand:hover,
.machinery-showcase__brand:focus {
    color: var(--primary);
    text-decoration: none;
}

.machinery-brand-grid {
    width: 100%;
}

.machinery-brand-grid__item {
    background-color: #f9fafb;
    border: 1px solid #e6e9ec;
    border-radius: 0.75rem;
    padding: 0.75rem;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.machinery-brand-grid__item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    border-color: #d5d9de;
}

.machinery-brand-grid__logo {
    width: 100%;
    max-width: 140px;
    margin-bottom: 0.5rem;
}

.machinery-brand-grid__logo img {
    max-height: 56px;
    object-fit: contain;
}

.machinery-brand-grid__name {
    color: #1b1f22;
    text-decoration: none;
    font-size: 0.95rem;
}

.machinery-brand-grid__name:hover,
.machinery-brand-grid__name:focus {
    color: var(--primary);
    text-decoration: none;
}
.machinery-brand-carousel {
    position: relative;
}

.machinery-brand-carousel__viewport {
    overflow: hidden;
}

.machinery-brand-carousel__slide {
    display: none;
}

.machinery-brand-carousel__slide.is-active {
    display: block;
}

.machinery-brand-carousel__list {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 576px) {
    .machinery-brand-carousel__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.machinery-brand-carousel__list-item {
    background-color: #f9fafb;
    border: 1px solid #e6e9ec;
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.machinery-brand-carousel__list-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    border-color: #d5d9de;
}

.machinery-brand-carousel__logo {
    width: 120px;
    height: 78px;
}

.machinery-brand-carousel__logo img {
    max-height: 70px;
    object-fit: contain;
}

.machinery-brand-carousel__name {
    color: #1b1f22;
    text-decoration: none;
    word-break: break-word;
    display: block;
}

.machinery-brand-carousel__name:hover,
.machinery-brand-carousel__name:focus {
    color: var(--primary);
    text-decoration: none;
}

.machinery-brand-carousel__nav .machinery-brand-carousel__control {
    background-color: #fff;
    border: 1px solid #e6e9ec;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.machinery-brand-carousel__nav .machinery-brand-carousel__control:hover,
.machinery-brand-carousel__nav .machinery-brand-carousel__control:focus {
    background-color: #f5f7fa;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.machinery-category-tree__root-title {
    color: #1b1f22;
    font-weight: 700;
    font-size: 1.2rem;
}

.machinery-category-tree__root-icon {
/*    width: 40px;
    height: 40px;*/
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;    
    display: block;
}

.machinery-category-tree__link {
    color: #212529;
    text-decoration: none;
}

.machinery-category-tree__link:hover,
.machinery-category-tree__link:focus {
    color: var(--primary);
    text-decoration: none;
}

.machinery-category-tree__link--root {
    font-size: 1.5rem;
    gap: 0.25rem;    
}

.machinery-category-tree__link--child {
    font-size: 1rem;
}
.machinery-category-tree__link--active,
.machinery-category-tree__link--active:hover,
.machinery-category-tree__link--active:focus {
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
}

.machinery-category-tree__child-list {
    padding-left: 0;
    margin-bottom: 0;    
}

.machinery-category-tree__child-item {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.4rem;
}

.machinery-category-tree__child-item::before {
    content: '';
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a3ff, #4be1ec);
    transform: translateY(-50%);
}

.machinery-category-tree__see-all-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.machinery-category-tree__see-all-link::after {
    content: '\f061';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.9rem;
    transition: transform 0.2s ease;
}

.machinery-category-tree__see-all-link:hover::after,
.machinery-category-tree__see-all-link:focus::after {
    transform: translateX(4px);
}

.machinery-category-tree__level-1 { padding-left: calc(var(--machinery-category-indent) * 1); }
.machinery-category-tree__level-2 { padding-left: calc(var(--machinery-category-indent) * 2); }
.machinery-category-tree__level-3 { padding-left: calc(var(--machinery-category-indent) * 3); }
.machinery-category-tree__level-4 { padding-left: calc(var(--machinery-category-indent) * 4); }
.machinery-category-tree__level-5 { padding-left: calc(var(--machinery-category-indent) * 5); }

.machinery-category-tree--sidebar .machinery-category-tree__root {
    border-bottom: 1px solid #eceff1;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.machinery-category-tree__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #212529;
    font-weight: 600;
    text-decoration: none;
}

.machinery-category-tree__back-link:hover,
.machinery-category-tree__back-link:focus {
    color: var(--primary);
    text-decoration: none;
}

.brand-category-previews__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .brand-category-previews__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .brand-category-previews__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .brand-category-previews__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.brand-category-previews__item {
    text-align: center;
}

.brand-category-previews__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.brand-category-previews__image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 66%;
    border-radius: 0.75rem;
    overflow: hidden;
    background-color: #ffffff;
}
.brand-category-previews__image-wrapper:hover {
    background-color: #f5f5f5;
}
.brand-category-previews__image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-category-previews__image-wrapper--icon {
    width: 100px;
    height: 100px;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.brand-category-previews__image-wrapper--icon img {
    position: static;
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.brand-category-previews__label {
    display: block;
    margin-top: 0.75rem;
    font-weight: 600;
    font-size: 0.95rem;
}

.brand-category-previews__link:hover .brand-category-previews__label,
.brand-category-previews__link:focus .brand-category-previews__label {
    color: var(--primary);
}

.model-series-filters {
    padding: 1.5rem;
}

.model-series-filters__title {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 600;
}

.model-series-filters__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
}

@media (min-width: 576px) {
    .model-series-filters__grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}

.model-series-filters__item {
    background-color: #fff;
    border: 1px solid var(--light-grey2);
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.model-series-filters__link {
    display: inline-block;
    font-weight: 600;
    color: var(--primary);
}
.model-series-filters__item--active {
    border-color: var(--primary);
    /*background-color: rgba(229, 19, 49, 0.08);*/
    box-shadow: 0 6px 16px rgba(229, 19, 49, 0.12);
}

.model-series-filters__item--active .model-series-filters__link,
.model-series-filters__link--active {
    color: var(--primary);
    text-decoration: none;
}

.model-series-filters__item:hover,
.model-series-filters__item:focus-within {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.model-series-filters__item:hover .model-series-filters__link,
.model-series-filters__item:focus-within .model-series-filters__link {
    color: var(--primary);
    text-decoration: none;
}

.account-type-box {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.account-type-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--primary);
}
.account-type-box img {
    border-radius: 50%; /* Sprawia, że obraz jest okrągły */
    background-color: var(--medium-grey); 
    padding: 1px; /* Odstęp od krawędzi */
    width: 80px; /* Możesz dostosować rozmiar */
    height: 80px;
    object-fit: contain; /* Zapewnia dobre dopasowanie obrazu */
    border: 0px solid red; /* Obramowanie w tym samym kolorze dla efektu */
    transition: transform 0.3s ease;
}

.account-type-box:hover img {
    transform: scale(1.1); /* Powiększa obrazek na hover */
    background-color: var(--primary);
}
.account-type-box-icon {
    width: 70px; /* Powiększone, aby uniknąć spłaszczenia */
    height: 70px;
    background-color: var(--form-bg-title-grey) !important; /* Czerwone tło */
    border: 3px solid var(--form-bg-title-grey); /* Obramowanie */
    border-radius: 50%; /* Pełne koło */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Zapobiega kompresji w flexbox */
}

.account-type-box-icon img {
    width: 50px; /* Dopasowanie obrazu do koła */
    height: 50px;
    object-fit: contain; /* Zapobiega przycinaniu */
}
.btn-lg-extra {
    font-size: 1.25rem; /* Większy rozmiar czcionki */
    padding: 15px 30px; /* Większe wypełnienie */
    border-radius: 8px; /* Zaokrąglenie rogów */
    font-weight: bold;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Efekt pulsacji po najechaniu */
.btn-lg-extra:hover {
    transform: scale(1.1); /* Powiększenie */
    box-shadow: 0px 0px 15px rgba(0, 123, 255, 0.5); /* Poświata */
    animation: pulse 1s infinite alternate; /* Efekt pulsacji */
}

/* Animacja pulsacji */
@keyframes pulse {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.15);
    }
}

.loader-bar {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #e0e0e0; /* kolor tła paska */
  overflow: hidden;
  border-radius: 2px;
}

.loader-bar::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 20%;
  background-color: var(--dark-red); /* kolor paska, np. danger */
  animation: loadingBar 1.5s infinite;
  border-radius: 2px;
}

@keyframes loadingBar {
  0% { left: -20%; }
  100% { left: 100%; }
}
.loader-bar-small {
  position: relative;
  width: 80px; /* lub inna szerokość, którą preferujesz */
  height: 3px;
  background-color: #e0e0e0;
  overflow: hidden;
  border-radius: 2px;
  margin: 0 auto;
}

.loader-bar-small::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 20%;
  background-color: #6c757d; /* kolor odpowiadający klasie bg-secondary */
  animation: loadingBarSmall 1.5s infinite;
  border-radius: 2px;
}

@keyframes loadingBarSmall {
  0% { left: -20%; }
  100% { left: 100%; }
}
.alert-warning i {
    font-size: 2rem;
    padding: 10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--light-grey5);
}
.sub-menu{
    border-bottom: 1px solid var(--light-grey2);
}
.sub-menu-container{
    margin-bottom: 2em;
    margin-top: 2em;
}

.sub-menu-container + .page-content {
    margin-top: 0;
}

.sub-menu .user-menu-icon {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    vertical-align: -.2rem;
}

.sub-menu .user-menu-fa-icon {
    width: 1.25rem;
    color: var(--medium-grey);
    font-size: 1rem;
    opacity: .55;
    text-align: center;
}

/* Wrapper jest neutralny, dopóki strona nie zawiera pionowego menu. */
.module-page-layout {
    display: contents;
}

/* Stały, pionowy układ menu zalogowanego użytkownika. */
@media (max-width: 767.98px) {
    .sub-menu-container-vertical {
        display: none;
    }
}

@media (min-width: 768px) {
    .module-page-layout:has(> .sub-menu-container-vertical) {
        --user-sub-menu-width: 13.5rem;
        --user-sub-menu-gap: 1.5rem;
        align-items: start;
        display: grid;
        gap: var(--user-sub-menu-gap);
        grid-template-columns: var(--user-sub-menu-width) minmax(0, 1fr);
    }

    .module-page-layout:has(> .sub-menu-container-vertical) > .sub-menu-container {
        align-self: start;
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        max-height: calc(100vh - var(--top-offset) - 2rem);
        max-width: none;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        position: sticky;
        top: calc(var(--top-offset) + 1rem);
        transition: top .25s;
        width: 100%;
        z-index: 20;
    }

    .module-page-layout:has(> .sub-menu-container-vertical) > :not(.sub-menu-container) {
        grid-column: 2;
        min-width: 0;
        width: 100%;
    }

    .module-page-layout:has(> .sub-menu-container-vertical) > .page-content:not(.sub-menu-container) {
        margin: 0;
        max-width: none;
        padding: 0;
    }

    .sub-menu-container-vertical .sub-menu {
        align-items: stretch !important;
        border-bottom: 0;
        border-right: 1px solid var(--light-grey2);
        flex-direction: column;
        padding: .25rem 1rem .25rem 0;
        width: 100%;
    }

    .sub-menu-container-vertical .sub-menu .nav-item,
    .sub-menu-container-vertical .sub-menu .nav-link {
        width: 100%;
    }

    .sub-menu-container-vertical .sub-menu .nav-link {
        align-items: center;
        display: flex;
        padding: .75rem .875rem;
        text-align: left;
    }

    body.scrolled:not(.navbar-is-fixed) .module-page-layout:has(> .sub-menu-container-vertical) > .sub-menu-container {
        max-height: calc(100vh - 2rem);
        top: 1rem;
    }
}



.welcome-card {
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    margin-bottom: 20px;
}
.welcome-card:hover {
    transform: translateY(-5px);
}
.welcome-header {
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    color: white;
    border-radius: 15px 15px 0 0;
    padding: 20px;
}
.step-icon {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 15px;
}
.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--primary);
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.step-completed {
    background-color: var(--grey-bg-light);
    border: 2px solid #28a745;
}
.step-completed .step-number {
    background-color: var(--medium-grey);
}
.step-completed .step-icon {
    color: var(--light-grey);
}
.task-completed-check {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--light-grey);
    font-size: 1.5rem;
}
.progress-container {
    margin: 30px 0;
}
.btn-primary, .btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary {
    border-color: var(--primary);
    color: var(--primary);
}
.btn-outline-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-success {
    border-color:  var(--medium-grey);
    color:  var(--medium-grey);
}
.btn-outline-success:hover {
    background-color:  var(--medium-grey);
    border-color:  var(--medium-grey);
}
.quick-stats {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 15px;
}
.step-card {
    height: 100%;
    border: none;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}
.step-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
@media (min-width: 992px) {
    .step-column {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.motendo-dashboard {
    --dashboard-border: var(--light-grey2);
    --dashboard-muted: var(--medium-grey-text);
}

.demand-wall-dashboard-entry {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border-left: 4px solid var(--primary);
}

.demand-wall-dashboard-entry__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: var(--white);
    background-color: var(--primary);
    font-size: var(--fs-20);
}

.demand-wall-dashboard-entry__content h2 {
    margin: .1rem 0 .35rem;
    font-size: var(--fs-20);
    font-weight: 700;
}

.demand-wall-dashboard-entry__content p {
    margin: 0 0 .65rem;
    color: var(--dashboard-muted);
}

.demand-wall__header {
    align-items: center;
}

.demand-wall__description {
    max-width: 56rem;
    margin: 0;
    color: var(--dashboard-muted);
}

.demand-wall__privacy {
    display: flex;
    align-items: center;
    gap: .65rem;
    max-width: 20rem;
    padding: .8rem 1rem;
    border: 1px solid var(--green-ok2);
    border-radius: 8px;
    color: var(--primary2);
    background: var(--green-ok);
    font-size: var(--fs-13);
    line-height: 1.35;
}

.demand-wall__privacy i {
    flex: 0 0 auto;
    font-size: var(--fs-20);
}

.demand-wall-v2__company-context {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--primary);
}

.demand-wall-v2__company-context > div {
    display: grid;
    gap: .15rem;
}

.demand-wall-v2__company-context form {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: min(100%, 20rem);
}

.demand-wall-v2__tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.demand-wall-v2__badges {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .35rem;
}

.demand-wall-v2__type-badge,
.demand-wall-v2__recommended-badge {
    display: inline-flex;
    padding: .3rem .55rem;
    border-radius: 999px;
    font-size: var(--fs-11);
    font-weight: 700;
    text-transform: uppercase;
}

.demand-wall-v2__type-badge {
    color: var(--white);
    background: var(--primary);
}

.demand-wall-v2__recommended-badge {
    color: var(--primary2);
    background: var(--green-ok);
}

.demand-wall-v2__response-state {
    margin-top: .75rem;
    padding: .7rem .8rem;
    border: 1px solid var(--green-ok2);
    border-radius: 8px;
    background: var(--green-ok);
    color: var(--primary2);
    font-size: var(--fs-13);
}

.demand-wall-v2__response-status-label {
    display: block;
    margin-bottom: .2rem;
    color: var(--dashboard-muted);
    font-size: var(--fs-11);
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.demand-wall-v2__response-state > strong {
    display: block;
    line-height: 1.45;
}

.demand-wall-v2__shared-contact {
    display: grid;
    gap: .2rem;
    margin-top: .65rem;
    padding-top: .65rem;
    border-top: 1px solid var(--green-ok2);
}

.demand-wall-v2__shared-contact span {
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
}

.demand-wall-v2__shared-contact a {
    color: var(--primary2);
    font-size: var(--fs-16);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.demand-wall-v2__response-box {
    margin-top: .75rem;
}

.demand-wall-v2__response-box > summary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    cursor: pointer;
    list-style: none;
}

.demand-wall-v2__response-box > summary::-webkit-details-marker {
    display: none;
}

.demand-wall-v2__response-box[open] > summary {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.demand-wall-v2__response-form {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: var(--grey-bg-light);
}

.demand-wall-v2__response-form label {
    display: grid;
    gap: .35rem;
    margin: 0;
}

.demand-wall-v2__response-form label > span {
    color: var(--dark-text2);
    font-size: var(--fs-13);
    font-weight: 700;
}

.demand-wall-v2__response-form textarea {
    min-height: 7.5rem;
    resize: vertical;
}

.demand-wall-v2__response-form small {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    color: var(--dashboard-muted);
}

.demand-wall-v2__response-help {
    margin: 0;
    color: var(--dashboard-muted);
    font-size: var(--fs-13);
    line-height: 1.45;
}

.demand-wall-v2__consent-note {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .7rem .8rem;
    border: 1px solid var(--green-ok2);
    border-radius: 7px;
    color: var(--primary2);
    background: var(--green-ok);
    font-size: var(--fs-12);
    line-height: 1.4;
}

.demand-wall-v2__consent-note i {
    margin-top: .15rem;
}

/* Demand Wall V2: compact, one-column, progressively enhanced request list. */
.demand-wall-v2 {
    position: relative;
}

.demand-wall-v2.is-loading {
    min-height: 12rem;
    pointer-events: none;
}

.demand-wall-v2.is-loading > *:not([data-demand-wall-live]) {
    opacity: .45;
}

.demand-wall-v2.is-loading::after {
    position: absolute;
    top: 8rem;
    left: 50%;
    z-index: 5;
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
    border: 3px solid rgba(227, 30, 36, .18);
    border-top-color: var(--primary);
    border-radius: 50%;
    content: '';
    animation: demand-wall-spin .7s linear infinite;
}

@keyframes demand-wall-spin {
    to { transform: rotate(360deg); }
}

.demand-wall-v2__ajax-error {
    margin-bottom: 1rem;
}

.demand-wall-v2__header {
    padding: 1.2rem 1.35rem;
}

.demand-wall-v2__header .dashboard-title {
    margin-bottom: .2rem;
}

.demand-wall-v2__flash {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}

.demand-wall-v2__acting-company {
    display: grid !important;
    grid-template-columns: 1.7rem auto;
    align-items: center;
    column-gap: .4rem;
}

.demand-wall-v2__acting-company > i {
    grid-row: 1 / 3;
    color: var(--primary);
    font-size: 1.15rem;
}

.demand-wall-v2__acting-company .dashboard-eyebrow,
.demand-wall-v2__acting-company strong {
    grid-column: 2;
}

.demand-wall-v2__tabs .demand-wall__summary-item {
    min-height: 3.25rem;
    padding: .55rem .8rem;
}

.demand-wall-v2__tabs .demand-wall__summary-item span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.demand-wall-v2__tabs .demand-wall__summary-item strong {
    font-size: var(--fs-20);
}

.demand-wall-v2__filter-panel {
    margin-bottom: 1rem;
    overflow: hidden;
}

.demand-wall-v2__filter-panel > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3rem;
    padding: .7rem 1rem;
    color: var(--dark-text2);
    cursor: pointer;
    font-size: var(--fs-14);
    font-weight: 700;
    list-style: none;
}

.demand-wall-v2__filter-panel > summary::-webkit-details-marker,
.demand-wall-v2__request-summary::-webkit-details-marker {
    display: none;
}

.demand-wall-v2__filter-panel > summary span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.demand-wall-v2__summary-chevron {
    transition: transform .2s ease;
}

.demand-wall-v2__filter-panel[open] > summary .demand-wall-v2__summary-chevron,
.demand-wall-v2__request-details[open] > summary .demand-wall-v2__summary-chevron {
    transform: rotate(180deg);
}

.demand-wall-v2__filter-body {
    padding: .85rem 1rem 1rem;
    border-top: 1px solid var(--dashboard-border);
    background: var(--grey-bg-light);
}

.demand-wall-v2__filter-actions {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.demand-wall-v2__list {
    display: grid;
    gap: .6rem;
}

.demand-wall-v2__request {
    border: 1px solid var(--dashboard-border);
    border-left: 4px solid var(--primary);
    border-radius: 9px;
    background: var(--bg-color-1);
    box-shadow: 0 1px 2px rgba(18, 24, 40, .04);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.demand-wall-v2__request:hover,
.demand-wall-v2__request:focus-within {
    border-color: rgba(227, 30, 36, .42);
    box-shadow: 0 5px 16px rgba(18, 24, 40, .08);
}

.demand-wall-v2__request--full {
    border-left-color: var(--medium-grey);
}

.demand-wall-v2__request-summary {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    min-height: 6rem;
    padding: .75rem 1rem;
    cursor: pointer;
    list-style: none;
}

.demand-wall-v2__request-summary:focus-visible {
    outline: 3px solid rgba(227, 30, 36, .25);
    outline-offset: -3px;
}

.demand-wall-v2__intent-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 9px;
    color: var(--primary);
    background: rgba(227, 30, 36, .08);
}

.demand-wall-v2__request-main {
    display: grid;
    min-width: 0;
}

.demand-wall-v2__request-main .demand-wall-v2__badges {
    margin-bottom: .2rem;
}

.demand-wall-v2__request-main .demand-wall-v2__type-badge,
.demand-wall-v2__request-main .demand-wall-v2__recommended-badge {
    padding: .2rem .42rem;
    font-size: .65rem;
}

.demand-wall-v2__recommended-badge {
    align-items: center;
    gap: .25rem;
}

.demand-wall-v2__machine-name {
    color: var(--dark-text2);
    font-size: var(--fs-17);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.demand-wall-v2__quick-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .8rem;
    margin-top: .35rem;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
}

.demand-wall-v2__quick-meta > span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: .3rem;
}

.demand-wall-v2__quick-meta i {
    width: .9rem;
    color: var(--medium-grey);
    text-align: center;
}

.demand-wall-v2__request-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .8rem;
    min-width: 10.5rem;
}

.demand-wall-v2__availability {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    color: var(--primary2);
    background: var(--green-ok);
    font-size: var(--fs-11);
    font-weight: 700;
    white-space: nowrap;
}

.demand-wall-v2__availability--full {
    color: var(--medium-grey-text);
    background: var(--grey-bg-light);
}

.demand-wall-v2__availability--responded {
    color: var(--primary);
    background: rgba(227, 30, 36, .08);
}

.demand-wall-v2__request-body {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid var(--dashboard-border);
    background: var(--grey-bg-light);
}

.demand-wall-v2__request-content,
.demand-wall-v2__request-action {
    min-width: 0;
}

.demand-wall-v2__request-content .demand-wall-card__requirements {
    margin: .5rem 0;
    padding: .7rem .8rem;
    background: var(--bg-color-1);
}

.demand-wall-v2__request-content .demand-wall-card__contact {
    margin-top: .5rem;
    padding: .6rem .7rem;
}

.demand-wall-v2__service-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
    margin: .5rem 0;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
}

.demand-wall-v2__service-meta > span {
    display: inline-flex;
    gap: .3rem;
}

.demand-wall-v2__filter-panel [hidden] {
    display: none !important;
}

.demand-wall-v2__request-action .demand-wall-v2__response-state,
.demand-wall-v2__request-action .demand-wall-v2__response-box {
    margin-top: 0;
}

.demand-wall-v2__full-notice {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--medium-grey-text);
    background: var(--bg-color-1);
}

.demand-wall-v2__full-notice > i {
    margin-top: .15rem;
}

.demand-wall-v2__full-notice div {
    display: grid;
    gap: .2rem;
}

.demand-wall-v2__full-notice span {
    font-size: var(--fs-12);
    line-height: 1.4;
}

.demand-wall-v2__response-box > summary {
    gap: .45rem;
}

@media (max-width: 991.98px) {
    .demand-wall-v2__request-body {
        grid-template-columns: 1fr;
    }

    .demand-wall-v2__request-side {
        min-width: auto;
    }
}

@media (max-width: 767.98px) {
    .demand-wall-v2__header {
        padding: 1rem;
    }

    .demand-wall-v2__request-summary {
        grid-template-columns: 2.35rem minmax(0, 1fr);
        gap: .65rem;
        padding: .75rem;
    }

    .demand-wall-v2__request-side {
        grid-column: 2;
        justify-content: space-between;
    }

    .demand-wall-v2__filter-actions {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 479.98px) {
    .demand-wall-v2__tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .demand-wall-v2__tabs .demand-wall__summary-item {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: .15rem;
        min-height: 4.2rem;
        padding: .45rem .25rem;
        text-align: center;
    }

    .demand-wall-v2__tabs .demand-wall__summary-item span {
        display: grid;
        gap: .1rem;
        font-size: .68rem;
    }

    .demand-wall-v2__request-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .demand-wall-v2__intent-icon {
        display: none;
    }

    .demand-wall-v2__request-side {
        grid-column: 1;
    }

    .demand-wall-v2__availability {
        white-space: normal;
    }

    .demand-wall-v2__request-body {
        padding: .75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .demand-wall-v2__summary-chevron,
    .demand-wall-v2__request,
    .demand-wall-v2.is-loading::after {
        transition: none;
    }

    .demand-wall-v2.is-loading::after {
        animation-duration: 1.5s;
    }
}

.demand-wall__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1rem;
}

.demand-wall__summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 4rem;
    padding: .8rem 1rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background: var(--bg-color-1);
    text-decoration: none;
}

.demand-wall__summary-item:hover,
.demand-wall__summary-item.active {
    border-color: var(--primary);
    color: var(--dark-text2);
    box-shadow: inset 0 -3px 0 var(--primary);
}

.demand-wall__summary-item span {
    color: var(--dashboard-muted);
    font-size: var(--fs-13);
    font-weight: 600;
}

.demand-wall__summary-item strong {
    font-size: var(--fs-24);
}

.demand-wall__filter-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, minmax(9rem, 1fr));
    align-items: end;
    gap: .75rem;
}

.demand-wall__filter-grid label {
    min-width: 0;
}

.demand-wall__filter-grid label > span {
    display: block;
    margin-bottom: .3rem;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
}

.demand-wall__filter-submit {
    min-height: 2.6rem;
}

.demand-wall__result-meta {
    margin: .25rem 0 .75rem;
    color: var(--dashboard-muted);
    font-size: var(--fs-13);
}

.demand-wall__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.demand-wall-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid var(--dashboard-border);
    border-top: 4px solid var(--primary);
    border-radius: 8px;
    background: var(--bg-color-1);
}

.demand-wall-card--accepted {
    border-top-color: var(--primary2);
}

.demand-wall-card--declined {
    border-top-color: var(--medium-grey);
    opacity: .85;
}

.demand-wall-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.demand-wall-card__reference {
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    letter-spacing: .02em;
}

.demand-wall-card__top h2 {
    margin: .2rem 0 .7rem;
    font-size: var(--fs-20);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.demand-wall-card__status {
    flex: 0 0 auto;
    padding: .3rem .55rem;
    border-radius: 999px;
    color: var(--primary);
    background: rgba(227, 30, 36, .08);
    font-size: var(--fs-11);
    font-weight: 700;
    text-transform: uppercase;
}

.demand-wall-card--accepted .demand-wall-card__status {
    color: var(--primary2);
    background: var(--green-ok);
}

.demand-wall-card--declined .demand-wall-card__status {
    color: var(--medium-grey-text);
    background: var(--grey-bg-light);
}

.demand-wall-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .85rem;
}

.demand-wall-card__tags span {
    padding: .3rem .55rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 6px;
    background: var(--grey-bg-light);
    font-size: var(--fs-12);
}

.demand-wall-card__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0 0 .85rem;
}

.demand-wall-card__details div {
    min-width: 0;
}

.demand-wall-card__details dt,
.demand-wall-card__requirements strong {
    color: var(--dashboard-muted);
    font-size: var(--fs-11);
    font-weight: 700;
    text-transform: uppercase;
}

.demand-wall-card__details dd {
    margin: .15rem 0 0;
    overflow-wrap: anywhere;
}

.demand-wall-card__requirements {
    margin-bottom: .85rem;
    padding: .75rem;
    border-radius: 8px;
    background: var(--grey-bg-light);
}

.demand-wall-card__requirements p {
    margin: .25rem 0 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.demand-wall-card__contact {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-top: auto;
    padding: .75rem;
    border: 1px solid var(--green-ok2);
    border-radius: 8px;
    color: var(--primary2);
    background: var(--green-ok);
}

.demand-wall-card__contact div span,
.demand-wall-card__contact div a {
    display: block;
}

.demand-wall-card__contact div a {
    color: inherit;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.demand-wall-card__contact--locked {
    border-color: var(--dashboard-border);
    color: var(--dashboard-muted);
    background: var(--grey-bg-light);
    font-size: var(--fs-13);
}

.demand-wall-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
    margin-top: .75rem;
}

.demand-wall-card__actions form,
.demand-wall-card__actions button {
    width: 100%;
}

.demand-wall__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

.demand-wall__empty {
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .demand-wall__filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .demand-wall-dashboard-entry {
        grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    .demand-wall-dashboard-entry > .btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .demand-wall__header {
        align-items: stretch;
    }

    .demand-wall__privacy {
        max-width: none;
    }

    .demand-wall-v2__company-context {
        align-items: stretch;
        flex-direction: column;
    }

    .demand-wall-v2__company-context form {
        min-width: 0;
        width: 100%;
    }

    .demand-wall__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .demand-wall__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 479.98px) {
    .demand-wall__filter-grid,
    .demand-wall-card__details,
    .demand-wall-card__actions {
        grid-template-columns: 1fr;
    }

    .demand-wall__summary {
        gap: .45rem;
    }

    .demand-wall-v2__tabs {
        grid-template-columns: 1fr;
    }

    .demand-wall__summary-item {
        min-height: 3.5rem;
        padding: .65rem .75rem;
    }

    .demand-wall-card__top {
        display: block;
    }

    .demand-wall-card__status {
        display: inline-flex;
        margin-bottom: .75rem;
    }
}

.dashboard-header,
.dashboard-section,
.dashboard-panel {
    background-color: var(--bg-color-1);
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
}

.dashboard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.dashboard-eyebrow {
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dashboard-title {
    font-size: var(--fs-30);
    font-weight: 700;
    margin: .2rem 0 .75rem;
}

.dashboard-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.dashboard-badge {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2rem;
    padding: .35rem .7rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background-color: var(--grey-bg-light);
    font-size: var(--fs-13);
    line-height: 1.2;
}

.dashboard-badge-business {
    border-color: var(--green-ok2);
    color: var(--primary2);
    background-color: var(--green-ok);
}

.dashboard-badge-muted {
    color: var(--medium-grey);
}

.dashboard-points {
    min-width: 190px;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    text-align: right;
    background-color: var(--grey-bg-light);
}

.dashboard-points span,
.dashboard-kpi-label {
    display: block;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-points strong {
    display: block;
    margin: .15rem 0 .7rem;
    font-size: var(--fs-26);
    line-height: 1.1;
}

.dashboard-range-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-range-label {
    color: var(--dashboard-muted);
    font-weight: 600;
}

.dashboard-range-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.dashboard-range-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: .45rem .85rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background-color: var(--bg-color-1);
    font-weight: 600;
    text-decoration: none;
}

.dashboard-range-btn:hover,
.dashboard-range-btn.active {
    border-color: var(--primary);
    color: var(--white);
    background-color: var(--primary);
}

.dashboard-section,
.dashboard-panel {
    padding: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%;
    min-width: 0;
}

.dashboard-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-section-header h2 {
    margin: 0;
    font-size: var(--fs-20);
    font-weight: 700;
}

.dashboard-alert-list,
.dashboard-message-list {
    display: grid;
    gap: .65rem;
}

.dashboard-alert {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--dashboard-border);
    border-left-width: 4px;
    border-radius: 8px;
    background-color: var(--grey-bg-light);
}

.dashboard-alert-high {
    border-left-color: var(--dark-red);
}

.dashboard-alert-medium {
    border-left-color: var(--yellow);
}

.dashboard-alert-low {
    border-left-color: var(--primary);
}

.dashboard-alert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    color: var(--white);
    background-color: var(--medium-grey);
}

.dashboard-alert-high .dashboard-alert-icon {
    background-color: var(--dark-red);
}

.dashboard-alert-medium .dashboard-alert-icon {
    background-color: var(--yellow);
}

.dashboard-alert-low .dashboard-alert-icon {
    background-color: var(--primary);
}

.dashboard-alert-content {
    min-width: 0;
}

.dashboard-alert-content strong,
.dashboard-alert-content span {
    display: block;
}

.dashboard-alert-content span,
.dashboard-empty-state span,
.dashboard-message span,
.dashboard-company-status span {
    color: var(--dashboard-muted);
}

.dashboard-kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.dashboard-kpi {
    min-height: 10rem;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text);
    background-color: var(--bg-color-1);
    text-decoration: none;
}

.dashboard-kpi:hover {
    border-color: var(--primary);
    color: var(--dark-text);
}

.dashboard-kpi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    margin-bottom: .65rem;
    border-radius: 8px;
    color: var(--primary);
    background-color: var(--green-ok);
}

.dashboard-kpi strong {
    display: block;
    margin: .35rem 0 .4rem;
    font-size: var(--fs-26);
    line-height: 1.1;
}

.dashboard-kpi small {
    color: var(--dashboard-muted);
}

.dashboard-actions-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .65rem;
}

.dashboard-action {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 3rem;
    padding: .75rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background-color: var(--bg-color-1);
    font-weight: 600;
    text-decoration: none;
}

.dashboard-action:hover,
.dashboard-action.primary {
    border-color: var(--primary);
    color: var(--white);
    background-color: var(--primary);
}

.dashboard-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
    gap: 1rem;
    max-width: 100%;
    min-width: 0;
}

.dashboard-main-grid > * {
    min-width: 0;
}

.dashboard-main-grid-wide-left {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .45fr);
}

.dashboard-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.dashboard-status-grid a,
.dashboard-status-grid span,
.dashboard-quality div {
    display: block;
    padding: .75rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background-color: var(--grey-bg-light);
    text-decoration: none;
}

.dashboard-status-grid a:hover {
    border-color: var(--primary);
}

.dashboard-status-grid span span,
.dashboard-quality span {
    display: block;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-status-grid strong,
.dashboard-quality strong {
    display: block;
    margin-top: .25rem;
    font-size: var(--fs-22);
    line-height: 1.1;
}

.dashboard-status-grid-small {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-quality {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .65rem;
}

.dashboard-company-status {
    margin-bottom: .65rem;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-left-width: 4px;
    border-radius: 8px;
    background-color: var(--grey-bg-light);
}

.dashboard-company-status strong,
.dashboard-company-status span {
    display: block;
}

.dashboard-company-active {
    border-left-color: var(--primary);
}

.dashboard-company-hidden,
.dashboard-company-decline {
    border-left-color: var(--dark-red);
}

.dashboard-company-awaiting {
    border-left-color: var(--yellow);
}

.dashboard-table {
    margin-bottom: 0;
}

.dashboard-table th {
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    text-transform: uppercase;
}

.dashboard-empty-state {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    background-color: var(--grey-bg-light);
}

.dashboard-empty-state i {
    color: var(--primary);
    font-size: 1.35rem;
    line-height: 1.4;
}

.dashboard-empty-state strong,
.dashboard-empty-state span {
    display: block;
}

.dashboard-message {
    display: block;
    padding: .85rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dark-text2);
    background-color: var(--bg-color-1);
    text-decoration: none;
}

.dashboard-message:hover {
    border-color: var(--primary);
    color: var(--dark-text2);
}

.dashboard-message strong,
.dashboard-message span {
    display: block;
}

@media (max-width: 1199.98px) {
    .dashboard-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-actions-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .dashboard-header,
    .dashboard-range-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-points {
        width: 100%;
        text-align: left;
    }

    .dashboard-main-grid,
    .dashboard-main-grid-wide-left {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .dashboard-title {
        font-size: var(--fs-24);
    }

    .dashboard-kpi-grid,
    .dashboard-actions-grid,
    .dashboard-status-grid,
    .dashboard-status-grid-small,
    .dashboard-quality {
        grid-template-columns: 1fr;
    }

    .dashboard-alert {
        grid-template-columns: 2.25rem minmax(0, 1fr);
    }

    .dashboard-alert .btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.motendo-statistics .statistics-clear-filter {
    text-decoration: none;
}

.motendo-statistics {
    position: relative;
}

.motendo-statistics.is-loading {
    cursor: progress;
}

.motendo-statistics.is-loading .statistics-dynamic-content {
    opacity: .55;
    pointer-events: none;
}

.statistics-dynamic-content {
    transition: opacity .18s ease;
}

.statistics-selected-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid rgba(13, 110, 253, .22);
    border-left: 4px solid var(--primary);
    border-radius: var(--dashboard-radius);
    background: rgba(13, 110, 253, .06);
}

.statistics-selected-media {
    width: 96px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
}

.statistics-selected-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.statistics-selected-body {
    min-width: 0;
}

.statistics-selected-label,
.statistics-selected-status {
    display: block;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    text-transform: uppercase;
}

.statistics-selected-body strong {
    display: block;
    overflow: hidden;
    color: var(--dashboard-heading);
    font-size: var(--fs-18);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.statistics-custom-range {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: .65rem;
    margin: -0.25rem 0 1rem;
}

.statistics-custom-range label {
    display: block;
    min-width: 160px;
    margin: 0;
}

.statistics-custom-range label span {
    display: block;
    margin-bottom: .25rem;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    text-transform: uppercase;
}

.statistics-kpi-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.statistics-chart-section {
    overflow: hidden;
}

.statistics-chart-box {
    position: relative;
    min-height: 340px;
}

.statistics-chart-box canvas {
    width: 100% !important;
    height: 340px !important;
}

.statistics-items-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.statistics-panel-announcements,
.statistics-panel-companies {
    min-width: 0;
}

.statistics-item-list {
    display: grid;
    gap: .55rem;
    max-height: 540px;
    overflow-y: auto;
}

.statistics-item-list-announcements {
    max-height: 620px;
}

.statistics-item-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(250px, .9fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius);
    background: #fff;
}

.statistics-item-main {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .7rem;
}

.statistics-item-thumb {
    flex: 0 0 58px;
    width: 58px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 5px;
    background: #f3f5f8;
}

.statistics-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.statistics-item-title {
    min-width: 0;
}

.statistics-item-title strong {
    display: block;
    overflow: hidden;
    color: var(--dashboard-heading);
    font-size: var(--fs-14);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.statistics-item-status {
    display: block;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
}

.statistics-item-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(54px, 1fr));
    gap: .35rem;
    min-width: 0;
}

.statistics-item-metric {
    min-width: 0;
    padding: .4rem .35rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 6px;
    text-align: center;
}

.statistics-item-metric span {
    display: block;
    overflow: hidden;
    color: var(--dashboard-muted);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
    text-transform: uppercase;
    white-space: normal;
}

.statistics-item-metric strong {
    display: block;
    margin-top: .15rem;
    color: var(--dashboard-heading);
    font-size: var(--fs-14);
    line-height: 1.1;
}

.statistics-item-metric-rate {
    background: rgba(13, 110, 253, .07);
}

.statistics-item-metric-rate strong {
    color: var(--primary);
}

.statistics-item-action {
    min-width: 76px;
    white-space: nowrap;
}

.statistics-company-cards {
    display: grid;
    gap: .75rem;
}

.statistics-company-card {
    display: grid;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius);
    background: #fff;
}

.statistics-company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    padding: .75rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 6px;
    background: #f8fafc;
}

.statistics-company-logo img {
    max-width: 100%;
    max-height: 92px;
    object-fit: contain;
}

.statistics-company-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.statistics-company-rate {
    grid-column: 1 / -1;
    padding: .6rem;
    border-radius: 6px;
    background: rgba(13, 110, 253, .07);
}

.statistics-company-metric {
    padding: .55rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 6px;
}

.statistics-company-rate span,
.statistics-company-metric span,
.statistics-company-body span {
    display: block;
    color: var(--dashboard-muted);
    font-size: var(--fs-12);
    font-weight: 700;
    text-transform: uppercase;
}

.statistics-company-rate strong {
    display: block;
    color: var(--primary);
    font-size: var(--fs-24);
    line-height: 1.1;
}

.statistics-company-metric strong {
    display: block;
    color: var(--dashboard-heading);
    font-size: var(--fs-16);
    line-height: 1.1;
}

.statistics-company-body {
    min-width: 0;
}

.statistics-company-body strong {
    display: block;
    overflow: hidden;
    color: var(--dashboard-heading);
    font-size: var(--fs-15);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.statistics-trend {
    font-weight: 700;
}

.statistics-trend-up {
    color: var(--primary);
}

.statistics-trend-down {
    color: var(--dark-red);
}

.statistics-trend-flat {
    color: var(--dashboard-muted);
}

@media (max-width: 1199.98px) {
    .statistics-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .statistics-items-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .statistics-company-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .statistics-item-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .statistics-item-metrics {
        grid-column: 1 / -1;
        order: 3;
    }
}

@media (max-width: 991.98px) {
    .statistics-custom-range {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .statistics-kpi-grid {
        grid-template-columns: 1fr;
    }

    .statistics-custom-range {
        display: grid;
        grid-template-columns: 1fr;
    }

    .statistics-custom-range label {
        min-width: 0;
    }

    .statistics-selected-card {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .statistics-selected-card .btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .statistics-selected-media {
        width: 74px;
    }

    .statistics-selected-body strong {
        white-space: normal;
    }

    .statistics-company-cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .statistics-item-list {
        max-height: none;
        overflow: visible;
    }

    .statistics-item-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .statistics-item-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 0;
    }

    .statistics-item-metric-rate {
        grid-column: 1 / -1;
    }

    .statistics-item-action {
        width: 100%;
    }
}

.machinery-catalog-box__links li {
    margin-bottom: .5rem;
}

.machinery-catalog-box__links li:last-child {
    margin-bottom: 0;
}

.machinery-catalog-box__image {
    --bs-aspect-ratio: 100%;
}

@media (min-width: 992px) {
    .machinery-catalog-box {
        margin-top: 2.5rem !important;
    }

    .machinery-catalog-box__links {
/*        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 0.75rem 3rem;
        margin-top: 1.5rem;*/
    }

    .machinery-catalog-box__links li {
        /*margin-bottom: 0;*/
    }

    .machinery-catalog-box__links .machine-link {
        /*font-weight: 600;*/
    }

    .machinery-catalog-box__carousel {
        margin-top: 2.5rem !important;
        padding-top: 2.5rem !important;
    }

    .machinery-catalog-box__carousel .carousel-inner {
        /*border-radius: 1.25rem;*/
        overflow: hidden;
    }

    .machinery-catalog-box__carousel .carousel-item {
        padding: 0;
    }

    .machinery-catalog-box__carousel .single-announcement {
        width: 100%;
        padding: 10px;
        border: 1px solid var(--light-grey4);        
    }
    .machinery-catalog-box__carousel .single-announcement:hover {
        border: 1px solid var(--badge-red);        
    }    
    

    .machinery-catalog-box__carousel .small-announcement {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }

    .machinery-catalog-box__carousel .machinery-catalog-box__image {
        --bs-aspect-ratio: 56.25%;
    }

    .machinery-catalog-box__carousel .machinery-catalog-box__image-src,
    .machinery-catalog-box__carousel .announcement-thumb {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .machinery-catalog-box__carousel .announcement-title {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .machinery-catalog-box__carousel .prev,
    .machinery-catalog-box__carousel .next {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.25);
    }

    .machinery-catalog-box__carousel .prev:hover,
    .machinery-catalog-box__carousel .next:hover {
        color: var(--primary);
    }

    .machinery-catalog-box__search {
        margin-top: 2.5rem !important;
    }

    .machinery-catalog-box__search .btn {
/*        padding-top: 1rem;
        padding-bottom: 1rem;*/
    }
}
@media (max-width: 767.98px) {
    .machinery-catalog-mobile__similar-list {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .machinery-catalog-mobile__similar-item {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        background-color: var(--grey-bg-light);
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

    .machinery-catalog-mobile__similar-thumb {
        width: 88px;
        height: 88px;
        border-radius: 0.5rem;
        background-color: var(--white);
        border: 1px solid rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        flex-shrink: 0;
    }

    .machinery-catalog-mobile__similar-image {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .machinery-catalog-mobile__similar-content {
        flex: 1 1 auto;
        min-width: 0;
    }

    .machinery-catalog-mobile__similar-title {
        margin-bottom: 0.35rem;
        font-size: 1rem;
        font-weight: 600;
    }

    .machinery-catalog-mobile__similar-title a {
        color: inherit;
        text-decoration: none;
    }

    .machinery-catalog-mobile__similar-title a:hover,
    .machinery-catalog-mobile__similar-title a:focus {
        text-decoration: underline;
    }

    .machinery-catalog-mobile__similar-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: var(--medium-grey-text);
    }

    .machinery-catalog-mobile__similar-meta-item {
        display: inline-flex;
        gap: 0.25rem;
        align-items: baseline;
    }
}