/* =========================================================
   ALVEA YACHTS
   HEADER / NAVIGATION
   Joomla 3.7.3
   ========================================================= */


/* =========================================================
   HEADER
   ========================================================= */

.site-header {
    position: relative;
    z-index: 1000;

    width: 100%;

    background: #ffffff;
}
header.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  
}

/* =========================================================
   UTILITY BAR
   ========================================================= */

.utility-bar {
    width: 100%;

    background: #102a3a;
    color: #ffffff;
}

.utility-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 38px;
}

.utility-inner p {
    margin: 0;

    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
}

.utility-links {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.utility-links a,
.utility-links span {
    color: #ffffff;

    font-size: 0.75rem;
    line-height: 1;

    text-decoration: none;
}

.utility-links a:hover {
    text-decoration: underline;
}


/* =========================================================
   MAIN NAV ROW
   ========================================================= */

.nav-row {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 88px;
}


/* =========================================================
   LOGO
   ========================================================= */

.brand {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    text-decoration: none;
}

.brand img {
    display: block;

    width: auto;
    height: 58px;

    max-width: 180px;
}


/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.desktop-nav {
    display: block;
}

.desktop-nav .nav.menu {
    display: flex;
    align-items: center;
    gap: 1.8rem;

    margin: 0;
    padding: 0;

    list-style: none;
}

.desktop-nav .nav.menu > li {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Main level links */

.desktop-nav .nav.menu > li > a,
.desktop-nav .nav.menu > li > span {
    display: inline-flex;
    align-items: center;

    min-height: 44px;

    padding: 0.5rem 0;

    color: #102a3a;

    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.3;

    text-decoration: none;

    white-space: nowrap;
}

.desktop-nav .nav.menu > li > a:hover {
    color: #000000;
}


/* =========================================================
   DESKTOP PARENT ITEM ARROW
   ========================================================= */

.desktop-nav .nav.menu > li.parent > a::after,
.desktop-nav .nav.menu > li.deeper > a::after {
    content: "";

    width: 7px;
    height: 7px;

    margin-left: 9px;
    margin-top: -4px;

    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;

    transform: rotate(45deg);
}


/* =========================================================
   DESKTOP DROPDOWN
   ========================================================= */

.desktop-nav .nav.menu > li.parent > ul,
.desktop-nav .nav.menu > li.deeper > ul {
    position: absolute;

    top: calc(100% + 1px);
    left: -1rem;

    z-index: 1000;

    min-width: 250px;

    margin: 0;
    padding: 0.65rem 0;

    list-style: none;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.18s ease;
}


/* Keep dropdown open while pointer is over it */

.desktop-nav .nav.menu > li.parent:hover > ul,
.desktop-nav .nav.menu > li.deeper:hover > ul,
.desktop-nav .nav.menu > li.parent:focus-within > ul,
.desktop-nav .nav.menu > li.deeper:focus-within > ul {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* =========================================================
   DESKTOP DROPDOWN ITEMS
   ========================================================= */

.desktop-nav .nav.menu > li > ul > li {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.desktop-nav .nav.menu > li > ul > li > a {
    display: block;

    padding: 0.7rem 1rem;

    color: #102a3a;

    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.4;

    text-decoration: none;

    white-space: nowrap;
}

.desktop-nav .nav.menu > li > ul > li > a:hover {
    background: #f5f7f8;

    color: #102a3a;
}


/* =========================================================
   ACTIVE / CURRENT DESKTOP ITEM
   ========================================================= */

.desktop-nav .nav.menu > li.current > a,
.desktop-nav .nav.menu > li.active > a {
    color: #102a3a;

    font-weight: 600;
}

.desktop-nav .nav.menu > li.current > a::before,
.desktop-nav .nav.menu > li.active > a::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 4px;

    height: 1px;

    background: #102a3a;
}


/* =========================================================
   CONTACT BUTTON
   ========================================================= */

/*
   Προτείνεται να βάλεις στο Joomla menu item του Contact
   το CSS class:

   nav-contact
*/

.desktop-nav .nav.menu > li.nav-contact > a {
    display: inline-flex;
    align-items: center;

    min-height: auto;

    padding: 0.65rem 1.1rem;

    background: #102a3a;
    color: #ffffff;

    font-weight: 500;

    text-decoration: none;
}

.desktop-nav .nav.menu > li.nav-contact > a:hover {
    background: #183c52;
    color: #ffffff;
}


/*
   Αν το Joomla class μπει στο <li> ως:
   class="nav-contact"
   δεν θέλουμε το active underline.
*/

.desktop-nav .nav.menu > li.nav-contact.current > a::before,
.desktop-nav .nav.menu > li.nav-contact.active > a::before {
    display: none;
}


/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.mobile-nav {
    display: none;

    position: relative;
}


/* =========================================================
   MOBILE TOGGLE
   ========================================================= */

.mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;
    color: #102a3a;

    cursor: pointer;
}

.mobile-menu-toggle:hover {
    color: #000000;
}

.mobile-menu-toggle:focus-visible {
    outline: 2px solid #102a3a;
    outline-offset: 3px;
}


/* =========================================================
   MOBILE MENU PANEL
   ========================================================= */

.mobile-menu-panel {
    position: absolute;

    top: calc(100% + 1px);
    right: 0;
    left: 0;

    z-index: 1100;

    width: 100vw;

    margin-left: auto;

    background: #ffffff;

    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   MOBILE MENU LIST
   ========================================================= */

.mobile-menu-panel .nav.menu {
    display: block;

    margin: 0;
    padding: 0;

    list-style: none;
}

.mobile-menu-panel .nav.menu > li {
    position: relative;

    display: block;

    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e5e7eb;

    list-style: none;
}


/* =========================================================
   MOBILE MAIN LINKS
   ========================================================= */

.mobile-menu-panel .nav.menu > li > a {
    display: block;

    padding: 1rem 1.25rem;

    color: #102a3a;

    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;

    text-decoration: none;
}

.mobile-menu-panel .nav.menu > li > a:hover {
    background: #f5f7f8;
}


/* =========================================================
   MOBILE PARENT
   ========================================================= */

.mobile-menu-panel .nav.menu > li.parent,
.mobile-menu-panel .nav.menu > li.deeper {
    position: relative;
}


/*
   Space on the right of parent link because the
   expand button sits there.
*/

.mobile-menu-panel .nav.menu > li.parent > a,
.mobile-menu-panel .nav.menu > li.deeper > a {
    padding-right: 4rem;
}


/* =========================================================
   MOBILE EXPAND BUTTON
   ========================================================= */

.mobile-submenu-toggle {
    position: absolute;

    top: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;
    color: #102a3a;

    cursor: pointer;
}


/* Chevron */

.mobile-submenu-toggle::before {
    content: "";

    width: 8px;
    height: 8px;

    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;

    transform: rotate(45deg);

    transition: transform 0.18s ease;
}


/* Open state */

.mobile-submenu-toggle[aria-expanded="true"]::before {
    transform: rotate(225deg);
}


.mobile-submenu-toggle:hover {
    background: #f5f7f8;
}

.mobile-submenu-toggle:focus-visible {
    outline: 2px solid #102a3a;
    outline-offset: -3px;
}


/* =========================================================
   MOBILE SUBMENU
   ========================================================= */

.mobile-menu-panel .nav.menu > li > ul {
    display: none;

    margin: 0;
    padding: 0;

    background: #f8fafb;

    list-style: none;
}


/* Open submenu */

.mobile-menu-panel .nav.menu > li.submenu-open > ul {
    display: block;
}


/* =========================================================
   MOBILE SUBMENU ITEMS
   ========================================================= */

.mobile-menu-panel .nav.menu > li > ul > li {
    margin: 0;
    padding: 0;

    border-top: 1px solid #e5e7eb;

    list-style: none;
}

.mobile-menu-panel .nav.menu > li > ul > li > a {
    display: block;

    padding: 0.85rem 1.25rem 0.85rem 2rem;

    color: #304858;

    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.4;

    text-decoration: none;
}

.mobile-menu-panel .nav.menu > li > ul > li > a:hover {
    background: #eef2f4;
}


/* =========================================================
   MOBILE ACTIVE ITEM
   ========================================================= */

.mobile-menu-panel .nav.menu > li.current > a,
.mobile-menu-panel .nav.menu > li.active > a {
    font-weight: 600;
}

.mobile-menu-panel .nav.menu > li > ul > li.current > a,
.mobile-menu-panel .nav.menu > li > ul > li.active > a {
    font-weight: 600;
}


/* =========================================================
   MOBILE CONTACT
   ========================================================= */

.mobile-menu-panel .nav.menu > li.nav-contact > a {
    background: #102a3a;
    color: #ffffff;

    font-weight: 500;
}

.mobile-menu-panel .nav.menu > li.nav-contact > a:hover {
    background: #183c52;
    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1023px) {

    .utility-inner {
        min-height: 34px;
    }

    .utility-inner p {
        display: none;
    }

    .utility-inner {
        justify-content: flex-end;
    }

    .nav-row {
        min-height: 76px;
    }

    .desktop-nav {
        display: none;
    }

    .mobile-nav {
        display: block;
    }

    .brand img {
        height: 52px;
        max-width: 165px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 639px) {

    .utility-links {
        gap: 0.9rem;
    }

    .utility-links a,
    .utility-links span {
        font-size: 0.7rem;
    }

    .nav-row {
        min-height: 70px;
    }

    .brand img {
        height: 46px;
        max-width: 145px;
    }

    .mobile-menu-panel {
        right: -1rem;
        left: -1rem;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .desktop-nav .nav.menu > li > ul,
    .mobile-submenu-toggle::before {
        transition: none;
    }

}

.nav-contact {
   padding: 11px 20px !important;
}

.nav-contact:hover {
   color: #fff !important;
}

@media (max-width: 840px) {
 .utility-links .mod-languages a:first-child {
    display: block;
  }
	
	div.mod-languages ul.lang-inline li {
  display: inline-block;
}
}

.social-links {
  display: flex;
  align-items: center;
  gap: 8px;
}

.social-links a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  margin: 0;
  border: 1px solid rgba(0,0,0,.28);
  border-radius: 50%;
  color: #000;
  font-size: .68rem;
  font-weight: 700;
}

.social-links a:hover {
  border-color: var(--gold);
  color: var(--gold);
}

body{--navy:#102a3a;--navy2:#0b202c;--sea:#356b87;--ice:#f2f5f5;--ink:#15242d;--muted:#5d6a70;--line:#d9e0e2;--sand:#bba483;--shadow:0 20px 55px rgba(10,37,50,.10)}
.search-wrap .container {
  width: min(1240px,calc(100% - 64px));margin: auto;
}
.search-wrap{margin-top:-58px;position:relative;z-index:4}.search-panel{background:#fff;box-shadow:var(--shadow);padding:22px 28px 24px;} .search-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.search-heading h2{font-size:25px}.search-heading span{font-size:13px;color:var(--muted)}

.field{position:relative}.field label{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#1f2933;margin:0 0 6px 2px}.field input,
.field select{width:100%;height:49px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 14px;border-radius:0;outline:none} .field input:focus,
.field select:focus{border-color:var(--sea);box-shadow:0 0 0 2px rgba(53,123,164,.12)}.search-btn,
.reset-btn{height:49px;min-width:126px;flex:1}.reset-btn{background:#fff;color:var(--navy);border:1px solid var(--line);cursor:pointer}

@media (max-width: 650px) {
  .search-wrap .container {
    width: calc(100% - 32px);
  }
}

.page-list #yacht-search .filters {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.page-list #yacht-search .filters-row-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.page-list #yacht-search .filters-row-2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    min-width: 0;
}

.page-list #yacht-search .filters-row-3 {
     display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: end;
}

.page-list #yacht-search .field {
    position: relative;
    min-width: 0;
}

.page-list #yacht-search .field > label,
.page-list #yacht-search .range-head > label {
    display: block;
    margin: 0 0 8px 2px;
    color: #1f2933;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.page-list #yacht-search .field select,
.page-list #yacht-search .field > input {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    color: var(--ink);
}

.page-list #yacht-search .field input:focus,
.page-list #yacht-search .field select:focus {
    border-color: var(--sea);
    box-shadow: 0 0 0 2px rgba(53,123,164,.12);
    outline: none;
}


.page-list #yacht-search .range-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.page-list #yacht-search .range-input {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.page-list #yacht-search .range-input label {
    display: block;
    margin: 0 0 2px 1px;
    color: #697586;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.page-list #yacht-search .range-input input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 0;
    outline: none;
    background: #fff;
    color: var(--ink);
    font-size: 14px;
    box-shadow: none;
}

.page-list #yacht-search .range-input input:focus {
    border-color: var(--sea);
    box-shadow: 0 0 0 2px rgba(53,123,164,.12);
}

.page-list #yacht-search .range-slider {
    margin: 10px 5px 12px;
}

.page-list #yacht-search .range-value {
    min-height: 15px;
    color: #697586;
    font-size: 11px;
}

.page-list #yacht-search .length-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.page-list #yacht-search .length-heading > label {
    margin-bottom: 8px;
}

.page-list #yacht-search .length-unit {
    display: inline-flex;
    margin-bottom: 8px;
    border: 1px solid var(--line);
}

.page-list #yacht-search .unit-btn {
    min-width: 34px;
    height: 28px;
    padding: 3px 8px;
    border: 0;
    background: #fff;
    color: var(--ink);
    cursor: pointer;
}

.page-list #yacht-search .unit-btn.active {
    background: var(--navy);
    color: #fff;
}


.page-list #yacht-search .search-actions {
    display: flex;
    gap: 10px;
    min-width: 0;
}

.page-list #yacht-search .search-actions button {
    box-sizing: border-box;
    height: 46px;
    min-width: 0;
    flex: 1 1 0;
}

.page-list #yacht-search .reset-btn {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    cursor: pointer;
}

@media (max-width: 991px) {
    .page-list #yacht-search .filters-row-2 {
        gap: 14px;
    }

    .page-list #yacht-search .range-inputs {
        gap: 6px;
    }

    .page-list #yacht-search .range-input {
        padding: 7px;
    }
}

@media (max-width: 700px) {
    .page-list #yacht-search .filters-row-1,
    .page-list #yacht-search .filters-row-2,
    .page-list #yacht-search .filters-row-3 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* REF takes half of the row */
.page-list #yacht-search .filters-row-3 .ref-field {
  min-width: 0;
}

/* Actions occupy the other half */
.page-list #yacht-search .filters-row-3 .search-actions {
  display: grid;
  grid-template-columns: 74fr 25fr;
  gap: 8px;
  min-width: 0;
  align-items: end;
}

/* Inputs and buttons fill their grid cells */
.page-list #yacht-search .filters-row-3 .ref-field input,
.page-list #yacht-search .filters-row-3 .search-actions button {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

@media (max-width: 600px) {
  .page-list #yacht-search .filters-row-3 {
    grid-template-columns: 1fr;
  }
}
/* Align each range label and value on one line */
.page-list #yacht-search .search-range > .range-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 38px;
  margin-bottom: 12px;
}

.page-list #yacht-search .search-range > .range-head > label {
  flex: 0 0 auto;
  margin: 0;
}

/* Range value on the right */
.page-list #yacht-search .search-range > .range-head > .range-value {
  display: block;
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3;
  color: #697586;
}

/* Length: label left, unit toggle middle, range right */
.page-list #yacht-search .length-heading {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
}

.page-list #yacht-search .length-heading > label {
  justify-self: start;
}

.page-list #yacht-search .length-heading .length-unit {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.page-list #yacht-search .length-heading > .range-value {
  justify-self: end;
  margin-left: 0;
}

/* No UI Slider */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

.page-list .search-range {
    margin-bottom: 28px;
}

.page-list .range-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.page-list .range-head label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2933;
}

.page-list .range-head span {
    font-size: 13px;
    color: #777;
}

.page-list .range-slider {
    height: 4px;
    margin: 0 8px;
}

.page-list .range-slider.noUi-target {
    border: 0;
    box-shadow: none;
}

.page-list .range-slider .noUi-base {
    background: #e1e4e7;
}

.page-list .range-slider .noUi-connect {
    background: #1f2933;
}

.page-list .range-slider .noUi-handle {
    width: 18px;
    height: 18px;
    right: -9px;
    top: -7px;
    border-radius: 50%;
    border: 2px solid #1f2933;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
}

.page-list .range-slider .noUi-handle::before,
.page-list .range-slider .noUi-handle::after {
    display: none;
}

.page-list .btn-dark {
  background: var(--navy);
  color: #fff;
}

/* COOKIE BAR */
#alvea-cookie-bar {
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  left: 20px;
  right: 20px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 24px;
  background: #172a35;
  color: #fff;
  border: 1px solid rgba(214,183,128,.5);
  border-radius: 5px;
  box-shadow: 0 8px 35px rgba(0,0,0,.22);
  font-family: inherit;
  font-size: 14px;
}
#alvea-cookie-bar[hidden],
#alvea-cookie-settings[hidden] {
  display: none !important;
}
#alvea-cookie-bar .ac-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 8px;
}
#alvea-cookie-bar p {
  margin: 0 0 16px;
  line-height: 1.6;
  color: #e2e7e9;
}
#alvea-cookie-bar .ac-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
#alvea-cookie-bar button {
  min-height: 42px;
  padding: 10px 17px;
  border: 1px solid #d6b780;
  border-radius: 3px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
#alvea-cookie-bar .ac-accept {
  background: #d6b780;
  color: #172a35;
}
#alvea-cookie-bar .ac-reject {
  background: transparent;
  color: #fff;
}
#alvea-cookie-bar .ac-settings {
  background: transparent;
  border-color: transparent;
  color: #fff;
  text-decoration: underline;
}
#alvea-cookie-settings {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.2);
}
#alvea-cookie-settings label {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 12px 0;
}
#alvea-cookie-settings input {
  width: 17px;
  height: 17px;
  accent-color: #d6b780;
}
#alvea-cookie-settings .ac-essential {
  opacity: .8;
}
#alvea-cookie-reopen {
  position: fixed;
  z-index: 99998;
  bottom: 12px;
  left: 12px;
  background: #172a35;
  color: white;
  border: 1px solid #d6b780;
  border-radius: 3px;
  padding: 9px 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
#alvea-cookie-reopen[hidden] {
  display: none !important;
}
@media (max-width: 600px) {
  #alvea-cookie-bar {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 18px;
  }
  #alvea-cookie-bar .ac-actions button {
    flex: 1 1 100%;
  }
}
@media (max-width: 600px) {
	  .footer-meta {
		justify-content: space-between;
		margin-top: 0px;
		flex-direction: column;
	}
	.footer-bottom p {margin-top: 16px; text-align:center;}
}