@font-face{
    font-family: "AcuminPro-ExtraLight";
    src: url("/fonts/AcuminPro-ExtraLight.eot");
    src: url("/fonts/AcuminPro-ExtraLight.eot?#iefix")format("embedded-opentype"),
    url("/fonts/AcuminPro-ExtraLight.woff")format("woff"),
    url("/fonts/AcuminPro-ExtraLight.woff2")format("woff2"),
    url("/fonts/AcuminPro-ExtraLight.ttf")format("truetype"),
    url("/fonts/AcuminPro-ExtraLight.svg#AcuminPro-ExtraLight")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
/*@font-face{
    font-family: "Tranquil Euphoric Serif";
    src: url("/fonts/TranquilEuphoricSerif.eot");
    src: url("/fonts/TranquilEuphoricSerif.eot?#iefix")format("embedded-opentype"),
    url("/fonts/TranquilEuphoricSerif.woff")format("woff"),
    url("/fonts/TranquilEuphoricSerif.woff2")format("woff2"),
    url("/fonts/TranquilEuphoricSerif.ttf")format("truetype"),
    url("/fonts/TranquilEuphoricSerif.svg#TranquilEuphoricSerif")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}*/
@font-face{
    font-family: "Palatino-Roman"; /* font-family: "Palatino-Roman", serif; */
    src: url("/fonts/Palatino-Roman.eot");
    src: url("/fonts/Palatino-Roman.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Palatino-Roman.woff")format("woff"),
    url("/fonts/Palatino-Roman.woff2")format("woff2"),
    url("/fonts/Palatino-Roman.ttf")format("truetype"),
    url("/fonts/Palatino-Roman.svg#Palatino-Roman")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "Garamond Pro";
    src: url("/fonts/AGaramondPro-Regular.eot");
    src: url("/fonts/AGaramondPro-Regular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/AGaramondPro-Regular.woff")format("woff"),
    url("/fonts/AGaramondPro-Regular.woff2")format("woff2"),
    url("/fonts/AGaramondPro-Regular.ttf")format("truetype"),
    url("/fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

:root {
    --profile-picture-right: 35px;
    --profile-picture-width: max(100px, 23%);
}
html, body {
    font-family: "AcuminPro-ExtraLight", sans-serif;
    font-size: 15pt;
    margin: 0;
    background-color: #232323;
    color: white;
}
body {
    counter-reset: timeline;
}
input, button, textarea, select {
    font-family: "AcuminPro-ExtraLight", sans-serif;
    font-size: 0.85rem;
    border: 0;
    outline: none;
}
::placeholder {
    font-family: "AcuminPro-ExtraLight", sans-serif;
    font-size: max(0.85rem, 15px);
    color: white;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    font-family: "AcuminPro-ExtraLight", sans-serif;
    font-size: max(0.85rem, 15px);
    color: white;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #232323 inset !important;
    -webkit-text-fill-color: white;
}
.main {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.left-ads, .right-ads {
    padding: 110px 25px 25px 25px;
    flex: 0 0 auto;
    width: 160px;
}
.content {
    flex: 1;
    position: relative;
    width: calc(100% - 420px);
    overflow: hidden;
}
.home-page .content {
    overflow: visible;
}
/* Custom checkbox */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Checkmark */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid white;
}

.checkbox-div {
    min-height: 25px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #5a5a5a;
}

/* When the checkbox is checked, add a blue background */
/*.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark::after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark::after {
    left: 32%;
    top: 4%;
    width: 20%;
    height: 56%;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.text-left {
    text-align: left;
}

.internal-page-content {
    position: relative;
    width: min(1300px, 100%);
    margin: auto;
    box-sizing: border-box;
}
.topnav {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    padding-top: 24px;
    padding-bottom: 40px;
}
.topnav .logo {

}
.topnav .user-menu {
    float: left;
}

.topnav a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    color: #ba8841;
}

.topnav .mobile-menu {
    display: none;
}
.main-menu {
    padding-top: 14px;
    padding-left: 3%;
    padding-right: 3%;
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
}
.menu-items {
    width: 100%;
    max-width: 800px;
    display: flex;
}
.main-menu a {
    text-transform: uppercase;
    padding: 0 5px;
    flex: auto;
    font-size: 1rem;
}
.user-menu {
    padding-top: 8px;
}
.user-menu a:not(:last-child) {
    padding-right: 30px;
}
.search-bar {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}
.search-bar input {
    height: 52px;
    flex: 1;
    background: transparent;
    color: white;
}
.search-bar .custom-select {
    width: 100%;
    background: #232323;
}
.search-form .search-bar .custom-select {
    background: #393939;
}
.search-bar .custom-select button.custom-select__option--value {
    padding: 14px 10px;
    padding-left: 52px;
    font-size: 0.85rem;
}
.search-bar .custom-select__dropdown button {
    padding-left: 52px;
}
.search-bar .custom-select__option--value::before {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background: url(/images/icons.png);
    background-position: -104px -1.5px;
    background-size: 320px;
    background-repeat: no-repeat;
}
.search-bar .custom-select__option--value::after {
    width: 30px;
    height: 30px;
    background-position: -289.5px -1.0px;
    background-size: 320px;
}
.search-for,
.search-location,
.search-adv {
    flex: auto;
    height: 54px;
    display: flex;
}

.search-adv {
    width: auto;
    flex-grow: 0;
    line-height: 2.8;
}
.search-adv a {
    color:  white;
    text-decoration: none;
}
.search-for {
    border: 1px solid white;
    border-radius: 10px;
}
i.icon-search, i.icon-location {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url(/images/search.png) center no-repeat;
    background-size: 30px;
}
.search-location .icon-location {
    display: none;
}
i.icon-location {
    background: url("/images/location.png") center no-repeat;
    background-size: 25px;
}
i.icon-arrow-right,
i.icon-arrow-left,
i.icon-arrow-down {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 11px;
    border-radius: 20px;
    vertical-align: middle;
}
i.icon-arrow-right::after,
i.icon-arrow-left::after,
i.icon-arrow-down::after {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/images/icons.png);
    background-position: -289.5px -1.0px;
    background-size: 320px;
    background-repeat: no-repeat;
    cursor: pointer;
}
i.icon-arrow-left::after {
    transform: rotate(180deg);
}
i.icon-arrow-down::after {
    transform: rotate(90deg);
}
.special-offer {
    height: 60px;
    box-sizing: border-box;
    background: #ba8841;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

/* Carousel */
.mySlides {
    display: none;
    text-decoration: none;
    border: none;
}
img, div.img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
    position: relative;
    margin: auto;
    height: 700px;
    overflow: hidden;
}
.slideshow-container .img.shadow img {
    aspect-ratio: auto;
    height: 700px;
}
.slideshow-container i.icon-arrow-left,
.slideshow-container i.icon-arrow-right {
    background: #ba8841;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}*/

/* Caption text */
.text {
    color: #f2f2f2;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
    background-color: #ba8841;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

h1 {
    font-family: "Garamond Pro", serif;
    color: #ba8841;
    text-align: center;
    font-weight: normal;
    font-size: 2.9rem;
}

h2 {
    margin-top: 40px;
    text-align: center;
    font-weight: normal;
    font-size: 1.85rem;
}
.promo {
    margin-top: 80px;
    margin-bottom: 80px;
}
.promo p {
    text-align: center;
    font-size: 1.25rem;
}
.bottom-nav {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.bottom-nav a {
    color: white;
    background-color: #ba8841;
    font-size: 1.7rem;
    text-decoration: none;
    border: none;
    padding: 15px 30px 10px 30px;
    margin-bottom: 50px;
    box-shadow: 2px 2px 0 #ffffff;
}
.bottom-nav-header {
    max-width: 880px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.paging {
    margin-top: 50px;
}
.paging a {
    color: white;
    background-color: #ba8841;
    font-size: 1.2rem;
    text-decoration: none;
    border: none;
    padding: 15px 30px 10px 30px;
    margin-bottom: 50px;
}
.paging a.prev-page {
    float: left;
}
.paging a.next-page {
    float: right;
}
.info {
    display: flex;
    max-width: 90vw;
}
.info .name, .info .loc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery-slider-container.highlighted {
    background: #393939;
    border: 10px solid #393939;
    box-sizing: content-box;
    margin-left: -10px;
}
.shadow {
    display: inline-block;
    text-align: center;
    border: 0;
    text-decoration: none;
}
.item-slider-container .shadow {
    display: block;
    width: 100%;
}
.shadow+.info {
    margin-top: 3px;
}
.highlighted a.shadow {
    position: relative;
}
.highlighted a.shadow:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 4px solid white;
    box-sizing: border-box;
}
.price, .age {
    text-align: right;
    flex: 1;
    min-width: 80px;
}
.price {
    color: #ba8841;
}
.gallery-slider-container .glide.gallery-slider {
    /*width: 1485px;*/
    width: 2240px;
}
.gallery-slider-container, .item-slider-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}
.gallery-slider-container {
    margin-bottom: 40px;
    overflow: hidden;
}
.glide {
    padding-bottom: 30px;
}
.glide__slide {
    position: relative;
}
.gallery-slider-container .glide__slide img,
.search-result-slides .glide__slide img {
    width: var(--swpx, 350px);
    height: var(--shpx, 466px);
    object-fit: contain;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.item-slider-container .glide__slide img {
    width: min(1300px, 100%);
    height: auto;
    aspect-ratio: 1300 / 700;
    object-fit: contain;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.search-result-slides {
    flex-wrap: wrap;
    gap: 28px;
    margin-bottom: 100px;
}
.search-result-slides li {
    width: var(--swpx, 350px);
    height: auto;
    aspect-ratio: 350 / 466;
    margin: auto;
}
button.glide__arrow {
    top: 47% !important;
    border: 0;
    background: none;
    box-shadow: none;
}
button.glide__arrow i {
    background-color: #ba8841 !important;
}
.glide__bullets {
    bottom: 0;
}
.gallery-slider-container .glide__bullets {
    left: calc(50vw - 210px);
}
.glide__bullet {
    width: 15px;
    height: 15px;
    margin: 0 0.35em;
    background-color: white;
}
.glide__bullet--active {
    background-color: #ba8841;
}
.badges {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}
.left-badge {
    display: inline-block;
    float: left;
    background-color: #ba8841;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-right: 10px;
    padding: 5px 10px 0 10px;
}
.right-badge {
    display: inline-block;
    float: right;
    margin-left: 5px;
}
.badges.bottom-badge {
    top: auto;
    bottom: 0;
}
.badge-heart {
    height: 32px;
    width: 32px;
    background: url(/images/heart.png) -6px -8px / 44px no-repeat;
}
.badge-solid-heart {
    height: 32px;
    width: 32px;
    background: url(/images/solid_heart.png) -6px -8px / 44px no-repeat;
}
.badge-x {
    height: 32px;
    width: 32px;
    background: url(/images/x_logo.svg) 0px 2px / 26px no-repeat;
}
.badge-bluesky {
    height: 32px;
    width: 32px;
    background: url(/images/bluesky_logo.svg) 0 2px / 28px no-repeat;
}
.badge-comment {
    height: 32px;
    width: 32px;
    background: url(/images/comment.png) 0px 0px / 32px no-repeat;
}
.badge-tick {
    height: 32px;
    width: 32px;
    background: url(/images/tick.png) 0px 0px / 28px no-repeat;
}
.footer {
    position: relative;
    width: 100%;
    margin-top: 80px;
}
.footer-links {
    position: relative;
    width: calc(100% - 420px);
    display: flex;
    flex-direction: row;
    margin: auto;
    padding-left: 80px;
}
.footer-links .col {
    flex: auto;
    text-align: left;
}
.footer-links h4 {
    font-weight: normal;
    font-size: 1.45rem;
    margin-bottom: 20px;
}
.footer-links a {
    display: block;
    font-size: 1rem;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
}
.copyright {
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 0.8rem;
}
.skyscraper-banner {
    box-sizing: border-box;
    border: 1px solid white;
    width: 160px;
    height: 600px;
    text-align: center;
    padding-top: 280px;
    margin-bottom: 25px;
}
.square-banner {
    box-sizing: border-box;
    border: 1px solid white;
    width: 160px;
    height: 160px;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 25px;
}
i.burger {
    display: none;
    width: 25px;
    height: 25px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    box-sizing: border-box;
    position: relative;
    margin-top: 5px;
}
i.burger::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: white;
    top: calc(50% - 1px);
    left: 0;
}
.profile-picture {
    position: absolute;
    right: var(--profile-picture-right);
    bottom: 20px;
    width: var(--profile-picture-width);
    aspect-ratio: 1;
    border-radius: 100%;
    background: #393939 url(/images/camera.png) center / 25% no-repeat;
    transform: translateY(60%);
    box-shadow: 0px 0px 3px #777777;
}
.profile-picture .new-listing-cover {
    border-radius: 100%;
}
.home-page h1 div {
    font-size: 2.2rem;
    max-width: 670px;
    margin: auto;
}
.home-page h2 {
    margin-bottom: 10px;
}
.internal-page-content h1 {
    text-align: left;
    font-family: "Garamond Pro", serif;
}
.internal-page-content h1+.subheader{
    text-align: left;
}
.text-left {
    text-align: left !important;
}
.register-page .internal-page-content h1 {
    margin-bottom: 15px;
}
h1.profile-title {
    position: relative;
    display: inline-block;
}
.profile-title.verified::after {
    content: '';
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 12px;
    right: -71px;
    background: url(/images/verified.png) center no-repeat;
    background-size: contain;
}
.profile-picture.verified::after {
    content: '';
    width: 30%;
    height: 30%;
    display: block;
    position: absolute;
    bottom: 0;
    right: -9%;
    background: url(/images/verified.png) center no-repeat;
    background-size: contain;
}
.item-description {
    position: relative;
    white-space: pre-wrap;
    margin: 20px 0;
    min-height: 140px;
}
.item-description:after {
    content: '';
    display: block;
    clear: both;
}
.contact-btn {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 25px;
}
.contact-btn a, .btn-primary, .btn-secondary {
    color: white;
    background-color: #ba8841;
    font-size: 1.4rem;
    text-decoration: none;
    border: none;
    padding: 15px 15px 8px 15px;
    margin-right: 40px;
    cursor: pointer;
    box-shadow: 2px 2px 0 #ffffff;
}
.btn-secondary {
    background-color: #aaa;
}
.item-info {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 100px;
}
.info-left, .info-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.info-right {
    flex: auto;
}
.profile h3, .services h3,
.info-left h3, .info-right h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.7rem;
}
.profile ul, .services ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.profile ul li, .services ul li {
    text-transform: uppercase;
}
.profile ul li:not(.incall-outcall-working), .services ul li:not(.incall-outcall-working) {
    margin-top: 20px;
}
.profile ul b, .services ul b {
    color: #ba8841;
    text-transform: none;
    font-family: "Garamond Pro", serif;
    font-weight: normal;
    word-wrap: break-word;
}
.profile, .services, .info-right>*, .search-form, .auth-form {
    box-sizing: border-box;
    background: #393939;
    border-radius: 10px;
    padding: 20px;
}
.info-left .profile, .info-left .services {
    width: 414px;
}
.info-right>* {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.post-header {
    margin-bottom: 20px;
}
.post-header img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 20px;
}
.post-header div {
    vertical-align: middle;
    display: inline-block;
}
.post-header div span {
    text-transform: uppercase;
}
.post-header b {
    display: inline-block;
    font-family: "Garamond Pro", serif;
    font-weight: normal;
    color: #ba8841;
}
.post-media img {
    width: 100%;
}
.post-badges>* {
    display: inline-block;
    vertical-align: middle;
}
.post-new-comment {
    position: relative;
    width: 100%;
    height: 85px;
    border: 1px solid white;
    border-radius: 10px;
    box-sizing: border-box;
}

.post-new-comment textarea {
    border: none;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent;
    color: white;
}
.post-badges {
    font-size: 1.8rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
.post-badges span:first-child {
    margin-right: 14px;
}
.post .badge-heart,
.post .badge-x,
.post .badge-bluesky {
    cursor: pointer;
}
.post-title {
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.post-content {
    white-space: pre;
    margin-bottom: 20px;
}
.post-comments {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.post-comments:hover {
    background: #4a4a4a;
}
.post-comments b {
    display: inline-block;
    width: 100px;
    font-family: "Garamond Pro", serif;
    font-weight: normal;
    color: #ba8841;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
}
.post-comments i {
    display: inline-block;
    width: 30px;
    overflow: hidden;
    vertical-align: text-bottom;
    cursor: pointer;
}
.post-load-more-comments {
    display: inline-block;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-size: 0.8rem;
}
body.search-page h1, body.search-page h2 {
    margin-bottom: 0;
}
.search-form {

}
.adv-search {
    padding: 0;
    border: none;
    padding-top: 25px;
}
.adv-search-lists {
    background: inherit;
    margin-top: 40px;
}
.adv-search-options {
    margin-top: 40px;
}
/* 3-column layout */
.adv-search-lists>div, .adv-search-options>div {
    display: inline-block;
    width: 33.3%;
    position: relative;
    box-sizing: border-box;
    background-color: inherit;
    text-overflow: ellipsis;
}
.adv-search-options div.checkbox-div {
    overflow: hidden;
    vertical-align: middle;
}
.adv-search-lists>div:nth-child(3n), .adv-search-options>div:nth-child(3n) {
    text-align: right;
}
.adv-search-lists>div:nth-child(3n + 2), .adv-search-options>div:nth-child(3n + 2) {
    text-align: center;
}
.adv-search-lists .custom-select,
.adv-search-options .checkbox-container {
    width: 67%;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap;
}
.adv-search-lists>div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
.adv-search-options>div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    margin-top: 20px;
}
.search-options {
    display: flex;
    flex-direction: row;
}

ul.categories-list {
    list-style: none;
    margin: 0;
    margin-top: -15px;
    padding: 0;
    display: flex;
    column-gap: 40px;
    flex-wrap: wrap;
}
ul.categories-list li {
    margin-bottom: 12px;
}
ul.categories-list a {
    text-decoration: none;
    display: inline-block;
    font-family: "Garamond Pro", serif;
    font-size: 1.2rem;
    color: #ba8841;
}
ul.categories-list span {
    display: inline-block;
    font-family: "Garamond Pro", serif;
    font-size: 1.2rem;
    color: white;
}
.custom-select__dropdown {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 350px;
}
.adv-search-btn {
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: 1.2rem;
    color: white;
    cursor: pointer;
    margin-top: 10px;
}
.adv-search-btn i {
    vertical-align: middle;
    margin-left: -7px;
    margin-bottom: 0px;
    margin-top: -4px;
    transition: all 0.3s;
}
.adv-search-btn:not(.active)~.adv-search {
    display: none;
}
.adv-search-btn.active i {
    transform: rotate(-90deg);
}
.contact-btn.search-btn {
    margin: 40px 0 10px 0;
    text-align: left;
}
.search-btn .icon-search {
    vertical-align: middle;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -8px;
}
.faq-page h1 {
    margin: 60px 0 20px 0;
}
.faq-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.faq-cats a {
    box-sizing: border-box;
    border: 1px solid white;
    border-radius: 10px;
    padding: 70px;
    width: calc(50% - 15px);
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.8rem;
}
.faq-cats a.active {
    background: #393939;
}
.faq-items {
    margin-bottom: 100px;
}
.faq-items button {
    position: relative;
    margin-top: 30px;
    box-sizing: border-box;
    border: 1px solid white;
    border-radius: 10px;
    padding: 25px;
    padding-right: 60px;
    width: 100%;
    color: white;
    text-align: left;
    text-transform: uppercase;
    font-family: "AcuminPro-ExtraLight", sans-serif;
    font-size: 1.25rem;
    background: transparent;
    cursor: pointer;
}
.faq-items button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(/images/icons.png);
    background-position: -289.5px -1.0px;
    background-size: 320px;
    background-repeat: no-repeat;
    transform: rotate(90deg) translateX(-50%);
}
.faq-items button.active:after {
    transform: rotate(-90deg) translateX(50%);
}
.faq-items button+div {
    position: relative;
    display: none;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px 25px;
    width: 100%;
    color: white;
    text-align: left;
    background: #393939;
}
.faq-items button.active+div {
    display: block;
}
.faq-items p:first-child {
    margin-top: 0;
}
.faq-items p:last-child {
    margin-bottom: 0;
}
.faq-spacer {
    display: inline-block;
    width: 260px;
    height: 1em;
}
.faq-rating {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.icon-hand-up, .icon-hand-down, .icon-hand-up-selected, .icon-hand-down-selected {
    display: inline-block;
    vertical-align: sub;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(/images/hands.png?v=2);
    background-position: 7px 5px;
    background-size: 55px;
    background-repeat: no-repeat;
    margin-left: 10px;
}
.icon-hand-down {
    background-position: -28px 5px;
}
.icon-hand-up-selected {
    background-position: 7px -30px;
}
.icon-hand-down-selected {
    background-position: -28px -30px;
}
.center, .internal-page-content h1.center {
    text-align: center;
}
.clubs-page .internal-page-content {
    width: 100%;
}
.hidden {
    visibility: hidden;
}
/* register form */
.login-page h1 {
    margin-bottom: 10px;
}
.auth-form {
    max-width: 640px;
    margin: auto;
}
.auth-form .checkbox-container {
    font-size: 1rem;
    line-height: 1.5;
    flex: auto;
}
.auth-form .checkbox-container:nth-child(3) {
    width: 7%;
}
.auth-form button.custom-select__option {
    font-size: 0.85rem;
    line-height: 1.8;
}
input[type=date]::-webkit-calendar-picker-indicator {
    visibility: hidden;
}
.form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    background-color: inherit;
}
.form-group label[for] {
    width: 33%;
    align-content: center;
    color: white;
}
.profile-form:not(.register-form) .form-group label[for] {
    max-width: 225px;
}
.profile-form .custom-select,
.profile-form input[type=text]:not([name^=meta_price]),
.profile-form input[type=url]:not([name^=meta_price]),
.profile-form input[type=email]:not([name^=meta_price]),
.profile-form textarea {
    min-width: 300px;
    box-sizing: border-box;
}
.register-form .time-select .custom-select {
    min-width: 150px;
}
.login-remember {
    width: 31%;
    margin-left: 33%;
    display: inline-block;
}
.forgot-pass {
    width: 35%;
    display: inline-block;
    text-align: right;
}
.forgot-pass a {
    color: #ba8841;
    text-decoration: none;
}
.subheader a {
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}
.subheader {
    text-align: center;
    margin-bottom: 15px;
    font-size: max(1rem, 15px);
}
.auth-form input, .auth-form textarea,
label.file-field,
.profile-form input, .profile-form textarea,
.post-form input, .post-form textarea {
    padding: 10px 10px 6px 10px;
    flex: auto;
    background: transparent;
    color: white;
    font-size: max(0.85rem, 16px);
    line-height: 1.5;
    border: 1px solid white;
    border-radius: 10px;
    box-sizing: border-box;
}
.auth-form .custom-select {
    flex: auto;
}
.auth-form .custom-select__option, .profile-form .custom-select__option {
    font-size: 0.85rem;
    padding-top: 10px;
}
.btn-primary {
    margin-left: 33%;
    min-width: 200px;
}
.profile-form .btn-primary {
    margin-left: 200px;
}
.register-form {
    margin-top: 50px;
    max-width: 1170px;
}
.register-form .form-group {
    flex-direction: column;
    position: relative;
}
.register-form .form-group label[for] {
    position: absolute;
    top: -32px;
}
.register-form .custom-select .custom-select__option {
    min-height: 60px;
    padding-left: 20px;
}
.register-form .field-comment .checkbox-container {
    display: inline-block !important;
    margin-right: 30px;
}
.time-select b {
    font-weight: normal;
    display: inline-block;
    width: 144px;
}
.time-select i {
    font-style: normal;
    padding: 0 10px;
}
.field-comment {
    display: flex;
    gap: 10px;
    position: relative;
}
.field-comment>* {
    flex: 1;
    align-self: flex-start;
}
.field-comment>*:first-child {
    flex-grow: 1.4;
    flex-basis: 0;
    margin-bottom: 40px;
    min-height: 60px;
    padding-left: 20px;
}
.field-comment>*:first-child .file-field {
    padding-left: 20px;
}
.field-comment>span {
    background: #393939;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 10px;
    font-size: 15px;
}
.field-comment + div {
    margin-top: -30px;
    margin-bottom: 30px;
    font-size: calc(1em - 1pt);
}
.field-comment + div label.checkbox-container {
    font-size: inherit;
    padding-left: 1.75em;
    line-height: 1.5em;
}
.field-comment + div label.checkbox-container .checkmark  {
    height: 1.2em;
    width: 1.2em;
}
.field-comment .extra-info  {
    display: none;
    position: absolute;
    top:0;
    right:0;
    padding: 10px;
    cursor: pointer;
}
.field-comment .extra-info img {
    width: 28px;
    height: 28px;
    background: #232323;
}

.register-form .custom-select {
    background: #232323;
    padding-left: 0;
    flex-grow: 1.47;
}
.register-section-header {
    font-size: larger;
    margin-bottom: 50px;
}
label.file-field input[type=file] {
    position: absolute;
    opacity: 0.01;
    z-index: -1;
    width: 0.1px;
    height: 0.1px;
}
.form-field-checkbox1 {
    position: absolute;
    top: 105px;
    left: 0;
}
.time-select {
    margin-bottom: 20px;
}
#photoList > div, #photoList2 > div {
    position: relative;
    padding: 9px 0 7px 7px;
    border-radius: 10px;
}
#photoList > div:hover, #photoList2 > div:hover {
    background-color: #393939;
}
#secretCode {
    width: 100px;
}
.icon-refresh {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: url(/images/refresh.svg) center no-repeat;
}
.alert-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 40000;
}
.alert {
    position: relative;
    box-sizing: border-box;
    width: 70%;
    margin: auto;
    background: indianred;
    padding: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}
.alert button {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: white;
    font-size: 28px;
    line-height: 32px;
    cursor: pointer;
}
.loading {
    position: relative;
    color: transparent;
    cursor: progress;
}
.loading::after {
    content: '';
    left: calc(50% - 12px);
    position: absolute;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid transparent;
    width: 24px;
    height: 24px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.glide__track {
    position: relative;
}
.new-listing-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(/images/add_photo.svg?v=2) center no-repeat;
    background-size: 100px;
    background-color: #393939;
}
.new-listing-cover label {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.001;
    cursor: pointer;
}
.new-listing-cover-edit {
    background-image: url('/images/camera-edit.svg');
    background-position: center;
    background-size: 75%;
    top: 0;
    bottom: auto;
    width: 30%;
    height: 30%;
    right: -9%;
}
.add-post-btn {
    padding: 0;
    text-align: center;
    background: none;
}
.add-post-btn a {
    display: inline-block;
    margin: auto;
}

.vixen-dialog {
    width: 100%;
    max-width: 600px;
    background: #393939;
    /*top: 160px;*/
    padding: 30px 30px 0 30px;
    box-sizing: border-box;
    z-index: 1000;
    border: 1px solid #232323;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ffffffaa
}
dialog.vixen-dialog::backdrop {
    background: #000000aa;
}
.vixen-dialog-close-btn,
.comment-remove-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 32px;
    line-height: 1;
    display: block;
    padding: 5px 7px;
    text-decoration: none;
    color: white;
}
.comment-remove-btn {
    color: red;
    padding: 0 2px;
}
.vixen-dialog fieldset {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 30px;
}
.vixen-dialog label {
    display: block;
    float: none;
    font-size: 0.85rem;
}
.vixen-dialog input[type=text], .vixen-dialog textarea, .vixen-dialog select {
    width: 100%;
    box-sizing: border-box;
}
.vixen-dialog-buttons {
    float: right;
    font-size: 0;
}
.vixen-dialog button:not(.custom-select__option) {
    min-width: 152px;
    margin-right: 0;
    margin-left: 20px;
}
.vixen-dialog button:first-child {
    margin-left: 0;
}
.vixen-dialog h2 {
    font-family: "Garamond Pro", serif;
    font-size: 2rem;
    color: #ba8841;
    margin-top: 0;
}
#removeFile {
    width: 120px;
    height: 150px;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: right;
    padding-top: 1px;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: 32px;
    cursor: pointer;
    color: white;
    text-shadow: 0 0 2px black;
}
.checkbox-container.custom-select__option {
    margin: 0;
    padding: 3px 0;
}
.checkbox-container.custom-select__option .checktext {
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    padding-left: 45px;
    padding-top: 8px;
    line-height: 1.3;
}
.checkbox-container.custom-select__option .checkmark {
    top: 5px;
    left: 10px;
}
.custom-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.01;
}
.custom-popup-menu {
    display: none;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
    background-color: #232323;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-radius: 10px;
    padding: 10px;
}
.custom-popup-menu a {
    color: white;
    display: block;
    text-decoration: none;
    padding: 10px;
}
.expandable+.see-more {
    display: none;
}
.expanded {
    max-height: 1500px !important;
}
.clip-right-top-corner {
    float: right;
    width: calc(var(--profile-picture-width) + 2 * var(--profile-picture-right));
    height: 140px;
}
.profile-title, .item-title, .item-location {
    max-width: calc(100% - var(--profile-picture-width) - 2* var(--profile-picture-right) - 10px);
}
.profile-buttons {
    position: absolute;
    width: max-content;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    height: 0;
}
.profile-buttons .contact-btn {
    text-align: center;
}
/* ToDo !!! simplify this */
.profile-buttons .contact-btn a {
    margin-right: 0;
}
.owner .profile-buttons {
    right: calc(0px - var(--profile-picture-right));
    left: auto;
    transform: none;
}
span.incall-info {
    display: inline-block;
    width: 50%;
}
.blurred-action {
    cursor: pointer;
}
#processingPayment, #processingPayment2, #processingPayment3 {
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    color: white;
}
.vixen-dialog .form-group {
    flex-direction: column;
}
.skyscraper-banner,.square-banner {
    opacity: 0.2;
}
.skyscraper-banner:hover,.square-banner:hover {
    opacity: 1;
}
#consentDialog::backdrop {
    background: #000000f0;
    backdrop-filter: blur(5px);
}
#consentDialog .vixen-dialog-buttons {
    float: none;
    text-align: center;
}
.services li {
    cursor: pointer;
}
#suspendMyListingBtn, #addNewListingBtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    margin-right: 2px;
}
/* Create three equal columns that floats next to each other */

.row2  {
    display: flex;
    flex-direction: row;
    column-gap: 45px;
}
.col2 {
    box-sizing: border-box;
    width: 50%;
    padding: 10px 0;
}
.row3  {
    display: flex;
    flex-direction: row;
    column-gap: 45px;
}
.col3 {
    box-sizing: border-box;
    width: 33.33%;
    padding: 10px 0;
}
.col3:not(:first-child):not(:last-child) {
    padding-left: 20px;
    padding-right: 20px;
}
.row4  {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}
.col4 {
    position: relative;
    box-sizing: border-box;
    width: 25%;
}

.pre-line {
    white-space: pre-line;
}
ul.eh-timeline {
    list-style-type: none;
    display: flex;
    font-size: max(0.85rem, 15px);
    padding: 0;
}

ul.eh-timeline li {
    position: relative;
    padding-top: 50px;
    flex: auto;
    text-align: center;
}

ul.eh-timeline li::before {
    content: '';
    position: absolute;
    width: auto;
    height: 1px;
    background-color:  #ba8841;
    left: 0;
    right: 0;
    top: 20px;
}
ul.eh-timeline li:first-child::before {
    left: 50%;
}
ul.eh-timeline li:last-child::before {
    right: 50%;
}
ul.eh-timeline li::after {
    counter-increment: timeline;
    content: counter(timeline);
    position: absolute;
    border: 1px solid #ba8841;
    border-radius: 20px;
    background-color: #232323;
    display: block;
    top: 0;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 11px;
    box-sizing: border-box;
}
ul.eh-timeline li.active::after {
    background-color: #ba8841;
}
.time-select input.form-control {
    min-width: unset !important;
    width: 125px;
    text-align: center;
}
.service-select {
    flex-grow: 1.4;
    flex-basis: 0;
    margin-bottom: 0 !important;
    min-height: 60px;
    padding-left: 20px;
}
.service-select b {
    width: 250px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.service-select input.form-control {
    width: 100px;
    text-align: center;
}
.service-select .checkbox-container {
    vertical-align: super;
}
.edit-services-2-col .form-group {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.advertising-options {
    margin-bottom: 40px;
}
.advertising-options ul {
    padding-left: 20px;
}
.advertising-options li {
    margin-bottom: 10px;
}
.advertising-options .auth-form {
    margin-bottom: 20px;
    height: calc(100% - 100px);
}
.advertising-options .btn {
    width: 100%;
}
.video {
    position: relative;
}
.video:not(.active)::after {
    content: '';
    position: absolute;
    display: block;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background: white url(/images/control-play-svgrepo-com.svg) no-repeat 60% 50%;
    background-size: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    box-shadow: 1px 1px 8px #333333aa;
    cursor: pointer;
}
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
}
.video:not(.active) video {
    display: none;
}
.video.active img {
    visibility: hidden;
}
.logo img {
    /*margin-top: -23px;*/
}
.logo-text {
    text-align: center;
    color: #ba8841;
    margin-top: 25px;
    margin-bottom: -25px;
}
.company-page .profile:not(.hours) li {
    float: left;
    width: 50%;
}
.company-page .profile.hours li div {
    display: inline-block;
    width: 150px;
}
.company-page .search-result-slides {
    gap: 0;
}
.company-page .search-result-slides li {
    width: 340px;
}
.internal-page-content p a {
    color: #ba8841;
}
.delete-my-listing-container {
    background: #393939;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 10px;
    font-size: 15px;
    overflow: hidden;
    max-width: 450px;
    float: right;
}
#deleteMyListingBtn, #unDeleteMyListingBtn {
    background-color: darkred;
    margin-bottom: 20px;
    margin-right: auto;
    display: block;
    margin-left: auto;
}
.icon-copy {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: url(/images/copy-icon.svg) no-repeat 60% 50%;
    background-size: 75%;
}
.payment-providers-footer {
    position: absolute;
    bottom: 12px;
    left: 0;
}
.price-buttons {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px;
    height: 0;
}
.pricing-page-navigation {
    margin-top: 320px;
}
.myaccount-edit ul {
    width: 100%;
    position: relative;
    margin-top: -20px;
}
.myaccount-edit>ul>li {
    float: left;
    width: 50%;
}
.myaccount-edit>ul>li>b {
    display: inline-block;
    min-width: 32%;
}
.myaccount-edit>ul>li>a.btn-mini {
    margin-left: 10%;
}
.btn-mini {
    font-size: 0.8rem;
    box-shadow: none;
    padding: 7px 12px 2px 12px;
    border-radius: 10px;
}
.autocomplete-suggestions {
    border: 1px solid white;
    background: inherit;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto;
}
.autocomplete-suggestion {
    cursor: pointer;
    color: white;
}
.myaccount-expand {
    cursor: pointer;
}
.company-page .item-description {
    margin-top: 50px;
}

/* wide screen */
@media screen and (min-width: 1280px) {
    .services li {
        background: #5e5e5e;
        padding: 4px 3px 0px 3px;
        border-radius: 7px;
        display: inline-block;
        font-size: 13pt;
        margin-right: 7px;
    }
}
@media screen and (min-width: 2500px) {
    /*.gallery-slider-container .glide.gallery-slider {
        width: calc(var(--vw, 1vw) * 100 - 210px - 210px);
    }
    .gallery-slider-container .glide__slides img {
        width: calc((var(--vw, 1vw) * 100 - 210px - 210px - 5 * 28px) / 6);

        height: auto;
        aspect-ratio: 350 / 466;
    }*/
}
@media screen and (max-width: 1490px) {
    .left-ads {
        display: none;
    }
    body.search-page h1, body.search-page h2 {
        margin-left: 20px;
    }
}

/* mobile */
@media screen and (max-width: 1280px) {
    html, body {
        font-size: 10pt;
    }
    h1 {
        font-size: 2rem;
        margin-bottom: 5px;
    }
    .item-title, .item-location {
        font-size: 1.25rem;
    }
    .item-description, .item-description+.see-more {
        font-size: 1.1rem;
    }
    .contact-btn a, .btn-primary, .btn-secondary {
        font-size: 1.25rem;
    }
    i.burger {
        display: inline-block;
    }
    .logo img {
        width: 200px;
        margin-left: 10px;
    }
    .right-ads {
        display: none;
    }
    .topnav>div {
        flex: auto;
    }
    .topnav .mobile-menu {
        display: inline-block;
    }
    .topnav .main-menu, .topnav .lang {
        display: none;
    }
    .mobile-menu .icon-search {
        margin-top: -9px;
    }
    .user-menu a:not(:last-child) {
        padding-right: 0;
    }
    .topnav .user-menu .fav img {
        height: 40px;
        margin-top: -10px;
    }
    .topnav .user-menu .person img {
        height: 37px;
        margin-top: -7px;
        margin-right: -6px;
    }
    .topnav .logo a {
        float: none;
    }
    .topnav .user-menu a {
        float: none;
    }
    .topnav .user-menu {
        float: none;
        display: flex;
        justify-content: right;
    }
    .topnav, .search-bar {
        padding-left: 26px;
        padding-right: 26px;
    }
    /*.topnav.responsive {position: relative;}
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }*/
    .topnav.active~* {
        display: none;
    }
    .topnav.active .main-menu>.menu-items>a {
        display: block;
        float: none;
        font-size: 1.45rem;
        text-align: left;
        border-bottom: 2px solid #b6b6b6;
        padding-top: 20px;
        padding-bottom: 16px;
    }
    .topnav.active .main-menu {
        display: block;
        position: fixed;
        box-sizing: border-box;
        background: #232323;
        top: 80px;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 1;
    }
    .menu-items {
        display: block;
    }
    .topnav.active .bottom-nav {
        margin-top: 50px;
    }
    .search-location {
        border: none;
        flex: 0;
        margin-right: -11px;
        margin-left: -10px;
    }
    .search-location .icon-location~* {
        display: none;
    }
    .search-location .icon-location {
        display: inline-block;
    }
    .footer-links {
        flex-direction: column;
        width: calc(100% - 32px);
        padding-left: 0;
        margin-left: 16px;
    }
    .footer-links .col:not(:last-child) {
        border-bottom: 2px solid #b6b6b6;
        margin-bottom: 16px;
    }
    .footer-links h4 {
        position: relative;
        cursor: pointer;
        padding-left: 10px;
        margin-top: 7px;
    }
    .footer-links h4::after {
        content: '+';
        position: absolute;
        top: 0;
        right: 10px;
        color: white;
    }
    .footer-links a {
        padding-left: 10px;
    }
    .footer-links .col:not(.active) h4~a {
        display: none;
    }
    .gallery-slider-container {
        padding-left: 16px;
    }
    .slideshow-container {
        height: 70vw;
    }
    .slideshow-container .img.shadow img {
        height: auto;
        aspect-ratio: 100 / 70;
    }
    .gallery-slider-container .glide.gallery-slider {
        width: calc(200vw - 96px + 48px);
    }
    .gallery-slider-container .glide__slides img {
        width: calc(50vw - 24px);
        /*height: 243px;*/
        height: auto;
        aspect-ratio: 350 / 466;
    }
    .gallery-slider-container  .glide__bullets {
        left: calc(50vw - 16px);
    }
    .left-badge {
        padding: 3px 5px 0 5px;
        margin-right: 5px;
    }
    .badge-tick {
        height: 18px;
        width: 18px;
        background: url(/images/tick.png) 0px 0px / 17px no-repeat;
    }
    .badge-heart {
        height: 18px;
        width: 18px;
        background: url(/images/heart.png) -4px -5px / 26px no-repeat;
    }
    .badge-solid-heart {
        height: 18px;
        width: 18px;
        background: url(/images/solid_heart.png) -4px -5px / 26px no-repeat;
    }
    .badge-x {
        height: 18px;
        width: 18px;
        background: url(/images/x_logo.svg) 0 0 / 18px no-repeat;
    }
    .badge-bluesky {
        height: 18px;
        width: 20px;
        background: url(/images/bluesky_logo.svg) 0 0 / 20px no-repeat;
    }
    .badges {
        padding: 5px;
    }
    .info {
        font-size: 12px !important;
    }
    .price, .age {
        min-width: 46px;
        font-size: 12px !important;
    }
    .search-for, .search-location {
        height: 40px;
    }
    .search-bar i.icon-search, .search-bar i.icon-location {
        margin-top: -6px;

    }
    .search-bar i.icon-search {
        margin-left: -6px;
    }
    .search-bar input {
        height: 40px;
    }
    .search-bar i.icon-arrow-right {
        margin-top: 5px;
        margin-right: 5px;
    }
    .special-offer {
        height: 54px;
        padding: 15px;
    }
    .item-info {
        flex-direction: column;
    }
    .info-left ul li:not(.incall-outcall-working) {
        width: 49%;
        display: inline-block;
        vertical-align: text-top;
    }
    .post-header img {
        width: 43px;
        height: 43px;
        border-radius: 43px;
    }
    .adv-search-lists>div, .adv-search-options>div {
        width: 100%;
    }
    .adv-search-lists .custom-select,
    .adv-search-options .checkbox-container {
        width: 100%;
    }
    .adv-search-lists>div:not(:nth-child(1)), .adv-search-options>div:not(:nth-child(1)) {
        margin-top: 20px;
    }
    .faq-cats a {
        width: 100%;
        padding: 40px 20px;
    }
    .faq-page .internal-page-content,
    .clubs-page .internal-page-content {
        padding: 0 16px;
    }
    .expandable {
        max-height: 7.167em;
        overflow: hidden;
        transition: all 0.3s;
    }
    .profile .expandable {
        max-height: 21.6em;
    }
    .services .expandable {
        max-height: 21.0em;
    }
    .register-page .expandable {
        max-height: calc(6px + 3em);
    }
    .expandable+.see-more {
        display: block;
        color: inherit;
        margin-top: 10px;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }
    .item-description+.see-more {
        margin-bottom: 20px;
    }
    .internal-page-content h1,
    .internal-page-content h1+.subheader,
    .item-title, .item-location,
    .item-description,
    .item-description+.see-more,
    .profile-form-container {
        margin-left: 16px;
        margin-right: 16px;
    }
    .internal-page-content h1 {
        margin-top: 40px;
        max-width: 95%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .register-page .internal-page-content h1 {
        white-space: normal;
    }
    .profile-title.verified {
        padding-right: 28px;
        box-sizing: border-box;
        max-width: 92%;
    }
    .profile-title.verified:after {
        width: 24px;
        height: 24px;
        top: 7px;
        right: 0;
    }
    .profile-buttons {
        bottom: -30px;
    }
    .clip-right-top-corner {
        height: 13vw !important;
        /*width: 100%;*/
    }
    .info-left .profile, .info-left .services {
        width: 100%;
    }
    .item-description {
        margin-top: 30px;
        min-height: 40px !important;
    }
    .vixen-dialog {
        position: fixed;
        top: 0;
        bottom: 0;
        height: auto;
        overflow: auto;
        border-radius: 0;
        padding-bottom: 30px;
        max-height: none;
    }
    .vixen-dialog-buttons {
        float: none;
        display: flex;
        column-gap: 30px;
    }
    .vixen-dialog button:not(.custom-select__option) {
        min-width: fit-content !important;
        margin: 0;
        flex: auto;
    }
    .form-group {
        flex-direction: column;
    }
    .form-group label[for] {
        width: auto;
        max-width: 100%;
    }
    #profileForm {
        margin: 20px;
    }
    .form-group.meta-flag {
        flex-direction: row;
    }
    .form-group.meta-flag .checkbox-div {
        min-width: calc(100% - 174px) !important;
    }
    .form-group.meta-flag .meta-price {
        white-space: nowrap;
        margin-left: 10px;
    }
    .form-group.meta-flag span.checkmark {
        margin-top: -5px;
    }
    .profile-form .btn-primary {
        margin-left: 0;
    }
    .register-form {
        margin-top: 20px;
    }
    .field-comment {
        flex-direction: column;
    }
    .register-form .form-group label[for] {
        position: static;
        margin-bottom: 7px;
    }
    .profile-form-container {
        font-size: 16px;
    }
    .field-comment > :first-child {
        width: 100%;
        margin-bottom: 0;
        min-height: 50px;
        flex: auto;
    }
    .field-comment > :first-child:not(.custom-select) {
        padding-left: 10px;
    }
    .field-comment>*:first-child .file-field {
        padding-left: 10px;
    }
    .field-comment > span {
        font-size: 13px;
    }
    .field-comment > span.hidden {
        display: none;
    }
    .form-field-checkbox1 {
        position: static;
    }
    .time-select b {
        width: 104px;
    }
    .time-select i {
        padding: 0px 5px;
    }
    .register-section-header {
        margin-bottom: 20px;
        margin-top: 40px;
    }
    .register-form .time-select .custom-select {
        min-width: 102px;
    }
    .register-form .custom-select .custom-select__option {
        min-height: 50px;
        padding-left: 15px;
    }
    .field-comment + div {
        margin-top: 7px;
        margin-bottom: 0;
    }

    #suspendMyListingBtn, #addNewListingBtn {
        top: -4px;
        right: 20px;
    }
    .row3  {
        flex-direction: column;
    }
    .col3 {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .row4  {
        flex-direction: column;
    }
    .col4 {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 40px;
    }
    #backBtn, #nextBtn, #saveBtn {
        width: 100%;
        margin-bottom: 20px;
    }
    ul.eh-timeline {
        flex-direction: column;
        margin-bottom: -20px;
        margin-top: 30px;
    }
    ul.eh-timeline li::before {
        display: none;
    }
    ul.eh-timeline li::after {
        left: 20px;
    }
    ul.eh-timeline li {
        padding-top: 12px;
        text-align: left;
        padding-bottom: 16px;
        padding-left: 75px;
    }
    .internal-page-content .subheader.text-left {
        padding-left: 16px;
        padding-right: 16px;
    }
    .logo-text {
        margin-top: 8px;
        font-size: 1.2rem;
    }
    .company-page .profile li {
        width: 100%;
    }
    .delete-my-listing-container {
        margin-top: 60px;
    }
    #deleteMyListingBtn, #unDeleteMyListingBtn {
        float: none;
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .footer-links a.tel::after {
        content: ' NOTE: THIS DOES NOT CONTACT ADVERTISER';
        color: red;
        font-size: 0.9rem;
        margin-left: 10px;
    }
    .payment-providers-footer {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
        padding-top: 20px;
        margin-bottom: -40px;
    }
    .price-buttons {
        position: relative;
        height: auto;
        margin-top: -20px;
    }
    .pricing-page-navigation {
        margin-top: 20px;
    }
    .search-adv {
        display: none;
    }
    .field-comment .extra-info  {
        display: inline-block;
    }
    .field-comment .extra-info:not(.active)~span  {
        display: none;
    }
    .field-comment .extra-info.active~span  {
        display: block;
    }
    .myaccount-edit>ul>li {
        width: 100%;
    }
    .contact-me-btn {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 420px) {
    .logo img {
        width: 170px;
        margin-top: 3px;
    }
    .topnav, .search-bar {
        padding-left: 16px;
        padding-right: 16px;
    }
    .search-form .search-bar {
        padding-left: 0;
    }
    .badges {
        padding: 1px;
    }
    .right-badge {
        margin-left: 2px;
    }
    .left-badge {
        margin-right: 2px;
    }
    .info {
        font-size: 12px !important;
    }
    .price, .age {
        min-width: 46px;
        font-size: 12px !important;
    }
}