body, html {
    font-family: 'Poppins', system-ui;
    color:#696969;
    background-color: #fff;
}

h1, h2, h3 {
    color: #252c41;
    font-family: 'Poppins', system-ui;
}

.fs-7 {
    font-size:13px;
}

.fs-8 {
    font-size:12px;
}

.fs-10 {
    font-size:10px;
}

.fs-14 {
    font-size:14px;
}

.fs-18 {
    font-size:18px;
}

.fw-light-bold {
    font-weight:500;
}

a {
    text-decoration:underline;
    transition: 0.15s;
}

a:hover {
    transition: 0.15s;
}

a.gold-link {
    color: #485273;
}

a.gold-link:hover {
    color: #d1bb55;
}

.black {
    color:#252c41;
}

.yellow {
    color:#d1bb55;
}

.bg-gray {
    background-color:#f1f1f1;
}

.advert-shadow {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.70) 100%) repeat scroll 0 0;
}

.advert-header {
    color:#fff;
    background-image:url('/img/advert_header3.jpg');
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
}

.advert-header a {
    color:#fff;
    text-decoration: none;
}

.advert-header a:hover {
    color:#d1bb55;
}

.ad-main-image {
    background: rgba(0, 0, 0, 0.15) linear-gradient(to bottom, rgba(16, 14, 13, 0.0) 0%, rgba(16, 14, 13, 0.8) 100%) repeat scroll 0 0;
    padding:10px;
    width:160px;
    height:160px;
}

.social-icons a {
    background: transparent linear-gradient(to right, #ffffff 50%, #d1bb55 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 100%;
    color: #fff;
    margin: 0 5px;
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    text-align:center;
}

.social-icons a:hover {
    color: #d1bb55;
}

a.animated-btn {
    background-color: #d1bb55;
}
a:hover.animated-btn {
    background-color: #ffffff;
}

@media (min-width: 768px) {
    a.animated-btn {
        background: transparent linear-gradient(to right, #ffffff 50%, #d1bb55 50%) repeat scroll right bottom / 207% 100%;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }
    a:hover.animated-btn {
        background: transparent linear-gradient(to right, #ffffff 50%, #d1bb55 50%) repeat scroll right bottom / 207% 100%;
        background-position: left bottom;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }
}

.cursor-pointer {
    cursor:pointer;
}

.content-body {
    padding-top:106px;
    max-width:1280px;
}

.content-body a {
    color:#4a4a4a;
    text-decoration:underline;
}

.content-body a:hover {
    color: #d1bb55;
}

.content-body .no-underline a {
    text-decoration:none;
}

.advert-content-body {
    padding-top:76px;
}

.form-control {
    border-radius:3px;
}

.bg-cover {
    background-size: cover;
}

.nopadding {
    padding:0;
}

.content-header {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    position:fixed;
    width:100%;
    background-color:#fff;
    z-index:100;
}

.content-header a {
    text-decoration:none;
}

.member-header {
    color:#252c41;
}

/* Cookies bar */

.cookies-block {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Categories menu */

.cat-item {
    background: #f1f1f1;
    border: 1px solid #ededed;
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 15px;
    text-align: left;
    letter-spacing: 0.4px;
}

.cat-menu .sub-item {
    border-top: 1px solid rgba(241, 241, 241, 0.8)
}

.cat-menu .sub-item:last-child {
    border-bottom: 1px solid rgba(241, 241, 241, 0.8)
}

.cat-menu .sub-item a {
    color:#696969;
    text-decoration:none;
    font-size:13px;
    letter-spacing: 0.3px;
    font-weight:500;
    padding-left:10px;
}

.cat-menu .sub-item a:hover {
    color: #d1bb55;
    padding-left:16px;
    transition: all 0.3s ease 0s;
}

.cat-menu .sub-item a.active {
    color: #d1bb55;
}

/* Main menu */
.main-menu a {
    color:#252c41;
    font-weight: 500;
}

.main-menu a:hover, .main-menu a.active {
    color:#d1bb55;
}

.navbar-toggler {
    padding:3px 8px;
    border:none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* Footer */
.footer {
    background-color:#f3f3f3;
    color:#252c41;
}

/* Listing */
.listing-logo:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 53px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==");
    top: 0;
    left: 38px;
    transform: translate(-50%,0);
    z-index: 2;
}

.listing-header {
    background-color:#f4f4f4;
}

.listing-header:hover > a:before {
    opacity: .3;
    transition: 0.3s;
}

.listing-header .listing-image img {
    transition: 0.4s;
    max-height:100%;
    max-width:100%;
}

.listing-header .listing-image:hover img {
    transform: scale(1.15);
    transition: 0.4s;
}

.listing-body a {
    text-decoration:none;
    color:#252c41;
}

.cat-top {
    height:58px;
    overflow:hidden;
}

.cat-toggle {
    transform: rotate(180deg);
    transition: 0.2s;
}

.rotate {
    transform: rotate(0deg);
    transition: 0.2s;
}

.show-full {
    overflow: auto;
    height:auto;
}

article .ad-location {
    background-color: #f4f4f4;
    color: #7d7d7d;
    font-size:13px;
}

article {
    border: 1px solid #efeeee;
    transition: all 0.2s ease 0s;
}

article:hover {
    border: 1px solid #ffce10;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.views-count {
    color:#fff;
    border:1px solid #fff;
    border-radius: 3px;
}

.icon-img {
    width:16px;
    height:16px;
    display:block;
}

.icon-img-sm {
    width:12px;
    height:12px;
}

.listing-body h2 {
    line-height:1.2rem;
}

.listing-body-big h2 {
    line-height:1.5rem;
}

@media (min-width: 576px) {
    .listing-header {
        width: 250px;
        height:200px;
    }

    .listing-header .listing-image {
        height:200px;
    }
}

/* Buttons */
.btn-grey, a.btn-grey {
    border-radius:3px;
    border:1px solid #252c41;
    padding:6px 12px;
    display:block;
    font-size:14px;
    color: #252c41;
    text-decoration:none;
}

.btn-grey:hover, a.btn-grey:hover, .btn-grey.active, a.btn-grey.active {
    background-color:#d1bb55;
    color:#fff;
    border:1px solid #d1bb55;
}

.btn-grey:hover img, a.btn-grey:hover img, .btn-grey.active img, a.btn-grey.active img {
    filter: invert(100%);
    transition: filter 0.2s ease;
}

.btn-with-bg, .btn-with-bg:hover, a.btn-with-bg, a.btn-with-bg:hover {
    padding:6px 12px;
    background-color: #d1bb55;
    color: #fff;
    border:1px solid #d1bb55;
    border-radius:3px;
    font-size:14px;
    text-decoration:none;
}

/* Pager */
.page-item a.page-link {
    padding-left:0;
    padding-right:0;
    width:36px;
    text-align:center;
    font-size:14px;
    font-weight:500;
}

a.page-link, a.page-link:hover {
    color:#d1bb55;
    text-decoration:none;
}

.page-item.active a {
    background-color:#d1bb55;
    color:#fff;
    border-color: #d1bb55;
}

/* Form controls */
.form-control {
    background-color:#f7f7f7;
}

.form-control:focus, .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #d1bb55 !important;
    box-shadow: 0 0 0 .2rem rgb(209, 187, 85, 0.5) !important;
    background-color: #f7f7f7;
}

.form-control.is-invalid {
    background-image:none;
}

.tox-tinymce.is-invalid, .select2-selection.is-invalid {
    border-color: #dc3545 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color:inherit;
}

.sel-lev1 {
    font-weight:bold;
}

.sel-lev2 {
    font-weight:bold;
    padding-left:20px;
}

.sel-lev3 {
    padding-left:40px;
}

.select2-container--bootstrap-5 .select2-selection {
    background-color: #f7f7f7 !important;
}

/* Dropzone */
.dropzone {
    border: 1px solid #dee2e6 !important;
    border-radius: 3px;
    background-color: #f7f7f7 !important;
    color: #70778b;
    font-size: 14px;
    padding: 10px !important;
    text-align: left;
}

.dropzone .dz-default.dz-message {
    font-size:15px;
    display:block;
    border-radius: 4px !important;
    margin:16px !important;
    padding:10px 15px;
}

.dropzone .dz-default.dz-message.dz-multiple {
    display:inline-block !important;
    width:120px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 4px !important;
    width: 125px !important;
    height:100px !important;
}

.dropzone .dz-preview.dz-image-preview {
    background-color: transparent !important;
    margin:13px !important;
}

.dropzone .dz-preview:hover .dz-image img {
    filter: none !important;
    transform: none !important;
    transition: 0s !important;
    cursor:pointer !important;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    display:none;
}

/* Gallery */

.gallery-container .hover-overlay, .video-container .hover-overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.70) 100%) repeat scroll 0 0;
    left:0;
    right:0;
    bottom:0;
    top:0;
    position:absolute;
    width:100%;
    opacity: 0;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

.gallery-container a:hover .hover-overlay, .video-container a:hover .hover-overlay {
    opacity:1;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}