.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-5e0dbacb */.elementor-5421 .elementor-element.elementor-element-5e0dbacb { flex-grow: 1; min-width: 0px; position: static; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-widget-container { position: static; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main { justify-content: flex-end; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-nav-menu { flex-shrink: 0; justify-content: flex-end; flex-wrap: nowrap; column-gap: calc(clamp(14px, 1.8vw, 28px) + 5px); } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-nav-menu:after { display: none; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-nav-menu > li { margin: 0px; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-item { color: rgba(255, 255, 255, 0.92); fill: rgba(255, 255, 255, 0.92); font-family: inherit; font-size: clamp(11px, 0.92vw, 13px); font-weight: 600; letter-spacing: 0.02em; line-height: 1.5; text-transform: capitalize; white-space: nowrap; padding: 6px 0px; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-item:hover, .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-item.highlighted { color: #ffffff; fill: #ffffff; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .elementor-item:after { background-color: #a23131; height: 2px; bottom: 0px; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main .sub-arrow { display: none; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--dropdown { background-color: #211b18; border: 1px solid rgba(189, 162, 118, 0.38); border-radius: 8px; padding: 8px; box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32); } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--dropdown a { color: #ffffff; fill: #ffffff; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.35; text-transform: capitalize; padding: 10px 12px; border-radius: 6px; background-color: transparent; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--dropdown a:hover, .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--dropdown a.highlighted { color: #ffffff; background-color: rgba(189, 162, 118, 0.16); } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-menu-toggle { width: 44px; height: 44px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; color: #ffffff; padding: 9px; margin-left: auto; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-menu-toggle svg { fill: #ffffff; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb nav.elementor-nav-menu--dropdown { position: absolute; top: calc(100% + 8px); left: 0px; right: 0px; z-index: 90; max-height: calc(100vh - 120px); overflow-y: auto; } @media (max-width: 1439px) { .elementor-5421 .elementor-element.elementor-element-5e0dbacb { order: 3; flex-grow: 0; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-nav-menu--main { display: none; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb .elementor-menu-toggle { display: flex; } .elementor-5421 .elementor-element.elementor-element-5e0dbacb nav.elementor-nav-menu--dropdown { display: block; } }/* End custom CSS */
/* Start custom CSS *//* ===== Header: transparent at the top of the page, dark once you scroll =====
   The dark look is the header's normal style (edit it on the Header element).
   These rules only describe how it looks while the page is at the very top.
   It follows the scroll position directly, without JavaScript. Browsers that
   do not support scroll-driven animations simply show the dark header always. */
@keyframes elb-header-top {
  from { background-color: rgba(32, 26, 24, 0); box-shadow: 0 4px 28px rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); padding-top: 6px; padding-bottom: 6px; }
}
@keyframes elb-header-bar-top {
  from { min-height: 84px; border-bottom-color: rgba(255, 255, 255, 0.18); }
}
@keyframes elb-header-bar-top-phone {
  from { min-height: 72px; border-bottom-color: rgba(255, 255, 255, 0.18); }
}
@supports (animation-timeline: scroll()) {
  #elb-header { animation: elb-header-top linear both; animation-timeline: scroll(root block); animation-range: 0px 64px; }
  #elb-header-bar { animation: elb-header-bar-top linear both; animation-timeline: scroll(root block); animation-range: 0px 64px; }
  @media (max-width: 767px) {
    #elb-header-bar { animation-name: elb-header-bar-top-phone; }
  }
}

/* ===== Language switch (GTranslate) as the dark pill =====
   GTranslate inserts its switcher into the header's button row and into the
   footer row on phones. It is plugin markup, so it can only be styled here. */
.luxury-nav-actions > .gt_switcher,
.luxury-drawer-footer > .gt_switcher { position: relative !important; display: flex !important; align-items: center !important; flex: 0 0 124px !important; width: 124px !important; min-width: 124px !important; height: 36px !important; margin: 0 16px 0 0 !important; overflow: visible !important; border-radius: 999px !important; font-family: Inter, sans-serif !important; line-height: 1 !important; z-index: 9999 !important; cursor: pointer; }
.luxury-drawer-footer > .gt_switcher { margin: 0 !important; }
.luxury-nav-actions > .gt_switcher .gt_selected,
.luxury-drawer-footer > .gt_switcher .gt_selected { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; background: transparent !important; z-index: 9999 !important; }
.luxury-nav-actions > .gt_switcher .gt_selected a,
.luxury-drawer-footer > .gt_switcher .gt_selected a { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; box-sizing: border-box !important; width: 124px !important; min-width: 124px !important; height: 36px !important; padding: 0 22px 0 14px !important; border: 1px solid rgba(194, 163, 107, 0.55) !important; border-radius: 20px !important; background: #201a18 !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important; color: #ffffff !important; font-family: Inter, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; transition: border-color 0.2s; }
.luxury-nav-actions > .gt_switcher .gt_selected a:hover,
.luxury-drawer-footer > .gt_switcher .gt_selected a:hover { border-color: #c2a36b !important; }
.luxury-nav-actions > .gt_switcher .gt_selected a:after,
.luxury-drawer-footer > .gt_switcher .gt_selected a:after { display: none !important; }
.luxury-nav-actions > .gt_switcher a img,
.luxury-drawer-footer > .gt_switcher a img { display: block !important; flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; height: 12px !important; margin: 0 !important; object-fit: cover; border-radius: 2px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); opacity: 0.8 !important; }
.luxury-nav-actions > .gt_switcher .gt_selected a img,
.luxury-drawer-footer > .gt_switcher .gt_selected a img { position: relative !important; left: 5px !important; }
.luxury-nav-actions > .gt_switcher .gt_option,
.luxury-drawer-footer > .gt_switcher .gt_option { position: absolute !important; top: calc(100% + 8px) !important; left: 50% !important; transform: translateX(-50%); box-sizing: border-box !important; width: 140px !important; min-width: 140px !important; height: auto !important; max-height: none !important; padding: 6px 0 !important; overflow: hidden !important; border: 1px solid rgba(194, 163, 107, 0.35) !important; border-radius: 8px !important; background: #1e1b18 !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important; z-index: 100000 !important; }
.luxury-drawer-footer > .gt_switcher .gt_option { top: auto !important; bottom: calc(100% + 8px) !important; }
.luxury-nav-actions > .gt_switcher .gt_option a,
.luxury-drawer-footer > .gt_switcher .gt_option a { display: flex !important; align-items: center !important; gap: 10px !important; box-sizing: border-box !important; width: auto !important; padding: 9px 14px !important; border: 0 !important; background: transparent !important; color: rgba(255, 255, 255, 0.85) !important; font-family: Inter, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; }
.luxury-nav-actions > .gt_switcher .gt_option a.gt_current,
.luxury-drawer-footer > .gt_switcher .gt_option a.gt_current { display: flex !important; color: #c2a36b !important; font-weight: 600 !important; }
.luxury-nav-actions > .gt_switcher .gt_option a:hover,
.luxury-drawer-footer > .gt_switcher .gt_option a:hover { background: rgba(194, 163, 107, 0.16) !important; color: #c2a36b !important; }

/* ===== Language switch on phones: a flag button beside the menu button =====
   Up to 767 px the pill shrinks to a square button that shows only the flag
   of the current language. A tap opens the same list of languages. */
@media (max-width: 767px) {
  .luxury-nav-actions > .gt_switcher { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 6px !important; }
  .luxury-nav-actions > .gt_switcher .gt_selected a { justify-content: center !important; gap: 0 !important; width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; border-color: rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; background: rgba(255, 255, 255, 0.1) !important; box-shadow: none !important; font-size: 0 !important; letter-spacing: 0 !important; }
  .luxury-nav-actions > .gt_switcher .gt_selected a img { left: 0 !important; flex: 0 0 24px !important; width: 24px !important; min-width: 24px !important; height: 16px !important; max-height: 16px !important; opacity: 1 !important; }
  .luxury-nav-actions > .gt_switcher .gt_option { left: auto !important; right: 0 !important; transform: none; }
}/* End custom CSS */