.mb-menu__item-active .mb-menu__icon {
  color: #0794FA!important;
}
.mb-menu__item-active .mb-menu__name {
  color: #0794FA!important;
}
div.mb-menu__item-wrapper {
  padding-top: 6px;

}

/** MAIN **/
input.smart-search__input.w-100 {
  background: white!important;
}
.mb-menu.mb-menu_visible ~ .popup {
  bottom: 0px!important;
}
.login-page-form {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 20px!important;
  border-radius: 15px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
/* Header menu */
@media screen and (min-width: 768px) {
  .menu a.active {
    box-shadow: 0 2px 0 #0794FA inset;
  }
}
header.page-header div.top-header {
background: #F2F4F7;
border-bottom: 3px solid rgb(255 255 255 / 50%);
box-shadow: 0px 0px 8px #ffffff;
}
.menu .menu-content a:not(.btn):hover {
  opacity: 1;
}
.main-menu .menu .menu-content a {
  color: #686868;
}
.main-menu .menu .menu-content a:hover {
  color: #0794fa;
}

/* Logo */
div#logo {
  position: relative;            /* skip this line if #logo already has a position (absolute/fixed/sticky) */
  display: inline-block;         /* shrink-wraps to the 220px image so the shine doesn't sweep the full row */
  overflow: hidden;
  line-height: 0;
}

div#logo img {
  width: 220px;
  height: auto;
  vertical-align: middle;
  object-fit: contain;
}

div#logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(
  100deg,
  transparent,
  rgba(255, 255, 255, 0.75),
  transparent
  );
  transform: translateX(-150%) skewX(-20deg);
  animation: logo-shine 3.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes logo-shine {
  0%        { transform: translateX(-150%) skewX(-20deg); }
  35%, 100% { transform: translateX(400%)  skewX(-20deg); }
}

@media (prefers-reduced-motion: reduce) {
  div#logo::after { animation: none; }
}

/* Login */
/* Login icon */
.user-navbar .circle > .default {
  opacity: 0.68;
}
.header-usernav-icon svg {
  width: 25px!important;
  height: auto!important;
  transition: color 0.3s ease-in-out;
}

header.page-header div.top-navigation .circle_opened > .content {
  background: #fff;
  padding: 15px!important;
  border-radius: 15px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #0000001f, -1px -1px 6px #ffffff33;
}
#user-navbar span.content.a-menu .account-name {
  padding: 0px;
}
#user-navbar span.content.a-menu .account-menu-content {
  padding: 10px;
}

body {
  background: #F2F4F7;
  letter-spacing: 0.006em;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

body.home-page header.page-header {
  background: #F2F4F7;
  transition: background var(--duration) var(--timing);
}
h1 {
font-size: 1.68em;
font-weight: normal;
padding: 0;
font-weight: 400;
margin-bottom: 15px;
overflow: hidden;
}
h3 {
    font-size: 1.25em;
    font-weight: 500;
    vertical-align: top;
    margin-bottom: 8px;
}
body.home-page section.content_block > h3 {
  font-size: 1.25em;
}
section.side_block > h3 {
  font-size: 0.88rem;
}
section.content_block {
  margin-bottom: 20px;
}

/* Category Menu */
.category-menu__container {
  margin-top: 2rem!important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 10px!important;
  border-radius: 20px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
  /* no position rule here, keep whatever it already has */
}
div.category-menu__subcategories h3.mb-4 {
  margin-bottom: 15px!important;
}
.category-menu__container,
div.plans-container {
  scrollbar-color: rgba(57, 57, 57, 0.389) transparent;  /* thumb color, track color */
  scrollbar-width: auto!important;                 /* auto | thin | none */
}
.category-menu__subcategory-cont {
  break-inside: avoid;
  padding-bottom: 15px;
  font-size: 0.88rem !important;
}
.category-menu__container::before {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: 1;
  pointer-events: none;
  border: 10px solid transparent;
  border-radius: 25px;
  background: linear-gradient(90deg, var(--c1, #393939), var(--c2, #686868 ) 51%, var(--c1, #393939)) var(--x, 0)/ 200% border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  animation: ring-flow 4s linear infinite;
}
@keyframes ring-flow {
  to { background-position: 200% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .category-menu__container::before { animation: none; }
}

/* Notification */
div.notification.error > div > div.message {
  background: #f2695e;
  box-shadow: 0px 9px 20px -4px rgba(242, 105, 94, 0.36);
}
div.notification > div,
div.notification > div > div.message {
  margin-top: 10px;
  border-radius: 15px;
}
div.popup > div > div,
.mb-menu.mb-menu_visible ~ .popup > div > div {
  border-radius: 15px!important;
  background: white!important;
}

section.side_block:not(.no-style) {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0 1px 3px 0 rgba(123, 123, 123, 0.212);
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur( 1.5px );
  border-top: 2px solid rgba(255, 255, 255, 0.39);
  padding: 20px;
  margin-bottom: 20px;
}
section.side_block {
  margin-bottom: 20px;
}
/* Content box */
@media screen and (min-width: 768px) {
section.content_block {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 20px!important;
  border-radius: 20px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
  }
section.content_block.no-style.no-header {
  background: none!important;
  padding: 0px!important;
  border-radius: 15px;
  border-top: none!important;
  box-shadow: none!important;
}
}

/* URL */
a:link, a:visited, .link {
  color: #777777;
  transition: color 0.3s ease-in-out;
}
a:link:hover, a:visited:hover, .link:hover,
ul.card-info > li.title a:hover,
ul.card-info > li.title:hover,
.page-footer .footer-menu ul li a:hover {
color: #0794FA;
}

/* Button */
 input[type="submit"], input[type="button"], a.button, .btn {
   text-align: center;
   background: linear-gradient(90deg, var(--c1, #393939), var(--c2, #686868 ) 51%, var(--c1, #393939)) var(--x, 0)/ 200%;
   color: white!important;
   border-radius: 8px;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }
input[type="submit"]:hover , input[type="button"]:hover , a.button:hover, .btn:hover, .add-property:hover { --x: 100%;
   box-shadow: 0px 8px 16px -4px #494949;
   background: linear-gradient(90deg, var(--c1, #393939), var(--c2, #686868 ) 51%, var(--c1, #393939)) var(--x, 0)/ 200%!important;
  }
  
/* Checkbox */
div.qtip-wrapper div.qtip-content{
  background: #393939!important;
}
div.qtip-wrapper div.qtip-contentWrapper {
  background: #393939!important;
  border: 7px solid #393939!important;
  border-radius: 8px;
}
div.qtip-tip {
  display: none!important;
}
input[type="checkbox"]:not(.default):checked + label > span, input[type="radio"]:not(.default):checked + label > span,
input[type="checkbox"]:not(.default):checked:hover + label > span,
input[type="radio"]:not(.default):checked:hover + label > span {
  background-color: #0794FA;
  transition: background 0.3s ease-in-out,
}
input[type="checkbox"]:not(.default):hover + label > span,
input[type="radio"]:not(.default):hover + label > span {
  border: 2px solid #0794FA;
}
input[type="checkbox"]:not(.default):active + label > span,
input[type="radio"]:not(.default):active + label > span {
  border: 2px solid var();
  box-shadow: inset 0 0 0 1px #0794FA,
  inset 0 0 0 2px #0794FA;
}
input[type="checkbox"]:not(.default):checked:active + label > span,
input[type="radio"]:not(.default):checked:active + label > span {
  background: #0794FA;
  border: none;
  box-shadow: inset 0 0 0 1px #0794FA, inset 0 0 0 2px #0794FA;
}
input[type="radio"].multiline + label, input[type="checkbox"].multiline + label {
  color: #686868;
}
input[type="radio"]:not(.default):checked + label > span:before {
  background-color: #ffffff;
}
input[type="checkbox"]:not(.default) + label > span:before {
  content: "";
  position: absolute;
  -webkit-font-smoothing: antialiased;
  display: none;
  left: 3px;
  top: 7px;
  background: #fff!important;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff!important;
  transform: rotate(45deg);
}
input[type="checkbox"]:not(.default) + label > span, input[type="radio"]:not(.default) + label > span {
  margin: 2px 5px 0 0;
  border-color: transparent;
}
.header-usernav-icon-fill, .header-contacts svg {
  fill: #0794fa!important;
}
div.search-block-content div#field_search_rental_price.search-item.three-field > span,
div.search-block-content div#field_search_price.search-item.three-field > span {
  width: 6%!important;
}
div.search-block-content div#field_search_rental_price.search-item.three-field input.numeric,
div.search-block-content div#field_search_price.search-item.three-field input.numeric {
  width: 44%!important;
  margin-right: 3%;
}

/* Border color of check box and text input */
input[type="text"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover, .select2-selection--single:hover, .select2-selection--multiple:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, span.pills:focus, .select2-selection--single:focus, .select2-selection--multiple:focus, .select2-dropdown:focus, select:focus, .select2-container:not(.select2-container--disabled) .select2-selection--single:focus, .select2-container--open .select2-selection--single, .select2-dropdown {
 border-color: #0794FA; 
 background: #f6f6f6;
 border-radius: 8px;
}
.grid-icon-fill, .details-icon-fill {
  fill: #0794FA!important;
}
.select2-results__option--selected {
  background: #0794faad!important;
}
.select2-results__option--highlighted {
  background: #0794fa3b!important;
}
div.banner-space {
  box-shadow: none;
  background: #d9efff;
  border-radius: 20px;
  color: #0794FA;
  font-size: 1rem;
}
/** HOME PAGE **/
/* Carousel */
.carousel .carousel-item img {
  border-radius: 20px;
}

/* Horizontal Search box */
body.home-page div.y-horizontal-search {
  background: white;
  padding: 15px 15px 10px 15px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
  border-radius: 20px;
}
body.home-page .header-tabs .tabs {
  justify-content: flex-start;
}
ul.tabs > li {
  background: #e2e2e2;
  border-radius: 8px;
  height: auto;
}
ul.tabs > li > a {
padding: 5px 10px 5px 10px;
font-size: 1rem!important;
height: auto;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
ul.tabs > li.active > a,
ul.tabs > li > a:hover  {
  background: linear-gradient(90deg, var(--c1, #393939), var(--c2, #686868 ) 51%, var(--c1, #393939)) var(--x, 0)/ 200%;
  border-radius: 8px;
  color: white;
  box-shadow: none;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
body.home-page .header-tabs .tabs li.active a .tab-icon, 
body.home-page .header-tabs .tabs li:hover a .tab-icon {
filter: brightness(0) invert(1)!important;
transition: filter 0.3s ease-in-out;
}
.categories-box_subcategory-exists a.categories-box__parent-link {
  font-size: 1em;
  font-weight: 500;
}

.categories-box__subcategories.pb-3 {
  margin: -5px 0px 0px 42px;
  padding-bottom: 0px !important;
}

/* Category Box on Homepage */
div#lt_biz.item a.category.cat_icon img {
  width: 19px !important;
  margin-right: -1px;
  margin-top: -1px;
}
body.home-page section.content_block:not(.no-header) > div {
  margin: 0;
}
body.home-page section.content_block.ltcb_rent,
body.home-page section.content_block.ltcb_community,
body.home-page section.content_block.listing_type_biz {
  padding-bottom: 0px!important;
}  

/* Listing style */
/* Listing icons */
/* Favorite icon */
.favorite {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.favorite__icon {
    width: 14px;
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    vertical-align: middle;
}
.favorite__icon svg {
    display: block;
    width: 14px;
    height: 12px;
    margin: 0;
}
.favorite__icon-remove {
    display: none;
}
.favorite.remove .favorite__icon-add {
    display: none;
}
.favorite.remove .favorite__icon-remove {
    display: inline-flex;
}
/* service icons: bed bath area */
.picture {
    position: relative;
}
.picture .services {
position: absolute !important;
left: 10px;
bottom: 10px;
z-index: 20;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 2px 5px 0px 5px !important;
background: #fffffffa;
display: flex !important;
align-items: center;
pointer-events: none;
border-radius: 5px;
}
ul.card-info > li.services > span:before {
  top: 2px!important;
}
ul.card-info > li.services > span {
  padding-left: 22px;
  margin-right: margin-right: 15px;
}

.grid_navbar {
  margin-bottom: 10px;
}
section.list {
    margin-top: 10px;
}
/* listing list */ 
/* Featured listing image shine */
section#listings article.item.featured div.picture {
  overflow: clip;      /* skip if it already clips content */
}

section#listings article.item.featured div.picture::after,
section#content.featured div#media:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    100deg,
    transparent,
    rgba(255, 255, 255, 0.75),
    transparent
  );
  transform: translateX(-150%) skewX(-20deg);
  animation: logo-shine 3.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes logo-shine {
  0%        { transform: translateX(-150%) skewX(-20deg); }
  35%, 100% { transform: translateX(400%)  skewX(-20deg); }
}

@media (prefers-reduced-motion: reduce) {
  section#listings article.item.featured div.picture::after {
    animation: none;
  }
}


section#listings.list div.picture {
  height: 139px;
  width: 220px;
}
.listing-picture-slider__navbar > span:hover:after {
    box-shadow: inset 0 -4px 0 #0794fa;
}
/* Listing list mode */
section.list {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 20px 5px 10px 20px!important;
  border-radius: 20px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
} 
section#listings.list > article {
  padding: 0px;
  margin-bottom: 15px;
}

/* listing grid */
section#listings.grid {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 4px 10px 25px 8px!important;
  border-radius: 20px;
  margin-top: 10px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
section#listings.grid > article {
  margin-top: 0px;
  margin-bottom: 15px;
}

ul.pagination > li.navigator a {
  color: #393939!important;
  border-color: #393939;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
ul.pagination > li.navigator a:hover {
  color: #0794fa!important;
  border-color: #0794fa;
  background: none!important;
}
 
 
ul.card-info > li.title a,
ul.card-info > li.title {
  font-weight: 500!important;
  font-size: 1em!important;
}
/* Price tag */
ul.card-info > li.price_tag > div > span, ul.card-info .price-tag > span, ul.card-info > li.system .type {
  font-size: 1rem;
}

section#listings.grid > article:not(.no-image) ul.card-info > li.title, ul.featured.with-pictures ul.card-info > li.title a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}
/* compare icon */
ul.featured .icons > span, section#listings ul.nav-column > li {
  background: #b9b9b9;
}
ul.featured .icons > span.active, section#listings ul.nav-column > li.active {
  background: #0794fa;
}
ul.featured .icons > span.active .icon, section#listings ul.nav-column > li.active .icon {
  background: white;
  fill: #0794fa!important;
}

/* Listing detail page */
@media screen and (min-width: 1200px) {
section.side_block ul.featured > li div.picture {
  width: 139px;
}
section.side_block ul.featured > li div.picture .services {
  display: none!important;
}
section.side_block ul.card-info > li.price_tag > div > span {
  font-size: 1rem;
}
}
/* nav button */
.listing-header div.icons > *:not(.button) {
    border: 2px #fff solid;
    border-radius: 100px !important;
    margin: 0 0 0 8px;
    background: #fff;
    box-shadow: 0px 3px 10px #dcdcdc, -1px -1px 10px #ffffff;
}
.listing-header span.compare-icon .icon {
    background-image: url(../../yungmod/img/icon/y_compare.svg);
    background-repeat: no-repeat;
    fill: transparent !important;
}
.listing-header span.compare-icon.active .icon {
    background-image: url(../../yungmod/img/icon/y_compare-active.svg);
    background-repeat: no-repeat;
}
.listing-header span.favorite > span {
    background-image: url(../../yungmod/img/icon/y_like.svg);
    background-repeat: no-repeat;
}
.listing-header .favorite.remove span.icon {
    background-image: url(../../yungmod/img/icon/y_like-active.svg);
    background-repeat: no-repeat;
}
.listing-header div.icons > * > span {
    width: 100%;
    height: 100%;
}
.listing-header div.icons > a.button {
  height: unset;
}

/* Gallery */
div.gallery > div#media {
    overflow: hidden;
    background: #ececec;
}
.picture_locked > div > div {
  height: 100%;
}
.restricted-content img.locked-media {
    background: url(../../yungmod/img/medialock.svg) center center no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
div.gallery > #media {
  padding-bottom: 39%;
  border-radius: 20px;
}
div.gallery > div.thumbs .f-carousel__viewport {
  margin: 3px 0px;
}
div.gallery > div.thumbs .f-carousel__slide {
  margin-right: 8px;
}
div.gallery > div.thumbs .f-carousel__slide img, div.gallery > div.thumbs .f-carousel__slide video,
div.gallery > div.thumbs .f-carousel__slide.active img, div.gallery > div.thumbs .f-carousel__slide.active video {
    border-color: #222222;
    box-shadow: 0px 2px var(--button-color);
    border-radius: 15px!important;
    box-shadow: 0px 0px 3px #dcdcdc, -1px -1px 1px #ffffff;
}
div.gallery > div.thumbs .f-carousel__slide.locked img {
    background: url(../../yungmod/img/medialock.svg) center center no-repeat;
    background-size: 50%;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background-color: rgb(252, 252, 252);
    box-shadow: 0px 0px 3px #dcdcdc, -1px -1px 1px #ffffff;
}

div.gallery > #media img.default-picture {
    background: #00000038;
}
div.gallery .nav-buttons {
  top: unset;
  bottom: 10px;
  justify-content: flex-start;
}
div.gallery .nav-buttons .nav-button {
  margin: 0 3px;
  height: 32px;
  border-radius: 39px;
  box-shadow: 0px 0px 4px #00000038, -1px -1px 3px #00000038;
}

/* listing title & price */
div.listing-details h1 {
  font-size: 1.39rem;
  font-weight: 500;
  margin-bottom: -3px!important;
}

div.listing-details div.price-tag > span {
  font-size: 1rem;
  font-weight: 500;
}
div#df_field_price.price-tag.mb-3,
ul.card-info.mb-3 {
  margin-bottom: 0rem!important;
}

div.listing-fields div.top_info {
  margin-top: 15px!important;
  margin-bottom: 0px!important;
}
div.listing-fields div.common {
  margin-bottom: 0px!important;
}
div.fieldset {
  margin-bottom: 1px;
}
div.listing-fields {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 0px!important;
  border-radius: 20px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
#area_listing div.listing-fields > div {
  border-radius: 0px;
}
div.listing-fields div.no-group,
div.listing-fields div.body {
  padding: 0 20px;
}
div.listing-fields div.name,
div.checkout-page div.name,
div.payment-page div.name {
  border-bottom: 1px dotted #cdcdcd;
  margin-bottom: 6px;
  max-height: fit-content !important;
}
#area_listing div.listing-fields div.fieldset > header{
  background: #d9efff;
  padding: 6px 20px 3px 20px;
  margin-bottom: 12px;
}
div#weather-listing-cont {
  margin-top: 15px;
  margin-bottom: 20px;
}

.table-cell > .value {
  font-size: 0.9rem!important;
}
.weather-widget .location {
  font-size: 1rem!important;
}

#controller_area div.fieldset > div.body > div {
  padding: 0px;
}
div.fieldset {
background: none;
}

/* Featured listing style */
ul.card-info > li.price_tag > div > span {
  font-weight: 600;
  letter-spacing: 0.23px;
}
body.view-details-page section#content.featured button.id_button.btn,
body.view-details-page span.featured-detail,
div.button a.make_featured {
   transition: 0.3s;
 background: linear-gradient(90deg, var(--c1, gold), var(--c2, #facb05) 51%, var(--c1, gold)) var(--x, 0) / 200%;
   color: black!important;
  text-shadow: none;
}
body.view-details-page section#content.featured button.id_button.btn:hover,
div.button a.make_featured:hover {
--x: 100%;
box-shadow: 0px 8px 16px -4px gold!important;
background: linear-gradient(90deg, var(--c1, gold), var(--c2, #facb05) 51%, var(--c1, gold)) var(--x, 0) / 200%!important;
}
body.view-details-page section#content.featured #area_listing div.listing-fields div.fieldset > header {
  background: rgb(255 215 0 / 33%);
}



/* Grid listing picture height reduce in half */
ul.featured > li > .picture, section#listings div.picture {
  padding-bottom: 50%;
}

.grid_navbar div.active div > span,
.grid_navbar div.map:hover span, .grid_navbar div.map.active span {
  border-color: #0794fa;
}

.grid_navbar div.map:hover span, .grid_navbar div.map.active span {
  filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2414%) hue-rotate(187deg) brightness(99%) contrast(102%);
}

ul.card-info li.useful,
ul.card-info > li.price_tag > *:last-child,
section#listings ul.card-info > li:not(:last-of-type),
section#listings.grid ul.card-info > li.system,
ul.featured .icons {
  margin: 0px!important;
  padding-top: 0px;
}
section#listings.list li.system {
  gap: 10px;
  height: 30px;
}

/* Map listing */
.marker-cluster div {
    box-shadow: inset 0 0 0 30px #006fbf, 0 0 0 4px rgb(7 148 250 / 20%) !important;
    transition: 0.3s;
}
.marker-cluster div:hover {
    box-shadow: inset 0 0 0 30px #393939, 0 0 0 4px rgb(0 0 0 / 20%) !important;
}
.marker-label > span {
  background: #0794fa;
}
.marker-label > span:before {
  border-color: #0794fa transparent transparent transparent
}
/* Map featured listing */

body.search-on-map-page div.marker-label.featured > span {
    background: linear-gradient(90deg, var(--c1, gold), var(--c2, #facb05) 51%, var(--c1, gold)) var(--x, 0) / 200%;
    color: #111;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}
body.search-on-map-page .marker-label.featured > span:before {
    border-color: gold transparent transparent transparent;
    transition: 0.3s;
}
body.search-on-map-page div.marker-label.featured > span:hover {
    color: gold;
    background: #111;
}
body.search-on-map-page div.marker-label.featured.marker-label_hover > span {
  color:gold;
}
body.search-on-map-page .marker-label.featured > span:hover:before {
    border-color: #111 transparent transparent transparent;
}

body.search-on-map-page .marker-label > span:hover {
    background-color: #393939;
}
body.search-on-map-page .marker-label > span:hover:before {
    border-color: #393939 transparent transparent transparent;
}
/* map leafless */
.leaflet-container a {
  color: #111;
}
.leaflet-bar > a {
background: rgba(0, 0, 0, 0.67)!important;
border-radius: 11px;
margin-bottom: 8px!important;
}
body.search-on-map-page .leaflet-autocomplete {
  background: rgba(0, 0, 0, 0.67)!important;
  border: none!important;
  color: white;
}
.leaflet-bar > a:hover,
body.search-on-map-page .leaflet-autocomplete:hover,
body.search-on-map-page .leaflet-autocomplete:focus {
  background: rgba(0, 0, 0, 0.88)!important;
}
body.search-on-map-page .leaflet-autocomplete::placeholder {
  color: white;
}
.search-map-container div.control {
  border-radius: 0 8px 8px 0;
}
/* map search box */
body.search-on-map-page #search_area {
box-shadow: none;
padding-top: 20px;
padding-bottom: 35px;
border-bottom: 2px dotted #cdcdcd;
}
/* map listing list */
.search-map-container #listings_cont > header > div {
  font-size: 1.39rem;
}
.search-map-container #listings_cont section#listings ul.card-info {
  margin: 0;
  padding: 0px;
}
body.search-on-map-page .search-map-container #map_listings > div section {
  background: none;
  border-radius: 0px;
  box-shadow: none;
}
.search-map-container section#listings.grid > article div.picture {
  margin-bottom: 6px;
}
.search-map-container section#listings.grid > article {
  margin-bottom: 20px;
}
#map_listings .footer-data {
  justify-content: flex-end!important;
  font-size: 1em;
}
/* Profile page */
.my-profile-page #controller_area .content-padding > .tab_area:not(#area_keyword) {
    margin-top: 15px;
    padding: 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
.my-profile-page div.fieldset > div.body > div {
    padding: 6px 10px 0px 20px !important;
}
.my-profile-page ul.tabs > li {
    margin-right: 10px;
}
.my-profile-sidebar .image-preview-wrapper .image-preview img {
    border-radius: 15px;
    height: 100px;
}
#controller_area #area_profile div.fieldset {
    margin-left: -20px;
    margin-right: -20px;
}
/* Message page */
table.list {
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
ul#messages_area > li {
    background: #d4d4d4;
}
ul#messages_area > li.me {
    border-color: #0794fa;
    margin: 0 13px 20px 20px;
    border-radius: 8px 8px 0 8px;
    background: white;
}
ul#messages_area > li.me:before {
    left: auto;
    right: -15px;
    border-width: 0 14px 14px 0;
    border-color: transparent transparent #0794fa transparent;
}
textarea#message_text {
    background: #fff;
}
div.no-picture img.account-picture {
      background-image: url(../../yungmod/img/no-account.svg);
      background-size: contain;
      border-radius: 15px;
}
/* Manage listing page */
section#listings.my-listings.list {
  background: none;
  padding: 0px !important;
  box-shadow: none !important;
  border: none !important;
}
.my-listings > article {
    padding: 15px 20px 20px 20px!important;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
.my-listings > article a.upgrade-plan-button {
    color: #393939;
    border: 2px solid #393939;
    padding: 3px 10px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s ease-in-out;
}
.my-listings > article a.upgrade-plan-button:hover {
    color: #0794fa;
    border: 2px solid #0794fa;
}
.my-listings > article div.nav div.stat ul li div {
  margin-top: 3px;
  margin-bottom: 5px;
}
.my-listings > article a.make_featured {
    color: darkgoldenrod;
    border: 2px solid darkgoldenrod;
    padding: 3px 10px;
    text-align: center;
    border-radius: 6px;

    transition:
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.my-listings > article a.make_featured:hover {
    color: #393939;
    border-color: gold;
    box-shadow: 0 8px 16px -4px gold;
}
.my-listings > article li.featured {
  background: linear-gradient(90deg, var(--c1, gold), var(--c2, #facb05) 51%, var(--c1, gold)) var(--x, 0) / 200%;
  padding: 0 10px!important;
  border-radius: 6px;
}

/** ADD LISTING **/
ul.steps > li.past a {
  text-decoration: none;
}
ul.steps > li.past, ul.steps > li.current {
  background: #686868;
}
ul.steps > li:not(:last-child):not(.past):before {
  border-left-color: #686868;
}
ul.steps > li:not(:last-child):not(.past):after {
  border-left-color: #F2F4F7;
}
ul.steps {
  box-shadow: inset 0 0 0 2px #686868;
}

div.text-notice {
    padding-bottom: 10px;
}
ul.select-category > li > div > select {
  min-width: 200px;
}
.content-padding:not(.selected) .category-selection, #controller_area .plans-container,
.add-listing-page form#fileupload {
    padding: 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
.upload-zone {
    border: none;
    border-radius: 15px;
    background: #ededed;
}
.upload-zone > span mark {
    color: #0794FA;
}
.upload-zone > span {
    font-size: 1.39em;
}
.upload-files > div span.item > img, .upload-files > div span.item > span.preview, .upload-files > div span.item > span.preview canvas, .upload-files > div span.item > span.preview video, .upload-files > div span.item > video {
  border-radius: 15px;
}
/* listing plan */
ul.plans > li > div.frame > span.name {
  font-size: 1.2em!important;
  height: fit-content!important;
}
ul.plans > li > div.frame > span.price {
  font-size: 1.68em!important;
}
ul.plans > li > div.frame > span.count {
  font-size: 1em!important;
  padding: 0 0 0px!important;
}
ul.plans > li > div.frame {
  border-radius: 15px;
  margin-right: 15px;
}
/* listing posting */
.edit-listing-page form#listing_form div.content-padding, .add-listing-page form#listing_form div.content-padding {
    padding: 10px 0px 0px 0px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
.add-listing-page div.fieldset > header, .edit-listing-page div.fieldset > header, .my-profile-page div.fieldset > header {
    background: rgb(7 148 250 / 12%);
    padding: 5px 20px 5px 20px;
    margin-bottom: 6px;
}
.add-listing-page #controller_area div.fieldset > div.body > div, .edit-listing-page #controller_area div.fieldset > div.body > div {
    padding: 6px 20px 0px 20px;
}
.add-listing-page #controller_area .content-padding > .submit-cell, .edit-listing-page #controller_area .content-padding > .submit-cell {
    padding: 10px 20px 10px 20px;
    background: none;
}
input[type="text"], input[type="search"], input[type="password"], input[type="number"], textarea, select, span.pills, .select2-selection--single, .select2-selection--multiple, .select2-dropdown {
  background-color: #se2e2e2;
}
.add-listing-page div#fs_common.fieldset,
.edit-listing-page div#fs_common.fieldset {
  margin-top: 10px!important;
}
.field.single-field > textarea {
  min-height: 239px;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  border-radius: 15px;
}
/* payment */
div.checkout-page {
padding: 20px 0px 10px 0px!important;
}
ul#payment_gateways img {
    max-width: 100px;
    max-height: 60px;
}
ul#payment_gateways li {
    border-radius: 15px;
}
ul#payment_gateways li p {
    padding: 20px 0 0 0;
}
.sr-card-element {
margin: 20px!important;
}
body.payment-page div.fieldset > header {
    background: rgb(7 148 250 / 12%);
    padding: 5px 20px 5px 20px !important;
}
body.payment-page div.fieldset div.body {
  padding: 20px;
}

div.checkout-page .form-buttons.no-top-padding > #btn-checkout,
div.payment-page .form-buttons.no-top-padding > #btn-checkout {
    margin-top: 20px !important;
    margin-left: 20px;
    margin-bottom: 15px;
}

body.my-credits-page div.fieldset {
    padding: 15px 20px 20px 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
    margin-bottom: 20px;
}
ul#credits li {
    border-radius: 15px;
}
/* Booking */
div.list-table.content-padding {
  box-shadow: none!important;
}
section#booking_order_details_1 {
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    border: none;
    padding: 10px;
}
body.booking-reservations-page section.list {
  padding: 20px!important;
}
body.booking-reservations-page section#listings.list ul.card-info {
  padding: 0 10px 0 15px;
}
div#area_booking div.list-table {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%)!important;
  padding: 15px !important;
  border-radius: 20px!important;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
div#booking_calendar.in-fieldset.disabled.loading {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  padding: 20px !important;
  border-radius: 20px;
  border-top: 2px solid #fff;
  box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
  margin-bottom: 15px;
}
/* Edit listing */
.edit-listing-page div.submit-cell.selected-category {
    padding: 5px 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
.edit-listing-page .dynamic-content div.listing-form .form-media {
    margin-bottom: 0px;
    padding: 20px 20px 15px 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}

div.inside-container.point1.clearfix.pb-5 {
  margin-bottom: 1rem!important;
}
/** FOOTER **/
.page-footer {
background: #f2f4f7;
color: #777777;
margin-top: 30px;
box-shadow: 0em 0em 1em #ffffff;
border-top: 3px solid rgb(255 255 255 / 50%);
}

/* PWA button */
  .pwa-install-button img {
      content: url(../../yungmod/img/icon/pwa.svg) ;
      width: 139px !important;
  }
  
  
/** PLUGINS **/
/* Compare */
/* Tab */
@media screen and (min-width: 576px) {
  .compare-ad-tab {
    max-width: 155px;
    padding: 4px 8px 5px 15px!important;
    position: relative;
    border-radius: 10px 0px 0px 10px;
  }
  .compare-ad-list {
      border-radius: 15px 0px 0px 15px !important;
      box-shadow: 0px 0px 10px rgb(0 0 0 / 39%) !important;
  }
}
@media screen and (max-width: 576px) {
  .compare-ad-tab {
    height: 39px;
    width: 39px;
    min-height: auto;
    padding: 0px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
  }
}
.compare-ad-list ul > li > a img{
  border-radius: 12px;
}
body.compare-listings-page div.highlight {
    padding: 20px;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background: #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
}
div.compare-table .preview img {
    border-radius: 10px;
}

/* Bookmark */
.content_block.no-style.bookmarks {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px !important;
    margin-bottom: 30px !important;
}
.content_block.no-style.bookmarks h3 {
  font-size: 1rem;
}
.content_block.no-style.bookmarks div {
  margin-top: 0px;
}
.a2a_kit.a2a_bartheme_transparent .a2a_svg {
  margin-right: 10px;
  border-radius: 8px!important;
}



/* Banner */
section#listings.list div.banner-in-grid.col-sm-12 {
  padding-left: 0px;
  padding-right: 16px;
}
#listings.list div.banner-in-grid > .content_block {
    margin-bottom: 10px;
    padding: 0px !important;
    background: #d9efff;
    border-radius: 15px;
    box-shadow: none;
}
#listings.grid div.banner-in-grid > .content_block {
    margin-bottom: 10px;
    padding: 0px !important;
    background: #d9efff;
    border-radius: 15px;
    box-shadow: none;
}


/* Responsive */
/*** MOBILE VIEW ***/
@media screen and (max-width: 575px), screen and (max-width: 767px), screen and (max-width: 991px) {
  .carousel .carousel-item img {
      border-radius: 0px;
  }
/* homepage horizontal search */
 body.home-page .header-tabs .tabs > li:not(.more):not(.overflowed) {
  margin-right: 10px !important;
  padding: 0 !important;
}
body.home-page .header-tabs .tabs > li:not(.more):not(.overflowed) > * {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 15px !important;
  white-space: nowrap;
}
    .home-page .main-wrapper .header-tabs__tabs-exists {
    margin-top: 0px !important;
}
  body.home-page div.y-horizontal-search {
    padding: 18px 5px 18px 5px;
  }
  ul.tabs > li {
    margin-right: 15px;
  }
  body.home-page div.y-horizontal-search .search-form-cell > div {
    margin: 15px 10px 0;
  }
  body.home-page div.y-horizontal-search .header-tabs .tabs {
          margin-left: 10px;
          margin-right: 10px;
      }
  body.home-page div.y-horizontal-search ul.tabs > li.overflowed > ul > li.active a {
      color: var(--link-hover);
      box-shadow: inset -3px 0px 0px var(--button-color);
      background: #0794fa;
  }
  body.home-page div.y-horizontal-searchul.tabs > li.overflowed > ul {
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
  }
/* category box */
body.home-page section.content_block.ltcb_rent, body.home-page section.content_block.ltcb_community, body.home-page section.content_block.listing_type_biz {
    background: white;
    padding: 15px 15px 10px 15px!important;
    border-top: 2px solid #fff;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff;
    border-radius: 20px;
}
body.home-page section.content_block:not(.no-style) > div {
  padding: 0 0 10px 0;
}
    /* the row becomes the 2-column container */
    div#categories_lt_biz .categoty-column {
      display: block;
      column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      margin-left: 0;
      margin-right: 0;
    }
    
    /* each category stays whole inside one column */
    div#categories_lt_biz .categoty-column > .item {
      display: block;
      width: 100%;
      max-width: 100%;
      padding: 0 0 8px;
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
    }
    
    .listings_box, section#listings.grid.row {
    margin: 0 !important;
    padding: 20px 10px 20px 10px !important;
    border-radius: 0px !important;
    border-top: 2px solid #fff !important;
    background: #fff !important;
    box-shadow: 3px 3px 6px #dcdcdc, -1px -1px 6px #ffffff !important;
}
section#listings.grid.row {
  margin: 20px  0!important;
}
aside.middle {
    padding-top: 0px;
}

/* R listing list */
#listings.grid div.banner-in-grid > .content_block {
  margin-left: 0px;
  margin-right: 0px;
}
ul.featured .icons > span,
section#listings ul.nav-column > li:last-child {
  margin-right: 6px;
}

/* R filter */
.filter-container__header-title {
  font-size: 1em;
}
.filter-container section.side_block {
  backdrop-filter: none;
  padding: 15px 0px;
  box-shadow: none;
  background: none;
}
    section.side_block > h3 {
    font-size: 1em !important;
}

.filter-container .scrollbar:not(.scrollbar_no-padding) {
  padding-right: 0px;
}

/* R listing detail */
div.gallery > #media {
  padding-bottom: 66%;
}
div.gallery {
  padding-bottom: 0px;
}
div.gallery > div.thumbs .f-carousel__slide.locked img {
    background: url(../../yungmod/img/mobile_medialock2.svg) center center no-repeat;
    background-size: 33%;
    border-radius: 15px;
    border-top: 2px solid #fff;
    background-color: rgb(252, 252, 252);
    box-shadow: 0px 0px 3px #dcdcdc, -1px -1px 1px #ffffff;
}
button.id_button.btn {
  border-radius: 6px;
  margin-bottom: 15px;
}
section.side_block ul.featured > li div.picture .services {
  display: none!important;
}

/* R add listing */
ul.plans > li > div.frame {
    border-radius: 15px;
    margin-right: 0px;
    margin-bottom: 15px !important;
}
ul.plans > li {
  margin-bottom: 15px;
}
section#main_container aside.left {
    margin-bottom: 22px;
    margin-top: 20px;
}
.edit-listing-page form#listing_form div.content-padding, .add-listing-page form#listing_form div.content-padding {
  padding: 10px 0px 1px 0px;
}
ul#payment_gateways li {
  width: 100%;
}
/* R map search */
    body.search-on-map-page .search-map-container div.mobile-navigation > div.map:after, body.search-on-map-page .search-map-container div.mobile-navigation > div.map.active:after {
    background: url(../img/icon/map_search/map.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 12px;
}
.search-map-container div.mobile-navigation > div.list:after {
    background: url(../img/icon/map_search/list.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 12px;
}
    .search-map-container div.mobile-navigation > div:after {
    background: url(../img/icon/map_search/search.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 12px;
}
.search-map-container #map_listings div.wrapper > div {
    padding: 0 5px;
}

.search-map-container #map_listings div.picture {
    width: 100%;
    height: 100%!important;
    padding-bottom: 60%!important;
}
body.search-on-map-page .search-map-container #map_listings > div section {
  margin: 0px;
  padding: 0px!important;
}
body.search-on-map-page .search-map-container #search_area {
  background: white!important;
  padding: 15px 15px 30px 15px !important;
  border-top: 2px solid #fff;
  border-radius: 20px 20px 0px 0px;
}

/* Responsive Booking */
body.booking-reservations-page section.list {
  padding: 15px!important;
  margin: 0px;
}
body.booking-reservations-page section#listings.list ul.card-info {
  padding: 0 10px 0 15px;
}
body.booking-reservations-page section#listings.list div.picture {
  height: 50%;
  padding-bottom: 50%;
  margin-bottom: 10px;
}
/* Responsive My listing */
section#listings.my-listings.list div.picture {
  width: 100%;
  height: auto;
  padding-bottom: 35%;
}
.my-listings div.stat ul > li {
  padding: 0px;
}
.my-listings li.make_featured {
 margin-top: -40px;
}
.my-listings li.featured {
 margin-top: -42px;
}
/* Responsive plugin */
/* R Compare */
    .compare-ad-container.active {
    z-index: 300;
}    .compare-ad-tab {
    height: 39px!important;
    width: 39px!important;
    min-height: auto;
}
    h1 {
   font-size: 1.39em;
   margin-bottom: 20px;
   padding: 0 15px;
   line-height: 1.28em;
}
}
    
    @media screen and (max-width: 991px) {
        .filter-icon {
            width: 40px;
            height: 40px;
            padding: 8px;
            fill: none;
            stroke: var(--listing-card-icon-color, #2d6fe3);
            border: 2px solid #393939;
            border-radius: 6px;
        }
    }