/* 
-------As Per Page Format Order----------
 header,full-width-hero-banner,introduction-text-location-social,footer-preferred-travel-magazine,breadcrumb,articles-list-with-filter-option */ 

.megamenuthirdlevel .edit-overlay{margin-left: 0 !important;}
#header {
  position: relative;
  width: 100%;
  background: var(--background-white-color);
  border-bottom: 1px solid var(--background-neutral-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding: 0 var(--spacing-8);
  z-index: 3;
}
#header.is-fixed {
  position: fixed;
  padding-top: 0;
  transition: background 5s ease;
  top:0;
}
#header .uk-container-expand {
  max-width: 1600px;
  width: 100%;
  padding: 0 var(--spacing-8);
}
#header .uk-navbar-container {
  background: none;
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-4) 0;
  gap: var(--spacing-8);
}
.uk-navbar-left {
  width: 170px;
  height: 56px;
}
a.uk-logo {
  width: auto;
  height: auto;
  min-height: auto;
  display: inline-block;
}
img.header__logo {
  max-width: 100%;
  display: inline-block;
  background: transparent;
}
.uk-navbar-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-4);
  flex: 1 0 0;
  padding: 4px 0;
}
.header .menu-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4);
  flex: 1 0 0;
  margin: 0;
  padding: 0;
}
.header .menu-items > li {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 5px;
}
.header .menu-items .menu-toggle {
  position: relative;
  padding-right: 25px; filter: opacity(1);
} 
.header .menu-items .menu-toggle:after {
  content: "\e906";
  font-family: 'icomoon';
  color: var(--gray-400);
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 1px;
}
.header .menu-items > li > a.menu-toggle:hover:after, .header .menu-items > li > a.menu-toggle:focus:after{  color: var(--gray-400);}
.header .menu-items > li > a.menu-toggle[aria-expanded=true]:after{
  color: var(--gray-400);
  transform: rotate(180deg);
}
.header .menu-items > li > a:hover, .header .menu-items > li > a[aria-expanded=true] {
  color: var(--theme-secondary-color);
}
.header .menu-items > li > a .uk-icon {
  transition: .3s ease-in-out;
  transform: rotate(0deg);
}
.header .menu-items > li > a[aria-expanded="true"] .uk-icon {
  transform: rotate(180deg);
}
.uk-navbar-dropdown {
  background: var(--background-white-color);
  border-radius: 2px;
  box-shadow: 0 20px 36px -12px rgba(15, 15, 15, 0.18);
  padding: 0;
}
.simple-dropdown {
  width: 240px;
  top: 63px !important;
}
.simple-dropdown ul {
  background: var(--background-white-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 4px 0;
}
.simple-dropdown ul li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-2);
  flex: 1 0 0;
  padding: 2px var(--spacing-2);
  margin: 0;
}
.simple-dropdown ul li a {
  width: 100%;
  color: var(--text-base);
  background: var(--background-white-color);
  border-radius: 2px;
  padding: 6px var(--spacing-2);
  flex: 1 0 0;
}
.simple-dropdown ul li a.navON, .simple-dropdown ul li a:hover, .simple-dropdown ul li a:focus {
  background: var(--gray-100);
}
.simple-dropdown ul li a:hover, .simple-dropdown ul li a:focus-visible {
  color: var(--text-base);
  background: var(--background-base-color);
  text-decoration: none;
}
.megamenu-dropdown {
  width: 972px;    top: 63px !important;
}
.megamenu-area {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-4);
}
.megamenu-dropdown-ltem {
  display: flex;
}
.megamenu-left {
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 4px 0;
}
.megamenu-left ul {
  background: var(--background-white-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 4px 0;
}
.megamenu-left ul li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-2);
  flex: 1 0 0;
  padding: 2px var(--spacing-2);
  margin: 0;
}
.megamenu-left ul li a {
  width: 100%;
  color: var(--text-base);
  border-radius: 2px;
  text-align: left;
  padding: 6px var(--spacing-2);
  flex: 1 0 0;    position: relative; 
}
.megamenu-left ul li.uk-active {
  background: var(--background-base-color);
}
.megamenu-left ul li a:hover, .megamenu-left ul li a.active-link, .megamenu-left ul li a:focus-visible, .megamenu-left ul li:hover {
  color: var(--text-base);
  background: var(--background-base-color);
  text-decoration: none;
}
.megamenu-right {
  background: var(--background-base-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-5) var(--spacing-3);
}
.megamenu-area {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-3);
}
.megamenu-panel {
  position: relative;
  width: 100%;
}
.active-panel {
  display: block;
}
.megamenu-grid {
  width: calc(100% + 12px);
  display: flex;
  align-items: flex-start;
  margin-left: -12px;
}
.megamenu-grid > * {
  padding-left: 12px;
}

.megamenu-grid.uk-grid {margin-left: calc(-1 * var(--spacing-3));}
.megamenu-grid.uk-grid>* {padding-left: var(--spacing-3);}
.megamenu-grid.uk-grid-small>.uk-grid-margin{margin-top: var(--spacing-3);}

.megamenu-title {
  position: relative;
  width: 100%;
  display: block;
  color: var(--theme-secondary-color);
  filter: opacity(1);
}

.megamenu-subitem:after{
  content: '\e907';
  font-family: 'icomoon';
  position: absolute;
  right: 7px;
  font-size: 13px;
  color: var(--gray-400);
}
.megamenu-left ul li a.active:after, .megamenu-left ul li a:hover:after, .megamenu-left ul li a:focus:after {
  color: var(--grey-black);
}
.destination-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--border-radius-xxs);
}
.destination-card a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.destination-card img {
  max-width: 100%;
  width: 100%;
  height: 164px;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-xxs);
}
.destination-name {
  color: var(--text-base);
  background: var(--background-white-color);
  padding: var(--spacing-2) var(--spacing-5);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.list-area {
  position: relative;
  width: 100%;
  display: inline-grid;
  row-gap: 20px;
  column-gap: 20px;
  align-self: stretch;
  grid-template-rows: repeat(1, fit-content(100%));
  grid-template-columns:repeat(2, minmax(160px, 0fr));
  padding: 0 var(--spacing-2);
}
.list-column {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: stretch;
  gap: var(--spacing-6);
}
.list-column ul {
  position: relative;
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3);
  flex: 1 0 0;
  padding: 0;
  margin: 0;
}
.list-column ul li {
  position: relative;
  width: 100%;
  display: block;
}
.list-column ul li a {
  position: relative;
  width: auto;
  display: inline-block;
  color: var(--text-base);
  border-bottom: none;
}
.list-column ul li a.navON, .list-column ul li a:hover, .list-column ul li a:focus {
  /*border-bottom: solid 1px var(--text-base);*/    color: var(--tiers-gold);filter: opacity(1); 
}
.megamenu-footer {
  position: relative;
  width: 100%;
  display: block;
}
.megamenu-footer a {
  position: relative;
  width: auto;
  display: inline-block;
  color: var(--text-base);
  padding: 0 0 5px;
}
.megamenu-footer a:hover, .megamenu-footer a:focus {
  color: var(--text-base);
}
.header .divider {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--gray-200);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin: var(--spacing-1) 0 0;
}
.search-dropdown {
  width: 100%;
  max-width: 100%;
  background: #F3F3F3;
  border-top: 1px solid #E5E5E5;
  box-shadow: 0 20px 24px -4px rgba(15, 15, 15, 0.08), 0 8px 8px -4px rgba(15, 15, 15, 0.03);
}
.close-search {
  color: var(--theme-primary-color);
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.search-area {
  position: relative;
  width: 100%;
  display: flex;
  padding: var(--spacing-10) 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8);
  margin: 0 auto;
}
.search-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background: var(--background-white-color);
}
.search-input-wrap {
  position: relative;
  width: 800px;
  max-width: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-3);
  gap: 8px;
  flex: 1 0 0;
}
.search-input-wrap span {
  color: var(--gray-500);
}
.search-input-wrap input {
  position: relative;
  width: 100%;
  color: var(--text-muted);
  border: 1px solid #ffffff;
  padding: var(--spacing-3) 0;
  outline: none;
  font: var(--body-text-fonts);
  height: 24px;color: #000 !important;
}
.search-body {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-8);
  align-self: stretch;
}
.search-title {
  position: relative;
  width: 100%;
  display: block;
  color: var(--theme-secondary-color);
  filter: opacity(1);
}
.search-column {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: stretch;
  gap: var(--spacing-6);
}
.search-column ul {
  position: relative;
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3);
  flex: 1 0 0;
  padding: 0;
  margin: 0;
}
.search-column ul li {
  position: relative;
  width: 100%;
  display: block;
}
.search-column ul li a {
  position: relative;
  width: auto;
  display: inline-block;
  color: var(--text-base);
}

.search-column ul li a:hover, .search-column ul li a:focus {
  color: var(--theme-secondary-color);
}

a.uk-navbar-toggle {
  color: var(--text-base);
  width: 40px;
  height: 40px;
  min-height: auto;
}
a.uk-navbar-toggle:hover, a.uk-navbar-toggle[aria-expanded=true] {
  color: var(--text-base);
}
.search-subscribe-area {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
a.button.subscribe__btn {
  padding: var(--spacing-1) var(--spacing-3);
  min-height: 36px;
}
a.button.subscribe__btn span {
  font-size: 19px;
}
.view-current-magazine {
  border-left: 1px solid var(--gray-300);
  display: flex;
  align-items: center;
  padding-left: var(--spacing-4);
}
.magazine__btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  font-weight:500;
}
.magazine__btn:hover, .magazine__btn:focus{color: var(--tiers-gold);}
.magazine__btn span {
  max-width: 90px;
}
img.magazine__img {
  width: 45px;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Subscribe Popup Start */
.subscribe-popup{    
  height: calc(100vh - 100px);
  margin-top: 100px;
}
.subscribe-background {
  max-width: 1280px;
  width: 100%;
  background: var(--background-base-color);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  gap: 0;
  padding-right: 320px;
}
.subscribe-title{font-weight:500;}
.subscribe-content {
  background: var(--background-white-color);
  border-radius: var(--border-radius-xxs);
  display: flex;
  width: 604px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8);
  padding: var(--spacing-10);
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
}

.subscribe-popup .uk-close svg{display: none;}
.subscribe-popup .uk-close {
  background: transparent;
  color: var(--theme-primary-color);
}
.subscribe-popup .uk-close:hover, .subscribe-popup .uk-close:focus{
  color: var(--theme-secondary-color);
}
.subscribe-popup .uk-modal-dialog {
  background: var(--background-base-color);
}
.subscribe-head {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-4);
}
form.subscribe-form {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-5);
}
.form__group.form-checkbox {
  flex-direction: row;
  gap: var(--spacing-2);
  align-items: baseline;
}
.form__group.form-checkbox input.form__control-checkbox {
  position: relative;
  top: 5px;
  border: 2px solid var(--elements-inputs-default-border);
}
.form-checkbox .subscribe-note {
  width: calc(100% - 32px);
  display: inline-block;
}
.form-checkbox .subscribe-note a {
  color: var(--tiers-gold);
  text-decoration: underline;
  font-weight: 600;
}
.form-checkbox .subscribe-note a:hover, .form-checkbox .subscribe-note a:focus-visible {
  text-decoration: none;
}
form .form__group.subscribe-btn a {
  width: 100%;
  padding: 7px 14px;
}
/* Subscribe Popup End */
.hamburger-menu{display:none}
.hamburger-menu-item {
  padding:7px 12px;
  min-height: 36px;
}
.hamburger-menu span {
  font-size: 11px;
}
.mobilemenu .view-current-magazine{display:none } 
.mobilemenu .subscribebuttonmobile { display: none ;}
.megamenuback{display:none}

.search-input-wrap input {
  background: transparent !important;
  border: none !important;
}
ul.nav-city-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  column-gap: var(--spacing-5);
  row-gap: var(--spacing-3);
}

.ng-star-inserted #header.is-fixed{    position: relative;}
.country-menu-link {width: 400px;}
.country-menu-link a{
  font-weight: 600;
  color: var(--text-base);
  padding: 0 0 5px;
}
.country-menu-link a:hover, .country-menu-link a:focus{    color: var(--tiers-gold);}
.megamenu-panel.onload-active {
  display: block !important;
}
.submenulist .navON.menu-toggle, .submenulist .navON.menu-toggle:after{color: var(--tiers-gold);} 



@media (max-width: 1500px) {
  .subscribe-background {width: 75%;}
}

@media (max-width: 1420px) {
  #header {
    padding: 0;
  }

}

@media (max-width: 1370px) {
  /*  .view-current-magazine {
  padding-left: var(--spacing-1);
}*/
  .header .menu-items {
    gap: var(--spacing-2);
  }
}
@media (max-width: 1320px) {
  .uk-navbar-right {
    gap: var(--spacing-2);
  }
  .search-subscribe-area {
    gap: var(--spacing-2);
  }
  .magazine__btn span {
    max-width: 70px;
  }
}

@media (min-width: 1181px) and  (max-width: 1275px){

  a.button.subscribe__btn {font-size: 12px;padding: var(--spacing-1) var(--spacing-2);}
  a.button.subscribe__btn span {font-size: 16px;}
  .magazine__btn {font-size: 12px;}
}

@media (min-width: 992px) and  (max-width: 1180px){
  .header .menu-items > li a{font-size: 13px;}
  a.button.subscribe__btn {font-size: 11px;padding: var(--spacing-1) var(--spacing-2);}
  #header .uk-container-expand {padding: 0 var(--spacing-3);}
  a.button.subscribe__btn span {font-size: 15px;}
  .magazine__btn {font-size: 11px;gap: var(--spacing-2);}
  #header .uk-navbar-container {gap: var(--spacing-5);}
  .magazine__btn span {max-width: 65px;}
  a.uk-navbar-toggle {width: 20px;}
  /* .view-current-magazine {padding-left: 0;}*/
}

@media (min-width: 992px) and  (max-width: 1050px){
  .uk-navbar-left {
    width: 100px;
  }
}

@media (min-width: 992px) and  (max-width: 1024px){
  .header .menu-items .menu-toggle:after {
    font-size: 7px;
  }
  .header .menu-items .menu-toggle {
    padding-right: 22px;
  }
}
@media (min-width: 992.98px) {
  .tabhighlight{display:none}
  .megamenu-dropdown, .simple-dropdown, .search-dropdown{display:none !Important}
  .megamenu-dropdown.uk-open, .simple-dropdown.uk-open, .search-dropdown.uk-open{display:block  !Important}
  /* .megamenuthirdlevel-arrow-link{font-size: 11px;
  margin-left: 4px;border-bottom: none !important;}
  .megamenuthirdlevel-arrow-link:hover, .megamenuthirdlevel-arrow-link:focus{color: var(--tiers-gold) !important;}
  .city-active.megamenuthirdlevel .nav{border-bottom: solid 1px var(--text-base);}*/
  .city-active.megamenuthirdlevel .nav{color: var(--tiers-gold) !important;        filter: opacity(1);}

  .megamenuthirdlevel .nav:hover, .megamenuthirdlevel .nav:focus {
    color: var(--tiers-gold);
    border-bottom: none;
  }
  [data-hide="Top Destinations"].country-list-area{display:none}
  .megamenuthirdlevel .megamenuthirdlevel-desktophide{display:none}
  .country-desktophide{display:none}

}

@media (max-width: 992px) {
  .country-desktopshow{display:none}
  .country-menu-link {
    width: auto;
    padding: var(--spacing-4) var(--spacing-6) var(--spacing-2) var(--spacing-6);
  }
  .megamenu-left ul li.uk-active {
    background: transparent;
  }
  .menu-items-open .megamenu-left ul li {
    background: transparent !IMPORTANT;
  }
  .menu-items-open .megamenu-left ul li a {
    background: transparent !important;
  }
  .header .mobilemenu{display:none;}
  .menu-active-body .header .mobilemenu{display:block;}
  .hamburger-menu {display: block; position: relative;}
  .view-current-magazine{display:none}
  .uk-navbar-right {gap: var(--spacing-8); padding: 0;}
  .hamburger-menu:before {
    content: '';
    background: var(--gray-200);
    width: 1px;
    height: 40px;
    display: block;
    position: absolute;
    left: -16px;
    top: -2px;
  }
  .search-subscribe-area {
    gap: var(--spacing-4);
  }
  #header .uk-container-expand {
    padding: 0;
  }
  #header .uk-navbar-container{    padding: var(--spacing-4);}
  .header .mobilemenu {
    position: absolute;
    background: var(--background-white-color);
    width: 100%;
    height: 100vh;
    z-index: 111;
    margin: 72px 0 0 0;
    top: 0;
    left: 0;
    padding:0 var(--spacing-6);
  }
  .header .menu-items {
    display: block;        padding: 0;
  }
  .header .menu-items > li {
    justify-content: flex-start;
    padding: var(--spacing-3) 0;
    border-bottom: solid 1px var(--gray-200);
    flex-direction: column;
  }
  .header .menu-items .menu-toggle {
    padding-right: 0;
    width: 100%;
  }
  .header .menu-items .menu-toggle:after {
    transform: rotate(-90deg);
  }
  .mobilemenu .view-current-magazine {display: block;padding: var(--spacing-5) 0;border-left: none;}
  .magazine__btn {
    gap: 0;
    max-width: 342px;
    width: 100%;
    margin: 0 auto;
    border: solid 1px var(--gray-300);
    padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);
    background: var(--background-base-color);
    justify-content: space-between;
  }
  .magazine__btn span {max-width: 100%;}
  .header .menu-items > li > a.menu-toggle[aria-expanded=true]:after {
    transform: rotate(0deg);
  }
  .simple-dropdown {
    width: 100%;
    top: 0 !important;
    position: relative;
    box-shadow: none;
    min-width: 100%;
  }
  .simple-dropdown ul { padding: 0;}
  .simple-dropdown ul li { 
    padding: var(--spacing-3) 0;
    border-bottom: solid 1px var(--gray-200);
  }
  .simple-dropdown ul li:last-child{border-bottom: none;}
  .simple-dropdown ul li a {padding: 0;}
  .hamburger_active{display: block;}

  .subscribe-background{width: 74%;}
  .subscribe-popup {
    height: calc(100vh - 72px);
    margin-top: 72px;
  }
  .form .button__item{width: 100%;}
  .megamenu-grid{display:none;}

  .megamenuthirdlevel .nav{    font-size: var(--paragraph-large-sm-font-size);
    line-height: var(--paragraph-large-sm-line-height);
    letter-spacing: var(--paragraph-large-sm-letter-spacing);
    float: left;        
    font-weight: var(--paragraph-normal);
    font-family: 'Inter'; 
    right: inherit;}

  /*Search*/
  .search-area {padding: 0;}
  .search-dropdown {
    left:0 !important;
    width: 100%;
    max-width: 100% !important;
    padding: var(--spacing-10) var(--spacing-8);
    height: 100vh;
  }
  .search-header {width: calc(100% - 30px);margin: 0 auto 0 0;}


  .search-subscribe-area .search-dropdown a.uk-navbar-toggle {
    top: 53px;
    right: 26px;
    z-index: 1;
    position: absolute;
    width: 30px;
    height: 30px;
  }
  .search-subscribe-area .search-dropdown a.uk-navbar-toggle .close-search{   z-index: 1;right: 0;top: 0;}
  /*Mega Menu*/
  .menu-items-open > li{display:none !important}
  .menu-items-open > .megamenuitem.active {display:block  !important; border-bottom: none;}

  .menu-items-open .view-current-magazine{display:none}
  .menu-items-open .megamenu-right{background: transparent;padding: 0;}
  .megamenu-left {width: 100%;}
  .megamenuback{display:none}
  .megamenuitem.active .megamenuback{display:flex}
  .megamenu-dropdown {
    width: 100%;
    top: 0 !important;
    box-shadow: none;
    left: 0 !important;
    max-width: 100% !important;}
  .megamenuitem.active .megamenu-dropdown{  display:block;}
  .megamenuback {
    background: var(--background-base-color);
    padding: var(--spacing-3);
    font-size: var(--paragraph-large-sm-font-size);
    font-weight: 500;
    color: var(--text-base);
    align-items: center;
    line-height: 0;
    height: 48px;
  }
  .megamenuitem .megamenuback span {
    padding: 0px 7px;
    margin-top: -1px;
    font-size: 10px;
  }
  .tabhighlight {
    background: var(--background-base-color);
    width: 100%;
    display: flex;
    padding: var(--spacing-2) var(--spacing-6);
    font-weight: 500;
  }
  .menu-items-open .menu-toggle{    background: var(--background-base-color); text-transform: uppercase;}
  .megamenu-left ul li a.active {background: transparent;}
  .megamenu-dropdown-ltem {flex-direction: column;}
  .megamenu-left {width: 100%;}
  .destination-card {display: none;}
  .megamenu-dropdown-ltem.active .megamenusecondlevel {display: none;}
  .megamenu-dropdown-ltem.active .megamenu-right {display: block;}
  .megamenu-panel.active .city-list-item{display: none;}

  .menu-items-open > .menu-items > li{display:none}
  .menu-items-open > .menu-items > li.active{display:block}
  .menu-items-open .menu-toggle{display:none}
  .menu-items-open > .megamenu-dropdown{top: 40px !important;}
  .menu-items-open > .megamenu-right{background: transparent;}
  .menu-items-open .megamenu-left{padding: var(--spacing-4) var(--spacing-6);}
  .menu-items-open .megamenu-left ul{padding: 0;}
  .menu-items-open .megamenu-left ul li{
    padding: var(--spacing-3) 0;
    border-bottom: solid 1px var(--gray-200);}
  .menu-items-open .megamenu-left ul li:first-child {padding-top: 0;}
  .menu-items-open .megamenu-left ul li a {padding: 0;font-weight: 500;}
  .menu-items-open .megamenu-left ul li:last-child {border-bottom: none;}
  .menu-items-open .megamenu-footer {display: none;}
  .menu-items-open .divider{display:none}
  .menu-items-open .country-list-area .megamenu-title{display:none;}
  .menu-items-open .list-area{grid-template-columns: inherit;padding: var(--spacing-4) var(--spacing-6);}
  .menu-items-open .megamenu-area{gap: 0;}
  .menu-items-open .country-list-area ul{gap: 0; padding: var(--spacing-4) var(--spacing-6);}
  .menu-items-open .country-list-area ul li{    padding: var(--spacing-3) 0; border-bottom: solid 1px var(--gray-200);}
  .menu-items-open .country-list-area ul li.megamenuthirdlevel a {width: 100%;}
  .menu-items-open .country-list-area ul li.megamenuthirdlevel a:after{
    content: '\e907';
    font-family: 'icomoon';
    position: absolute;
    right: 7px;
    color: var(--gray-400);font-size: 10px;
  }
  .menu-items-open .country-list-area{padding:0;}
  .menu-items-open  .list-column{gap: 0;}
  .menu-items-open .country-list-area ul li:first-child {
    padding-top: 0;
  }
  [data-step="2"] .tabhighlight-1 {display:none}
  [data-step="3"] .tabhighlight-1,  [data-step="3"] .tabhighlight-2{display:none}
  [data-step="1"] .megamenu-right{display:none}

  .simple-dropdown{display:none}
  .dropactive .simple-dropdown{display:block !important;}
  .list-column ul li a{border-bottom:solid 1px transparent !important}
  [data-step="0"] .megamenuitem a:after{ transform: rotate(-90deg) !important;} 

  ul.nav-city-list {
    display: block;
  }
  ul.nav-city-list li:last-child{   border-bottom: none !important;}
  .list-column ul li a:hover{color: var(--theme-secondary-color);}
  .menu-active-body{    overflow: hidden;}
  .menu-active-body .header{    position: fixed !important;
    overflow: scroll;
    height: 100%;} 
  .menu-active-body ul.nav-city-list{padding-bottom:100px !important}

  .megamenuthirdlevel-arrow-link:after{display:none;}
  .menu-items-open .country-list-area ul li.megamenuthirdlevel a{width: auto;}
  .menu-items-open .country-list-area ul li.megamenuthirdlevel a:after{display:none;}
  .megamenuthirdlevel-arrow-link{  
    content: '\e907';
    font-family: 'icomoon';
    position: absolute;
    right: 7px;
    color: var(--gray-400);
    font-size: 10px;
    float: right;
    width: auto;}
  .megamenuthirdlevel-arrow-link span.icon-Right {
    color: var(--gray-400) !important;
    font-size: 13px;
    font-weight: 500;
  }

  .secondmenu-active > a{color: var(--tiers-gold) !important;}
  .secondmenu-active > .megamenu-subitem:after{color: var(--tiers-gold) !important;}
  .first-active > a{color: var(--tiers-gold) !important;}
  .first-active > .menu-toggle:after{color: var(--tiers-gold) !important;}
  .city-active > a {color: var(--tiers-gold) !important;}
  .city-active > .megamenuthirdlevel-arrow-link span.icon-Right{        color: var(--tiers-gold) !important;}

  .simple-dropdown ul li a.navON, .simple-dropdown ul li a:hover, .simple-dropdown ul li a:focus {
    background: transparent;    color: var(--tiers-gold);
  }
  .uk-navbar-center:not(:only-child) {
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    display: contents;
  }

}
@media (max-width: 767px) {
  #header .uk-container-expand {padding: 0;}
  .search-dropdown {padding: var(--spacing-4) var(--spacing-4);}
  .uk-navbar-left {width: 116px;height: 32px;}
  a.button.subscribe__btn{display:none}
  .subscribebuttonmobile {
    max-width: 342px;
    width: 100%;
    margin: 0 auto;
  }
  a.button.subscribe__btn {
    padding: var(--spacing-1) var(--spacing-3);
    min-height: 36px;
    width: 100%;
  }
  .subscribe-background {width: 100%; }
  .subscribe-content { width: 358px;
    padding: var(--spacing-10) var(--spacing-6);
    right: inherit;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
  }
  .search-body {flex-direction: column;}
  .search-area {gap: 0;}
  .search-dropdown {padding: 0; height: 100vh;}
  .search-header {
    width: calc(100% - 82px);
    height: 48px;
    padding: var(--spacing-3);
    margin: 16px auto 16px 16px;
  }
  .search-subscribe-area .search-input-wrap {
    width: 100%;
    padding: 0;
    font-size: 16px;
  }
  .search-subscribe-area .search-icon {
    position: relative;
    top: 1px;
  }
  .search-body {
    flex-direction: column;
    background: var(--background-white-color);
    border-top: solid 1px var(--gray-300);
    gap:0;
  }
  .search-title {padding: var(--spacing-2) var(--spacing-4);        background: var(--background-base-color);}
  .search-column {gap: 0;}
  .search-column ul {
    gap:0;
    padding: var(--spacing-4) var(--spacing-6) var(--spacing-6) var(--spacing-6);
  }
  .search-subscribe-area .search-dropdown a.uk-navbar-toggle {
    top: 29px;}

  .hamburger_active .subscribebuttonmobile{display: block;}
  .hamburger_active a.button.subscribe__btn {display: flex;}
  .button.subscribe__btn span{font-size: 16px !important;position: relative;top: 1px;}
  .search-column ul li {
    border-bottom: solid 1px var(--gray-200);
    padding: var(--spacing-3) 0;
  }
  .search-column ul li:last-child {
    border-bottom: none;
    padding: var(--spacing-3) 0 0;
  }
  .search-active-body {
    overflow: hidden;
  }
  .search-active-body .search-body {        
    height: 100vh;        padding-bottom: 150px !important;
    overflow: scroll;
    height: 100vh;
    justify-content: flex-start;
  }
}





/*Site search*/

.search_onpage {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-12) 0;
  height: auto;
}

.search_onpage .input-seach {
  position: relative!important;
  opacity: 1;
  height: auto;
  width: 100%;
  top: 0;
  display: block;
  border-radius: 4px;
  visibility: visible;
  border: 0
}

.search_onpage.search-header.expandit:before,.search_onpage.search-header.expandit:after {
  content: none;
  display: none
}


.search_onpage .input-seach input {
  border: 1px solid var(--background-base-color) !important;
  height: 48px;
  background: var(--background-base-color) !important;
  color: var(--text-base);
  padding-left: 42px;
  font-weight: 400;
  border-radius: 0 !important;
  width: 100%;
  font-size: var(--paragraph-large-lg-font-size) !important;
  line-height: var(--paragraph-large-lg-line-height);
  letter-spacing: var(--paragraph-large-lg-letter-spacing);
  font-family: 'Inter';
}
.search_onpage .input-seach input::-webkit-input-placeholder {
  color: var(--text-base) !important;
}
.search_onpage .input-seach input::-moz-placeholder {
  color: var(--text-base) !important;
}
.search_onpage .input-seach input:-ms-input-placeholder {
  color: var(--text-base) !important;
}
.search_onpage .input-seach input:-moz-placeholder {
  color: var(--text-base) !important;
}

.search_onpage .input-seach span.search_icon {
  position: absolute;
  left: var(--spacing-4);
  border-right: 0;
  padding: 2px 0 0 0;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gray-500);
}

.search_onpage a.closesearch {
  position: absolute;
  right: 0px;
  left: inherit;
  font-size: 16px;
  top: 0%;
}

.search_onpage a.closesearch .template-icon-x {
  color: #000;
  font-size: 20px;
  position: relative;
  top: 4px
}

.search_onpage a.closesearch:hover .template-icon-x,.search_onpage a.closesearch:focus .template-icon-x {
  color: #ffc300
}

.search_onpage input[type="search"]::-webkit-search-decoration,
.search_onpage input[type="search"]::-webkit-search-cancel-button,
.search_onpage input[type="search"]::-webkit-search-results-button,
.search_onpage input[type="search"]::-webkit-search-results-decoration,
#searchheaderform input[type="search"]::-webkit-search-decoration,
#searchheaderform input[type="search"]::-webkit-search-cancel-button,
#searchheaderform input[type="search"]::-webkit-search-results-button,
#searchheaderform input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance: none;
  appearance: none;
}
.search_onpage .close-search{    color: var(--gray-400);
  position: absolute;
  top: 14px;
  right: var(--spacing-4);
  cursor: pointer;
  font-size: 20px;}

#searchresultcontainer .ss360-layer{ 
  padding: var(--spacing-5) 0;
  margin-top: var(--spacing-8);
  border-top: solid 1px var(--background-neutral-color);
}
#searchresultcontainer .ss360-grid--lg .ss360-suggests__image{border-radius: 0;object-fit: cover;}
#searchresultcontainer .ss360-grid--lg .ss360-suggests {
  padding: 0;
  border-radius: 0;
  border: none;
}
#searchresultcontainer .ss360-grid--lg .ss360-suggests__image-wrap{border-radius: 0;}
#searchresultcontainer .ss360-grid--lg .ss360-suggests__image-wrap{margin-bottom: 0;}
#searchresultcontainer .ss360-grid--lg .ss360-suggests__snippet {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: var(--card-subtitle-xl-font-size) !important;
  line-height: var(--card-subtitle-xl-line-height) !important;
  font-weight: 400 !important;
  color: var(--text-base) !important;
}

.search-result .nearby-location-item-section{display:none}
.search-result .four-col-card-slider-section{display:none}

.search-result.no-search-result .nearby-location-item-section{display:block}
.search-result.no-search-result .four-col-card-slider-section{display:block}

.ss360-data-points__body{display:none !important;}
.ss360-frame--sort-and-layout {display: none !important;}

.ss360-suggests__link {
  font-family: var(--headers-font) !important;
  font-size: var(--card-title-xl-font-size) !important;
  font-weight: 500 !important;
  padding: 0 0 var(--spacing-2) 0;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
  line-height: 1.5 !important;
  border-bottom: none !important;
  color: var(--text-base) !important;
}
.ss360-suggests__link:hover, .ss360-suggests__link:focus{
  text-decoration: underline  !important;
  text-decoration-thickness: 1px  !important;
  text-underline-offset: 1px  !important;
  color: var(--text-base)  !important;
}
.ss360-suggests--card img{transition: .5s ease-out;}
.ss360-suggests--card:hover img, .ss360-suggests--card:focus-within img{transform: scale(1.1);}
.ss360-suggests--card:hover .ss360-suggests__link, .ss360-suggests--card:focus-within  .ss360-suggests__link{
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 1px !important;
    color: var(--text-base) !important;
}

@media(max-width: 767px) {
  .search_onpage {
    padding: var(--spacing-6) 0;
  }

}
/* Start Hero Category Img Section */
.hero-category-img-section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.hero-category-section {
  position: relative;
}
.hero-category-img {
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0;
  margin: 0;
}

/*.hero-category-img:after {
content: '';
width: 100%;
height: 100%;
display: block;
background: #D3D3D3;
background: linear-gradient(90deg,rgba(211, 211, 211, 1) 0%, rgba(211, 211, 211, 0) 100%);
position: absolute;
top: 0;
left: 0;
}*/ 
.hero-category-img img {
  object-position: center center;
  height: calc(100vh - 150px);
  width: 100%;
  object-fit: cover;
}

@media (max-width: 992px) {
  .hero-category-img img{
    height: calc(100vh - 120px);
  }
}

@media (max-width: 767px) {
  .hero-category-img img{
    height: calc(100vh - 120px);
  }
}
/* End Hero Category Img Section */
/* Start H1 Overview Section */
.h1-hero-category-section {
  padding: var(--spacing-8) var(--spacing-20) var(--spacing-10);

}
.h1-hero-category-section.secondary-color {
  background: var(--background-base-color);
}
.h1-hero-category-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--spacing-5);
}
.hero-category-location {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-8) 0 0;
}
.hero-category-location ul {
  display: flex;
  list-style: none;
  border: solid 1px var(--tiers-gold);
  gap: var(--spacing-4);
  padding: var(--spacing-3);
  place-content: center;
  flex-wrap: wrap;
}
.hero-category-location ul li {
  padding: 5px 16px;
  position: relative;
}
.hero-category-location ul li:before {
  content: '';
  display: block;
  background: var(--gray-200);
  width: 1px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  transform: translate(8px, 0px);
}
.hero-category-location ul li:last-child:before {
  display: none;
}
.hero-category-location ul li a {
  border-bottom: solid 1px transparent;
}
.hero-category-location ul li a:hover, .hero-category-location ul li a:focus {
  border-color: var(--text-base);
  color:var(--text-base);
}
.hero-social-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: var(--spacing-8) 0 0 0;
}
.hero-social-icons ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  gap: var(--spacing-2);
}
.hero-social-icons ul li a {
  border: solid 1px var(--gray-black);
  border-radius: 100%;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1 / 1;
}
.hero-social-icons ul li a span {
    position: relative;
    color: var(--theme-primary-color);
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-social-icons ul li a:hover, .hero-social-icons ul li a:focus {
  background: var(--theme-disabled-color);
}

@media (max-width: 992px) {
  .h1-hero-category-section {
    padding: var(--spacing-8) 0 var(--spacing-10);
  }
  
}

@media (max-width: 767px) {
  .h1-hero-category-section {
    padding: var(--spacing-8) var(--spacing-4) var(--spacing-10);
  }
  .hero-category-location {
    padding: var(--spacing-6) 0 0;
  }
}
/* End H1 Overview Section */
.footer {
  position: relative;
  width: 100%;
  display: block;
  background: var(--gray-black);
  /*padding: 0 var(--spacing-10);*/
}
.site__footer {
  position: relative;
  width: 100%;
  display: block;
}
.footer__top {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: var(--spacing-8) 0;
}
.footer__top img.footer__logo {
  width: 240px;
  max-width: 100%;
  display: block;
}
.footer__middle {
  position: relative;
  width: 100%;
  display: inline-grid;
  row-gap: 24px;
  column-gap: 20px;
  align-self: stretch;
  grid-template-rows: repeat(1,fit-content(100%));
  grid-template-columns: repeat(6,minmax(0,1fr));
  padding: var(--spacing-10) 0;
}
.footer__col {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.footer__links, .footer__social__brands {
  gap: var(--spacing-6);
}
.divider {
  position: relative;
  width: 100%;
  height: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.15);
  margin: var(--spacing-1) 0;
}
.footer__newsletter {
  position: relative;
  width: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding-left: 40px;
  flex-direction: column;
  align-items: flex-start;
 /* gap: 20px;*/
 	gap:0px;
  grid-row: 1 / span 1;
  grid-column: 5 / span 2;
  justify-self: stretch;
}
.footer__links__list {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: stretch;
  gap: 12px;
}
.footer__col__title {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--preferred-hotels-bright-gold);
  font: 600 14px / 24px var(--paragraph-font);
  font-style: normal;
  letter-spacing: 0;
}
ul.footer__links__menu {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
  list-style: none;
  padding: 0;
}
li.footer__menu__item {
  position: relative;
  width: auto;
  list-style: none;
}
a.footer__menu__link {
  position: relative;
  display: inline-flex;
  color: var(--text-white);
  font-style: normal;
  border-bottom: solid 1px transparent
}
a.footer__menu__link:hover, a.footer__menu__link:focus-visible, a.footer__menu__link.navON {
  border-bottom: solid 1px var(--background-white-color);
}
.footer__social__list {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: stretch;
  gap: 12px;
}
.footer__social__menu {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer__social__item {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__social-item a {
  background: #fff;
  width: 28px;
  height: 28px;
  display: flex;
  line-height: 30px;
  border-radius: var(--border-radius-full);
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
a.footer__social__link {
  position: relative;
  width: 28px;
  height: 28px;
  color: var(--gray-black);
  background: var(--background-white-color);
  border: 1px solid var(--background-white-color);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.footer__social__link:hover, a.footer__social__link:focus-visible {
  color: var(--text-white);
  background: transparent;
}
a.footer__social__link svg {
  fill: var(--gray-black);
}
a.footer__social__link:hover svg, a.footer__social__link:focus-visible svg {
  color: var(--text-white);
}
.footer__brands__list {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
.footer__brands__item {
  position: relative;
  width: auto;
  display: flex;
}
.footer__brands__item img.footer__brand__logo {
  width: 142px;
  max-width: 100%;
  display: block;
}
.footer__signup {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-5);
}
.footer__signup label.form__label {
    color: var(--text-white);
}
.footer__network {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-5);
}
.footer__newsletter__title {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--text-white);
  font: 600 20px / 32px var(--headers-font);
  font-style: normal;
  letter-spacing: 0;
}
.footer__network .contact__btn .button{
  width: 100%;
  max-width: 145px;
  font: var(--body-text-fonts);
  font-weight: 500;
  line-height: 20px;
  filter: opacity(1);
}
.footer__signup form {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
}
.form__controls, .form__control {
  position: relative;
  width: 100%;
  display: block;
}
form .button__item, form .form__group {
  position: relative;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.footer__signup .subscribe-btn .button {
  width: 100%;
  max-width: 145px;
  font: var(--body-text-fonts);
  font-weight: 500;
  line-height: 20px;
}
.signup__note {
  position: relative;
  width: 100%;
  display: block;
  color: var(--text-white);
  font: 400 12px / 18px var(--paragraph-font);
  font-style: normal;
  letter-spacing: 0;
}
.signup__note a {
  color: var(--tiers-gold);
  font-weight: 600;
  text-decoration: underline;
}
.signup__note a:hover, .signup__note a:focus-visible {
  text-decoration: none;
}
.footer__bottom {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: var(--spacing-8) 0;
}
.copyright__text {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--text-white);
  font-style: normal;
}
.footer__legal__menu {
  position: relative;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.legal__menu__item {
  position: relative;
  width: auto;
  display: inline-flex;
  align-items: center;
  padding-right: 12px;
}
.legal__menu__item:last-child {
  padding-right: 0;
}
.legal__menu__item:after {
  content: "";
  width: 1px;
  height: 60%;
  display: block;
  background: rgba(255, 255, 255, 0.30);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.legal__menu__item:last-child:after {
  display: none;
}
a.legal__link {
  position: relative;
  display: inline-flex;
  color: var(--text-white);
  font-style: normal;
  border-bottom: solid 1px transparent;
}
a.legal__link:hover, a.legal__link:focus-visible, a.legal__link.navON {
  border-bottom: solid 1px var(--background-white-color);
}

@media (max-width: 992px) {
  .footer__middle {
    grid-template-rows: repeat(1,fit-content(100%));
    grid-template-columns: repeat(3, 1fr);
    row-gap: 32px;
    padding: var(--spacing-5) 0;

  }
  .footer__newsletter {
    border-left: none;
    grid-row: 2 / span 1;
    grid-column: 1 / span 5;
    padding: var(--spacing-6) 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .footer__signup form {
    flex-direction: row;
    justify-content: flex-end;
    align-items: end;
  }
  form .button__item{    width: auto;}
  .footer__signup .subscribe-btn .button {
    width: 145px;
    max-width: 145px;
  }
  .footer__top img.footer__logo {
    width: 220px;
  }

}

@media (max-width: 767px) {
  .footer__middle {
    display: inline-grid;
    column-gap: 20px;
    align-self: stretch;
    grid-template-rows: repeat(3,fit-content(100%));
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 24px;
  }

  ul.footer__links__menu {
    gap: 8px;
  }
  .footer__links, .footer__social__brands {
    gap: var(--spacing-5);
  }

  .footer__top img.footer__logo {
    width: 200px;
  }
  .footer__firstcol-links{    
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;}
  .footer__twocol-links
  {    grid-row: 1 / span 1;
    grid-column: 2 / span 1;}
  .footer__thirdcol-links{    grid-row: 2 / span 1;
    grid-column: 1 / span 1;}
  .footer__newsletter {
    grid-row: 3 / span 1;
    padding: var(--spacing-4) 0 0 0;
    grid-column: 1 / span 2;
  }

  .footer__social__brands{
    grid-row: 2 / span 1;
    grid-column: 2 / span 1;
  }
  .footer__bottom{gap: 20px;align-items: start;  padding: var(--spacing-6) 0;    flex-direction: column;}
  .footer__signup form {
    flex-direction: column;
    align-items: start;
  }
}
nav.breadcrumb {
	position: relative;
	width: 100%;
	display: block;
	background: var(--background-white-color);
	border-bottom: 1px solid var(--background-neutral-color);
	padding: var(--spacing-3) var(--spacing-10);
}
.breadcrumb__nav {
  	position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: var(--spacing-1);
	flex-wrap: wrap;
}
.breadcrumb__nav > a {
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: var(--spacing-1);
}
.breadcrumb__nav > a:after {
    content: '\e315';
    font-family: 'Material Symbols Rounded';
    color: var(--gray-400);
    font-size: 22px;
    text-decoration: none;
}
.breadcrumb__nav > a, .breadcrumb__nav > a span {
    color: var(--text-muted);
}
.breadcrumb__nav > a:hover, .breadcrumb__nav > a:focus, .breadcrumb__nav > a:hover  span, .breadcrumb__nav > a:focus span{
color: var(--tiers-gold);
}
.breadcrumb__nav > span {
    color: var(--gray-black);
}
.milestone nav.breadcrumb { display: none; }

@media (max-width: 992px) {
nav.breadcrumb {
    padding: var(--spacing-3) 0;
}
}
.articles-list-with-filter-opiton-section {
  position: relative;
  width: 100%;
  display: block;
  padding: var(--spacing-20) 0 var(--spacing-20);
}
.articles-list-with-filter-opiton {
  position: relative;
  width: 100%;
  display: block;
}
.listing-controls {
  position: relative;
  width: 100%;
  align-self: stretch;
  gap: var(--spacing-2);
  padding: 0 0 var(--spacing-10);
  border: solid 1px var(--gray-300);
  border-width:0 0 1px 0;
}
.results-count {
  position: relative;
  width: auto;
  display: inline-block;
  color: var(--text-base);
  font: var(--paragraph-normal) var(--display-small-xl-font-size) / var(--display-small-xl-line-height) var(--headers-font);
  font-style: normal;
  letter-spacing: 0;
}
.filter-option ul.uk-subnav-pill {
  position: relative;
  width: auto;
  gap: var(--spacing-2);
  margin: 0;
}
.filter-option {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  flex-wrap: wrap;
}
.filter-option ul.uk-subnav-pill li {
  position: relative;
  width: auto;
  padding: 0;
}
.filter-option ul.uk-subnav-pill li a {
  position: relative;
  width: auto;
  color: var(--text-base);
  font: var(--paragraph-light) var(--paragraph-md-font-size) / var(--paragraph-sm-line-height) var(--paragraph-font);
  font-style: normal;
  letter-spacing: -0.08px;
  text-align: left;
  text-transform: none;
  background: var(--background-white-color);
  border: 1px solid var(--background-neutral-color);
  border-radius: var(--border-radius-xxs);
  padding: var(--spacing-1) var(--spacing-3);
}
.filter-option ul.uk-subnav-pill li.uk-active a, .filter-option ul.uk-subnav-pill li a:hover, .filter-option ul.uk-subnav-pill li a:focus-visible {
  color: var(--button-priority-text);
  background: var(--button-priority-bg);
  border: 1px solid var(--button-priority-bg);
  box-shadow: 0 1px 2px 0 rgba(15, 15, 15, 0.05);
}
.sortSelect {
  position: relative;
  width: auto;
  background: var(--background-white-color);
  border: 1px solid var(--background-neutral-color);
  border-radius: var(--border-radius-xxs);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-2);
  height: 35px;
  font-size: 14px;
  cursor: pointer;
}
.sortSelect select#sortSelect {
  width: auto;
  max-width: max-content;
  height: auto;
  color: var(--text-base);
  font: var(--paragraph-light) var(--paragraph-md-font-size) / var(--paragraph-sm-line-height) var(--paragraph-font);
  font-style: normal;
  letter-spacing: -0.08px;
  text-align: left;
  text-transform: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: var(--spacing-1);
}
.sortSelect:hover, .sortSelect:focus-within, .sortSelect.active{    background: #FCF9F2; border-color: var(--theme-secondary-color);}
.sortSelect:hover:before, .sortSelect:focus-within:before, .sortSelect.active:before {color:var(--theme-secondary-color);}
.sortSelect:hover:after, .sortSelect:focus-within:after, .sortSelect.active:after {color:var(--theme-secondary-color);}

.sortSelect:before, .sortSelect:after {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.sortSelect:before {
  content: "\e164";
  left: 10px;
}
.sortSelect:after {
  content: "\e5c5";
  right: 10px;
}
.articles-list-with-filter-opiton-items {
  position: relative;
  justify-content: start;
  align-items: flex-start;
  align-self: stretch;
  padding: var(--spacing-8) 0 var(--spacing-5);
}
.articles-list-with-filter-opiton-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.articles-list-with-filter-opiton-item {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-4);
  padding-bottom: var(--spacing-10);
  position: relative;
}
.articles-list-with-filter-opiton-area {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.articles-list-with-filter-opiton-img {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
.articles-list-with-filter-opiton-img img {
  width: 302px;
  height: 234px;
  object-fit: cover;
  object-position: center center;
  transition: .5s ease-out;
}

.articles-list-with-filter-opiton-item:hover img, .articles-list-with-filter-opiton-item:focus-within img{
  transform: scale(1.1);
}
.articles-list-with-filter-opiton-item:hover .articles-list-with-filter-opiton-title, .articles-list-with-filter-opiton-item:focus-within .articles-list-with-filter-opiton-title{    text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  color: var(--text-base);}
.articles-list-with-filter-opiton-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.articles-list-with-filter-opiton-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: normal;
}
.articles-list-with-filter-opiton-slider-hour {
  padding: var(--spacing-4) 0;
}
.articles-list-with-filter-opiton-title {
  padding: 0 0 var(--spacing-2) 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
    line-height: 40px;
}



.pagination {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-2);
}
.pagination li {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination li > * {
  width: 100%;
  color: var(--gray-black);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-xxs);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-weight: 600;
}
.pagination li.uk-active > *, .pagination li > *:hover, .pagination li > *:focus-visible {
  color: var(--button-priority-text);
  background: var(--button-priority-bg);
  border: 1px solid var(--button-priority-bg);
  box-shadow: 0 1px 2px 0 rgba(15, 15, 15, 0.05);
}
.uk-pagination > .uk-disabled > * {
  color: var(--text-neutral);
  filter: opacity(1);
}

/*author article filter*/
.author-article-list-with-filter .listing-controls{
  border-bottom: none;
  padding-bottom: 0;
}
.sortSelect:focus, .sortSelect:focus-visible, .sortSelect:focus-within {
  border-color: #000;
}
.sort-dropdown {
  position: absolute;
  width: 240px;
  background: var(--background-white-color);
  border: solid 1px var(--gray-200);
  top: 37px;
  right: -1px;
  z-index: 1;
  list-style: none;
  padding: var(--spacing-3) var(--spacing-2);
  box-shadow: 0 20px 36px -12px rgba(15, 15, 15, 0.18);
  z-index: 2;
  border-radius: 2px;
  display:none;
}
.sortSelect.active .sort-dropdown{display: block;}

.sort-dropdown li a {
  padding: 6px var(--spacing-2);
  width: 100%;
  display: block;
  background: var(--background-white-color);
  font-family: var(--paragraph-large-sm-font-size);
  line-height: var(--paragraph-large-sm-line-height);
}
.sort-dropdown li a:hover, .sort-dropdown li a:focus, .sort-dropdown li.active a{
  background: var(--gray-100);
}



@media (max-width: 992px) {

  .uk-slider-items.articles-list-with-filter-opiton {
    flex-wrap: wrap;
    transform: inherit !important;
    row-gap: var(--spacing-10);
  }
  .articles-list-with-filter-opiton.uk-slider-items>* {
    width: 33.33%;
  }
  .articles-list-with-filter-opiton-area {
    padding-bottom: 0;
  }
  .articles-list-with-filter-opiton-img img {
    min-height: 169px;
    height: 100%;
  }
  .listing-controls{
    flex-direction: column;
    padding: 0 0 var(--spacing-6);
    row-gap: var(--spacing-5);
    align-items: baseline;
  }
  .articles-list-with-filter-opiton-section {
    padding: var(--spacing-16) 0 var(--spacing-16);
  }
  .sort-dropdown {
    right: auto;
    left: 0;
  }
}
@media (max-width: 767px) {
  .articles-list-with-filter-opiton-section {
    padding:var(--spacing-10) 0 var(--spacing-10);
  }
  .article-list-four-col-card-slider-section {
    padding: var(--spacing-10) 0;
  }

  .articles-list-with-filter-opiton.uk-slider-items>* {
    width: 100%;
  }
  .articles-list-with-filter-opiton-img img {
    width: 100%;
    height: auto;
  }
  .uk-slider-items.articles-list-with-filter-opiton {
    row-gap: var(--spacing-6);
  }
  .articles-list-with-filter-opiton-item {    width: calc(100% * 1 / 2.001);}

  .pagination li{    width: 30px;
    height: 30px; line-height: 18px;}
  .author-bio {
    padding: var(--spacing-10) 0 var(--spacing-8);
  }
  .author-bio-outer {gap: var(--spacing-5);
  }

}

@media (max-width: 640px) {
  .articles-list-with-filter-opiton-item {width: calc(100% * 1 / 1.001);}
  .articles-list-with-filter-opiton-item {padding-bottom: var(--spacing-6);}
}