: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;
    --grey-bg: #f3f3f3;
    --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;
    --primary-transparent: #56900f48;
    --green-ok: #19875421;
    --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;
}

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

.ratio {
    display: block;
}

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

.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-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-transparent {
    background-color: var(--primary-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;
    }

}

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: var(--primary2);
}

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

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

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

@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 {
	background: var(--bg-color-2);
}

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

@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: 18rem;
        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";
}

@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: 40vw;
    }

    .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: 30vw;
    }

}

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

.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 .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) {
    opacity: .66;
}

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

    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: 2rem;
        line-height: 1;
    }

    .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% / 7);
        min-width: calc(100% / 7);
        max-width: calc(100% / 7);
        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 {
    margin-bottom: .5rem;
    page-break-inside: avoid;
    break-inside: avoid;
}

.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 {
        width: 10vw;
        height: 10vw;
    }

}

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

}

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

}

.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,
.in-row-5 .single-col {
    --inner-padding: .5rem;
}

.grid-column-carousel__list.in-row-5 .single-announcement,
.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, /* !!!!!!!!!!!!! */
    .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 {
        --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 {
        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;
}

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

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

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

.small-announcement.small-company .announcement-thumb {
    object-fit: contain;
}

.small-announcement .announcement-title {
	font-size: 1rem;
	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 {
	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,
.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,
.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);
    font-size: 3rem;
    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; */
}

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

	.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 {
    --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: 2rem;
	font-weight: 300;
}

@media (max-width: 767.98px) {

    .newsletter-box .box-title {
        font-size: 1.5rem;
    }

}

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

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

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

@media (max-width: 991.98px) {

    .announcements-list .single-announcement .announcement-title,
    .announcements-list .single-announcement .announcement-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;
    }

}

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

@media (min-width: 768px) {
	
	.announcements-list .single-announcement .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%;
}

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

}

.announcements-list .single-announcement .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;
}

@media (min-width: 992px) {

    .announcements-list.announcements-list-tiles .single-announcement .featured {
        left: -33%;
    }

}

.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 {
	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 {
	font-size: 150%;
	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: #75BC21;
}

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

.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: 100%;
	}
	
	.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: 75%;
	}

	.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: 768px) {

    .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(--tertiary);
    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;
}

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

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

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


}



/* pm */

.navbar ul .badge,
.pm-boxes-tabs .badge,
.nav-tabs .badge {
	background: var(--badge-grey);
	color: var(--white);
	border-radius: 1rem;
    /* margin: .2rem 0 .2rem .5rem; */
    margin: 0 0 0 .5rem;
    position: relative;
    top: -.1rem;
}

.pm-boxes-tabs .badge {
    background: var(--badge-red);
}

.pm-boxes-tabs {
	border-bottom: none;
	position: relative;
	z-index: 9;
}

.pm-boxes-tabs .nav-item + .nav-item {
    margin-left: 1px;
}

.pm-boxes-tabs .nav-link {
	color: var(--darkest);
    /* border-radius: .25rem .25rem 0 0; */
	/* margin: 0; */
}

.pm-boxes-tabs .active {
	border-bottom: none;
	position: relative;
    overflow: hidden;
}

.pm-boxes-tabs .nav-link {
	background-color: var(--grey-bg);
	border: 1px solid #d5d5d5;
    border-bottom: none;
}

.pm-boxes-tabs .active::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	height: 2px;
	background: var(--primary);
	z-index: 9;
}

.pm-boxes-tabs .active::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 1px;
	bottom: -1px;
	height: 1px;
	background: #FFF;
}

/* .pm-boxes-tabs > li + li a {
	margin-left: -1px;
} */

.pm-boxes-tabs + .alert {
	margin-top: 1rem;
}

.messages-in-box-list .list-group-item {
	border-radius: 0;
	border: 1px solid #d5d5d5;
}

.messages-in-box-list .list-group-item + .list-group-item {
    border-top: none;
}

.messages-in-box-list {
	color: #6d6d6d;
	font-size: var(--fs-12);
}

.messages-in-box-list .thread-name {
	color: #2b2b2b;
	font-weight: 500;
	font-size: var(--fs-15);
}

.messages-in-box-list .last-message-short {
	color: inherit;
}

.messages-in-box-list .last-message-short .like-link {
	border-bottom: 2px solid #d4e3c3;
	display: inline-block;
	font-weight: 500;
	line-height: 1;
}

.messages-in-box-list .trash-icon {
	color: var(--medium-grey);
	font-size: var(--fs-20);
}

.messages-in-box-list .list-group-item .message-date {
	color: var(--dark-text2);
}

.messages-in-box-list .list-group-item.unread {
	background: var(--white);
}

.messages-in-box-list .list-group-item.read {
	background: var(--grey-bg);
}

@media (max-width: 767px) {

	.messages-in-box-list .last-message-short {
		margin-bottom: 1rem;
	}

}

@media (min-width: 992px) {

	.pm-boxes-tabs > li > a {
		padding: 1rem 3rem;
		font-size: var(--fs-16);
	}

	.messages-in-box-list .list-group-item {
		padding: 1rem 1rem 1rem 3rem;
	}
	
	.messages-in-box-list .list-group-item .border-left {
		border-left: 1px solid var(--light-grey);
	}
	
	.messages-in-box-list .list-group-item div:not(.border-left) + .border-left {
		padding-left: 2rem;
	}
	
	.messages-in-box-list .thread-name {
		margin-top: 1rem;
	}

	/* .pm-search {
		position: relative;
		top: 25px;
		width: 20%;
		z-index: 999;
		border: 1px solid #616161;
	}

	.pm-search input,
	.pm-search input:focus {
		border: none;
		box-shadow: none;
	}

	.pm-search .btn,
	.pm-search .btn:hover {
		padding: 8px 10px 4px;
		color: #616161;
		background: transparent;
		border: none;
	} */

}

.pm-single-messages-list .single-message {
	padding: 2rem;
	margin-top: 3rem;
}

.pm-single-messages-list .single-message:first-child {
    margin-top: 0;
}

.pm-single-messages-list .single-message + .single-message {
	margin-top: 1rem;
}

.pm-single-messages-list .single-message.message-to-me + .single-message.message-to-me {
	margin-top: .5rem;
}

.pm-single-messages-list .single-message.message-from-me + .single-message.message-from-me {
	margin-top: .15rem;
}

.pm-single-messages-list .single-message.message-to-me {
	margin-right: 3rem;
	border: 1px solid var(--primary);
}

.pm-single-messages-list .single-message.message-from-me {
	margin-left: 3rem;
	border: 1px solid var(--yellow);
}

.pm-single-messages-list .single-message .meta {
	margin-bottom: 2rem;
	font-size: var(--fs-12);
	font-weight: 500;
}

.pm-single-messages-list .single-message .attachment {
	margin-top: 1rem;
	font-weight: 600;
}

.my-list-boxes-tabs {
    font-weight: 600;
}

.my-list-boxes-tabs small {
    font-weight: 500;
}

.nav-item .dropdown-toggle.triangle-no-float::after {
    float: none;
}

.my-list-boxes-tabs .nav-item .dropdown-toggle::after {
    font-size: .66em;
    line-height: 2;
    margin-left: .75rem;
}

@media (max-width: 767px) {

	.small-photo-in-thread {
		margin-bottom: 1rem;
        width: auto;
        height: auto;
	}
	
	.thread-buttons-col .btn {
		display: block;
		width: 100%;
	}
	
	.thread-buttons-col .btn + .btn {
		margin-left: 0;
		margin-top: .25rem;
	}

}

.title-in-thread {
	color: var(--dark-text);
	font-size: var(--fs-16);
}

.preview-link-in-thread {
	font-size: var(--fs-13);
}

.preview-link-in-thread .glyphicon {
	color: #848484;
}

.send-message-area {
	background: var(--light-grey2);
	padding: 25px 40px 40px;
	margin: 80px 0 90px;
}

.send-message-area .announcement-contact-form {
	background: var(--light-grey2);
	border: none;
	margin: 0;
	padding: 0;
}

.send-message-area .announcement-contact-form textarea {
	height: 125px;
}

.announcement-security-rules ul {
	padding-bottom: 0;
	border-bottom: 0;
}

@media (min-width: 768px) {

	.send-message-area .announcement-security-rules {
		margin-top: 0;
	}
	
}

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

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

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

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

}

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