.elementor-sticky--active{z-index:99}.elementor-sticky__spacer .e-n-menu .e-n-menu-content{display:none}.e-con.elementor-sticky--active{z-index:var(--z-index,99)}.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,.33,.07,1.03)}@media (prefers-reduced-motion:reduce){.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:0s!important}}.elementor-motion-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);width:100%}.elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.elementor-motion-effects-perspective{perspective:1200px}.elementor-motion-effects-element{transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.mk-footer {
--mk-navy: #172740;
--mk-cream: #faf5ef;
--mk-gold: #d0a375;
--mk-muted: #6a7686;
--mk-google-border: #eadcc9;
background: var(--mk-cream);
color: var(--mk-navy);
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
line-height: 1.6;
}
.mk-footer__inner {
max-width: 1280px;
margin: 0 auto;
padding: 60px;
padding-bottom: 10px;
} .mk-footer__top {
display: flex;
align-items: stretch;
}
.mk-footer__brand {
flex: 0 0 30%;
max-width: 30%;
padding: 20px 30px;
}
.mk-footer__nav {
padding: 20px 30px;
border-left: 1px solid var(--mk-gold);
}
.mk-footer__nav--links {
flex: 0 0 40%;
max-width: 40%;
}
.mk-footer__nav--articles {
flex: 1 1 30%;
max-width: 30%;
} .mk-footer__logo {
display: inline-block;
}
.mk-footer__logo img {
display: block;
width: 280px;
max-width: 100%;
height: auto;
aspect-ratio: 280 / 85;
}
.mk-footer__brand-sep {
display: flex;
align-items: center;
margin: 20px 0;
}
.mk-footer__brand-sep span {
display: block;
width: 100%;
height: 1px;
background: var(--mk-gold);
}
.mk-footer__about {
margin: 0 0 24px;
color: var(--mk-navy);
font-size: 16px;
} .mk-google-badge {
display: block;
background-color: #fff;
border: 1px solid var(--mk-google-border);
border-radius: 10px;
padding: 16px 20px;
width: 300px;
max-width: 100%;
box-sizing: border-box;
box-shadow: 0 2px 8px rgba(10, 28, 54, .04);
text-decoration: none;
}
.mk-badge-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.mk-google-brand {
display: flex;
align-items: center;
gap: 10px;
}
.mk-google-logo {
width: 50px;
height: 50px;
display: block;
}
.mk-brand-name {
color: #0a1c36;
font-size: 15px;
font-weight: 700;
}
.mk-rating-score {
color: #0a1c36;
font-size: 17px;
font-weight: 700;
}
.mk-rating-score span {
font-size: 12px;
font-weight: 400;
color: var(--mk-muted);
}
.mk-stars-container {
display: flex;
gap: 2px;
margin-top: 2px;
}
.mk-stars-container .mk-star {
width: 20px;
height: 20px;
fill: #fbbc05;
} .mk-stars-container .mk-star--empty {
fill: #e0e0e0;
}
.mk-badge-footer {
color: #0a1c36;
font-size: 1rem;
opacity: .8;
} .mk-footer .mk-footer__title {
margin: 0 0 20px;
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 25px;
text-align: center;
color: var(--mk-navy) !important;
text-transform: uppercase;
} .mk-footer__list {
list-style: none;
margin: 0;
padding: 0;
}
.mk-footer__list li {
margin: 0 0 16px;
}
.mk-footer__list a {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--mk-navy);
text-decoration: none;
font-size: 18px;
line-height: 1.4;
transition: transform .2s ease, color .15s ease;
} .mk-footer__list a::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-right: 2px solid var(--mk-gold);
border-top: 2px solid var(--mk-gold);
transform: rotate(45deg);
}
.mk-footer__list a:hover {
color: var(--mk-gold);
transform: translateX(3px);
} .mk-footer__bottom {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid var(--mk-gold);
text-align: center;
}
.mk-footer__socials {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 20px;
}
.mk-footer__social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid var(--mk-gold);
border-radius: 50%;
color: var(--mk-navy);
transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.mk-footer__social svg {
width: 22px;
height: 22px;
}
.mk-footer__social:hover {
background: var(--mk-gold);
color: #fff;
border-color: var(--mk-gold);
}
.mk-footer__social-sep {
width: 1px;
height: 28px;
background: var(--mk-gold);
}
.mk-footer__copyright {
margin: 0;
color: var(--mk-navy);
font-size: 18px;
} @media (max-width: 1024px) {
.mk-footer__inner {
padding: 4%;
}
.mk-footer__top {
flex-direction: column;
}
.mk-footer__brand,
.mk-footer__nav--links,
.mk-footer__nav--articles {
flex: 0 0 100%;
max-width: 100%;
}
.mk-footer__brand {
padding: 20px 0;
}
.mk-footer__nav {
padding: 20px 0;
border-left: 0;
border-top: 1px solid var(--mk-gold);
}
}
@media (max-width: 575.98px) {
.mk-footer__title {
font-size: 22px;
line-height: 1.4em;
}
.mk-footer__logo img {
width: 220px;
}
}.melkeys-card {
--mk-navy: #172740;
--mk-cream: #f6eedb;
--mk-muted: #7a7f87;
--mk-border: #e4e7ea;
--mk-radius: 10px;
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
color: var(--mk-navy);
height: 100%;
} .melkeys-card .mk-card {
position: relative;
background: #fff;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
} .melkeys-card:hover .mk-card {
box-shadow: 0 8px 24px rgba(23, 39, 64, .12);
} .melkeys-card .mk-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}  .melkeys-card .mk-card__media {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 3;
z-index: 2;
} .melkeys-card .mk-card__media .listing-image-wrap {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.melkeys-card .mk-card__media .listing-thumb,
.melkeys-card .mk-card__media .listing-featured-thumb,
.melkeys-card .mk-card__media .listing-gallery-wrap,
.melkeys-card .mk-card__media .houzez-listing-carousel,
.melkeys-card .mk-card__media .slick-list,
.melkeys-card .mk-card__media .slick-track,
.melkeys-card .mk-card__media .slide-img,
.melkeys-card .mk-card__media .slide-img > a {
height: 100% !important;
}
.melkeys-card .mk-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter .3s ease;
} .melkeys-card .mk-card__media .slick-arrow {
z-index: 3;
} .melkeys-card .mk-card__media .houzez-listing-carousel,
.melkeys-card .mk-card__media .slick-list,
.melkeys-card .mk-card__media .slick-track {
touch-action: pan-y;
} .melkeys-card .mk-card__media .hover-effect::before,
.melkeys-card:hover .mk-card__media .hover-effect::before {
opacity: 0 !important;
} .melkeys-card .mk-card__media .mk-badges {
position: absolute;
top: 14px;
left: 14px;
right: 14px;
z-index: 3;
margin: 0;
}
.melkeys-card .mk-card__media .mk-badges .labels-wrap,
.melkeys-card .mk-card__media .mk-badges .label-featured {
position: static;
top: auto;
left: auto;
margin: 0;
}
.melkeys-card .mk-card__media .mk-badges .label {
font-size: 11px;
line-height: 1;
padding: 6px 10px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: .5px;
color: #fff;
background: var(--mk-navy);
text-decoration: none;
} .melkeys-card .mk-card__media .mk-badges .label-sold {
background: #b3261e;
} .melkeys-card .mk-card__body {
padding: 18px 18px 8px;
} .melkeys-card .mk-head-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.melkeys-card .mk-type {
font-size: 15px;
font-weight: 400;
color: var(--mk-navy);
line-height: 1.35;
}
.melkeys-card .mk-title {
font-size: 16px;
line-height: 1.35;
font-weight: 400;
margin: 0;
}
.melkeys-card .mk-title a {
color: var(--mk-navy);
text-decoration: none;
}
.melkeys-card .mk-title a:hover {
color: #000;
} .melkeys-card .mk-city {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .3px;
color: var(--mk-navy);
}
.melkeys-card .mk-city i {
font-size: 18px;
color: var(--mk-navy);
}  .melkeys-card .mk-fav {
flex: 0 0 auto;
position: relative;
z-index: 2;
}
.melkeys-card .mk-fav .item-tools {
position: static;
bottom: auto;
right: auto;
margin: 0;
padding: 0;
display: flex;
gap: 8px;
} .melkeys-card .mk-fav .item-tool.item-preview,
.melkeys-card .mk-fav .item-tool.item-compare {
display: none;
}
.melkeys-card .mk-fav .item-tool {
list-style: none;
}
.melkeys-card .mk-fav .item-tool > span {
width: auto;
height: auto;
line-height: 1;
border: 0;
background: transparent;
color: var(--mk-navy);
font-size: 24px;
}
.melkeys-card .mk-fav .item-tool > span:hover {
background: transparent;
color: #e34848;
} .melkeys-card .mk-sep {
margin: 14px 0;
}
.melkeys-card .mk-sep span {
display: block;
border-top: 1px solid var(--mk-border);
} .melkeys-card .mk-price {
margin-bottom: 16px;
}
.melkeys-card .mk-price-line {
display: flex;
align-items: flex-start;
gap: 2px;
} .melkeys-card .item-price-wrap {
position: static;
bottom: auto;
left: auto;
list-style: none;
margin: 0;
padding: 0;
}
.melkeys-card .item-price-wrap .item-price,
.melkeys-card .item-price-wrap .item-price .price {
font-size: 1rem;
font-weight: 400;
color: var(--mk-navy);
line-height: 20px;
}
.melkeys-card .mk-price-star {
font-size: 14px;
color: var(--mk-navy);
top: 0;
}
.melkeys-card .mk-price-note {
margin-top: 6px;
font-size: 12px;
color: var(--mk-muted);
line-height: 1.3;
} .melkeys-card .mk-specs {
list-style: none;
margin: 0 0 6px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 14px 18px;
color: var(--mk-navy);
}
.melkeys-card .mk-specs li {
position: relative;
display: flex;
align-items: baseline;
gap: 5px;
font-size: 15px;
}
.melkeys-card .mk-specs li .val {
font-weight: 700;
font-size: 20px;
position: relative;
}
.melkeys-card .mk-specs li .val:after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 16px;
height: 2px;
background: var(--mk-navy);
} .melkeys-card .mk-card__foot {
padding: 4px 18px 18px;
border-top: 0;
margin-top: auto;
}
.melkeys-card .mk-ref {
font-size: 12px;
color: var(--mk-muted);
} @media (max-width: 575px) {
.melkeys-card .mk-city {
font-size: 16px;
}
.melkeys-card .item-price-wrap .item-price,
.melkeys-card .item-price-wrap .item-price .price {
font-size: 21px;
}
}