.m-destBar {
  background-color: #f6f6f6; }
  .m-destBar .destination-row {
    height: 44px; }
  .m-destBar a, .m-destBar a:visited {
    color: #282828; }
  .m-destBar .map-link {
    border-right: 1px solid black; }
  .m-destBar .filter-link:hover {
    cursor: pointer; }

.list .m-destBar .list-link {
  pointer-events: none;
  cursor: default;
  color: #b6b6b6; }

.list .m-destBar .filter-link {
  display: none; }

.map .m-destBar .map-link {
  pointer-events: none;
  cursor: default;
  color: #b6b6b6; }

.dream .m-destBar .b-container {
  max-width: 1070px; }

.m-destBar-qb {
  position: absolute;
  width: 100%;
  z-index: 8; }
  .m-destBar-qb .destination-row {
    height: 44px; }
    .m-destBar-qb .destination-row .destination-container {
      background-color: rgba(0, 0, 0, 0.55); }
  .m-destBar-qb a, .m-destBar-qb a:visited {
    color: #fff; }

.list .m-destBar-qb .list-link {
  pointer-events: none;
  cursor: default;
  color: #b6b6b6; }

.map .m-destBar-qb .map-link {
  pointer-events: none;
  cursor: default;
  color: #b6b6b6; }

.ui-modal-background .modal.map-hotel-filter-modal-container {
  transform: translateX(0%);
  margin: 0; }
  @media (max-width: 639px) {
    .ui-modal-background .modal.map-hotel-filter-modal-container {
      min-height: 100%;
      height: 100%;
      left: 0; } }
  @media (min-width: 640px) {
    .ui-modal-background .modal.map-hotel-filter-modal-container {
      border-radius: 5px;
      left: 27px;
      width: 36%;
      max-height: calc(100vh - 135px);
      top: 115px; } }
  @media (min-width: 960px) {
    .ui-modal-background .modal.map-hotel-filter-modal-container {
      max-height: calc(100vh - 182px); } }

.ui-modal-background.is-open.map-hotel-filter-modal {
  min-height: 100%; }

.map-hotel-filter-modal-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  z-index: 9;
  min-height: 71px;
  margin-top: -15%;
  max-height: 100%;
  height: 100%; }
  .map-hotel-filter-modal-container .map-hotel-filter {
    position: relative;
    max-height: 100%;
    overflow-y: scroll;
    border-radius: inherit; }
    .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container {
      width: 100%;
      z-index: 1;
      padding: 0 24px; }
      .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 12px 0 2px 0;
        align-items: center; }
        .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header .left-side {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: space-between;
          flex: 0 1 53%; }
          .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header .left-side .filter-desc, .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header .left-side .filter-num-hotels {
            width: 100%;
            font-size: 20px; }
        .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header .right-side {
          flex: 0 1 auto;
          text-align: right;
          font-size: 14px; }
          .map-hotel-filter-modal-container .map-hotel-filter .filter-header-container .filter-header .right-side .b-button {
            margin: 0 0; }
    .map-hotel-filter-modal-container .map-hotel-filter .filter-selected {
      background-color: #f6f6f6;
      border-bottom: solid 1px #dddddd;
      padding: 0 15px 15px; }
      .map-hotel-filter-modal-container .map-hotel-filter .filter-selected .selected-header {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .map-hotel-filter-modal-container .map-hotel-filter .filter-selected .selected-header .selected-headline {
          margin: 15px 0;
          font-size: 16px;
          font-weight: 600;
          color: #282828; }
        .map-hotel-filter-modal-container .map-hotel-filter .filter-selected .selected-header button {
          color: #407bae;
          border: none;
          background: none;
          cursor: pointer;
          font-size: 14px;
          font-weight: 600; }
    .map-hotel-filter-modal-container .map-hotel-filter .filters-container {
      max-height: 100%;
      padding: 0 24px;
      background-color: #fff; }
      .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu {
        margin-top: 0;
        border-top: none;
        border-bottom: 1px solid #979797;
        padding: 18px 0; }
        .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-category-label {
          background-color: #fff;
          border: none;
          text-transform: capitalize;
          padding: 1px 0;
          position: relative;
          font-size: 16px; }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-category-label i {
            cursor: pointer;
            position: absolute;
            right: 0;
            font-size: 12px; }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-category-label .filter-category-sublabel {
            font-size: 12px;
            color: #282828;
            font-weight: normal;
            text-transform: none; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-category-label .filter-category-sublabel:after {
              content: '*'; }
        .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container {
          display: flex;
          flex-direction: column;
          position: relative;
          border: none;
          margin-top: 12px;
          padding-left: 0; }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.filter-categories {
            padding-right: 0; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.filter-categories .column {
              padding: 0;
              border: 0 none; }
            @media (min-width: 960px) {
              .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.filter-categories {
                flex-direction: row; }
                .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.filter-categories .column {
                  flex: 0 0 50%;
                  padding-right: 15px; } }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label {
            margin-bottom: 0;
            padding-bottom: 18px;
            padding-left: 25px;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: normal; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label .option-clause {
              padding: 0;
              border: none;
              background-color: #fff;
              font-weight: normal;
              text-transform: none;
              font-size: 12px;
              font-style: italic; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label:last-of-type {
              margin-bottom: 0; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label input, .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label span.checkbox-indicator {
              height: 18px;
              width: 18px;
              border-color: #0072ce; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label span.checkbox-indicator {
              background-size: 11px 11px; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label input:checked ~ span.checkbox-indicator {
              height: 18px;
              width: 18px;
              border-color: #0072ce;
              background-color: #0072ce; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-option-label input:checked ~ span.checkbox-indicator::after {
              content: '';
              position: absolute;
              width: 12px;
              height: 6px;
              background: rgba(0, 0, 0, 0);
              top: 4px;
              left: 2px;
              border: 1px solid white;
              border-top: none;
              border-right: none;
              transform: rotate(-45deg); }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container #adults-only {
            font-size: 12px; }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-menu-clause {
            font-size: 12px;
            color: #282828;
            padding: 18px 0 0;
            background-color: #fff;
            border: none;
            text-transform: none;
            font-weight: normal; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container .filter-menu-clause:before {
              content: '*'; }
          .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.pills {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center; }
            .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.pills button {
              background-color: #fff;
              display: flex;
              justify-content: space-between;
              text-transform: capitalize;
              font-size: 12px;
              line-height: 25px;
              font-weight: 400;
              color: #407bae;
              border: solid 1px rgba(64, 123, 174, 0.5);
              border-radius: 16px;
              margin-right: 8px;
              margin-bottom: 8px; }
              .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.pills button.pill-selected {
                background-color: #0072CE;
                color: white; }
              .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu .filter-container.pills button i {
                align-self: center;
                margin-right: 7px;
                font-size: 7px; }
        .map-hotel-filter-modal-container .map-hotel-filter .filters-container .filter-menu:last-of-type .filter-category-label {
          border-bottom: none; }
  .map-hotel-filter-modal-container .map-hotel-filter-buttons {
    display: flex;
    z-index: inherit;
    flex: 0 0 auto;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1); }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .map-hotel-filter-modal-container .map-hotel-filter-buttons {
        justify-content: center; } }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .map-hotel-filter-modal-container .map-hotel-filter-buttons .filter-buttons {
        margin: 0px 18px 0px 18px; } }
    @media (max-width: 1079px) {
      .map-hotel-filter-modal-container .map-hotel-filter-buttons {
        justify-content: space-between; }
        .map-hotel-filter-modal-container .map-hotel-filter-buttons button {
          width: 50%; } }
    @media (min-width: 1080px) {
      .map-hotel-filter-modal-container .map-hotel-filter-buttons {
        justify-content: flex-end; } }
    .map-hotel-filter-modal-container .map-hotel-filter-buttons button {
      text-transform: none; }

.m-list .input-select {
  width: 100%; }

@media (min-width: 640px) and (max-width: 767px) {
  .m-list .filter-lists {
    /* MD */
    margin: 0 0 0 -9px; } }

.m-list .filter-lists .region-filter, .m-list .filter-lists .category-filter {
  float: left; }
  @media (max-width: 767px) {
    .m-list .filter-lists .region-filter, .m-list .filter-lists .category-filter {
      width: 50%; } }
  @media (max-width: 639px) {
    .m-list .filter-lists .region-filter, .m-list .filter-lists .category-filter {
      width: 100%; } }

@media (min-width: 768px) {
  .m-list .filter-lists .region-filter {
    margin-right: 18px; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-list .filter-lists .region-filter {
    padding: 0 9px; } }

@media (max-width: 639px) {
  .m-list .filter-lists .region-filter {
    padding: 0; } }

.m-list .filter-lists .category-filter {
  margin-bottom: 18px; }
  .m-list .filter-lists .category-filter .m-tooltip {
    width: 300px; }
    @media (max-width: 479px) {
      .m-list .filter-lists .category-filter .m-tooltip {
        width: 100%; } }

.m-list select {
  width: 100%; }

.m-list .list-container ul {
  list-style: none; }

@media (max-width: 767px) {
  .m-list .list-container {
    margin-bottom: 0;
    padding-left: 3px;
    padding-right: 3px; } }

.m-list .list-container.all-inclusive {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px; }
  @media (max-width: 639px) {
    .m-list .list-container.all-inclusive {
      margin-top: 24px; } }
  .m-list .list-container.all-inclusive .brand-name {
    width: 100%; }
  .m-list .list-container.all-inclusive .brand-subheadline {
    max-width: 100%; }
  .m-list .list-container.all-inclusive .region-group {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap; }
  .m-list .list-container.all-inclusive ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-count: 2;
    column-gap: 35px;
    margin: 0; }
    .m-list .list-container.all-inclusive ul li {
      margin: 0;
      flex: 0 0 100%; }
  .m-list .list-container.all-inclusive .non-noam-regions, .m-list .list-container.all-inclusive .non-noam-special-country {
    display: flex;
    flex: 0 0 33%;
    flex-wrap: wrap; }
    @media (min-width: 640px) and (max-width: 959px) {
      .m-list .list-container.all-inclusive .non-noam-regions, .m-list .list-container.all-inclusive .non-noam-special-country {
        flex: 1 0 50%; } }
    @media (max-width: 639px) {
      .m-list .list-container.all-inclusive .non-noam-regions, .m-list .list-container.all-inclusive .non-noam-special-country {
        flex: 0 0 100%; }
        .m-list .list-container.all-inclusive .non-noam-regions:not(:first-child), .m-list .list-container.all-inclusive .non-noam-special-country:not(:first-child) {
          margin-top: 36px; } }

.m-list .list-container .states, .m-list .list-container .united-states, .m-list .list-container .properties, .m-list .list-container .tabs {
  padding-left: 0; }

.m-list .list-container .region-group {
  margin-bottom: 50px; }

.m-list .list-container .noam-state, .m-list .list-container .non-noam-state, .m-list .list-container .non-noam-country {
  width: 100%;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  break-inside: avoid-column;
  /* IE */
  display: table;
  /* FF */ }

.m-list .list-container .noam-regions .states, .m-list .list-container .non-noam-countries, .m-list .list-container .non-noam-sub-regions {
  column-count: 2;
  column-gap: 42px;
  width: 100%; }
  @media (max-width: 639px) {
    .m-list .list-container .noam-regions .states, .m-list .list-container .non-noam-countries, .m-list .list-container .non-noam-sub-regions {
      column-count: 1; } }

.m-list .list-container .region-dropdown-row .link-menu {
  margin: 0; }

.m-list .list-container .property a {
  color: #407BAE; }

.input-select .hw-tooltip-container .hw-tooltip {
  font-style: normal;
  min-width: 294px;
  max-width: 100%;
  bottom: 83px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .input-select .hw-tooltip-container .hw-tooltip {
      /* IE10 & 11  override!!! */
      bottom: 84px; } }
  @supports (-ms-ime-align: auto) {
    .input-select .hw-tooltip-container .hw-tooltip {
      /* IE10 Edge override!!! */
      bottom: 84px; } }

@-moz-document url-prefix() {
  .input-select .hw-tooltip-container .hw-tooltip {
    /* Firefox override!!! */
    bottom: 83px; } }
  .input-select .hw-tooltip-container .hw-tooltip [data-js="hw-tooltip-close"] {
    margin-right: 0;
    font-size: 10px; }

.input-select .radio-menu[data-js-id="category"] label:hover {
  font-weight: 400; }

.input-select .selector-popover[data-js="category-dropdown"] {
  position: relative; }
  @media (max-width: 767px) {
    .input-select .selector-popover[data-js="category-dropdown"].is-open {
      position: relative;
      overflow-y: visible;
      border: 0px solid #fff;
      padding: 0px; }
      .input-select .selector-popover[data-js="category-dropdown"].is-open .popover-header {
        width: 100%;
        margin: 0; } }
  .input-select .selector-popover[data-js="category-dropdown"] .popover-header .link-menu {
    margin: 0; }
    .input-select .selector-popover[data-js="category-dropdown"] .popover-header .link-menu [data-js="category-button"] {
      height: 44px;
      min-width: 290px;
      line-height: 2.6;
      padding: 0 28px 0 0;
      line-height: 2.6;
      border: 1px solid #ccc;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%; }
      .input-select .selector-popover[data-js="category-dropdown"] .popover-header .link-menu [data-js="category-button"] span {
        padding-left: 12px;
        max-height: 88px; }
    .input-select .selector-popover[data-js="category-dropdown"] .popover-header .link-menu a:focus {
      border: 1px solid #FFB612; }
  .input-select .selector-popover[data-js="category-dropdown"] .popover-body {
    border: 1px solid #ccc;
    border-top: none; }
    @media (min-width: 768px) {
      .input-select .selector-popover[data-js="category-dropdown"] .popover-body {
        width: 100%;
        max-width: 100%;
        min-width: 290px; } }
    .input-select .selector-popover[data-js="category-dropdown"] .popover-body .category-popover-content [data-js-id="category"] {
      max-width: 100%;
      padding: 14px; }
    .input-select .selector-popover[data-js="category-dropdown"] .popover-body .category-popover-content [data-js-id="category"] label {
      height: auto;
      line-height: 22px;
      padding: 11px 23px 11px 21px; }

.firefoxLabelSelected {
  border: 1px solid #FFB612 !important;
  white-space: nowrap; }

.input-select .disabled {
  color: #ccc; }

.input-select .disabled:hover + label {
  border-top: 1px solid #ccc; }

.input-select .disabled:hover {
  border-top: 1px solid #ccc;
  background-color: transparent;
  color: #ccc;
  font-weight: 400; }

.input-select .disabled label:first-of-type {
  border-top: 1px solid transparent; }

.input-select span[data-role="tooltip"] {
  font-size: 13px; }

.input-select .selector-popover {
  position: relative;
  margin-top: 6px; }
  .input-select .selector-popover.is-open {
    z-index: 2; }
    .input-select .selector-popover.is-open .link-menu > a {
      border: 1px solid #ccc;
      border-bottom-color: #fff;
      z-index: 2;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDMuNC40ICgzOTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPngtY2FyYm9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJIZWFkZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJBdXRoZW50aWNhdGVkLU1lbnUtKGRhcmspIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEyLjAwMDAwMCwgLTE3LjAwMDAwMCkiIGZpbGw9IiMyODI4MjgiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzE5LjA3NzIzMSwyMy4wMjgxOTI0IEwzMjQsMjguMDEzNDMyMiBMMzIyLjk5ODQ2MiwyOS4wMjgxOTI0IEwzMTgsMjMuOTY3MzA2OCBMMzEzLjAwMTUzOCwyOS4wMjgxOTI0IEwzMTIsMjguMDEzNDMyMiBMMzE2LjkyMjc2OSwyMy4wMjgxOTI0IEwzMTIsMTguMDQyOTUyNSBMMzEzLjAwMTUzOCwxNy4wMjgxOTI0IEwzMTgsMjIuMDg5MDc4IEwzMjIuOTk4NDYyLDE3LjAyODE5MjQgTDMyNCwxOC4wNDI5NTI1IEwzMTkuMDc3MjMxLDIzLjAyODE5MjQgTDMxOS4wNzcyMzEsMjMuMDI4MTkyNCBaIiBpZD0ieC1jYXJib24iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
      -webkit-background-size: 12px 12px;
      background-size: 12px 12px; }
    @media (max-width: 767px) {
      .input-select .selector-popover.is-open {
        position: fixed;
        overflow-y: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 18px 0;
        background-color: #fff; }
        .input-select .selector-popover.is-open .link-menu a {
          border: none;
          background-image: none;
          border-bottom: 1px solid #ccc;
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDMuNC40ICgzOTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPngtY2FyYm9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJIZWFkZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJBdXRoZW50aWNhdGVkLU1lbnUtKGRhcmspIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEyLjAwMDAwMCwgLTE3LjAwMDAwMCkiIGZpbGw9IiMyODI4MjgiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzE5LjA3NzIzMSwyMy4wMjgxOTI0IEwzMjQsMjguMDEzNDMyMiBMMzIyLjk5ODQ2MiwyOS4wMjgxOTI0IEwzMTgsMjMuOTY3MzA2OCBMMzEzLjAwMTUzOCwyOS4wMjgxOTI0IEwzMTIsMjguMDEzNDMyMiBMMzE2LjkyMjc2OSwyMy4wMjgxOTI0IEwzMTIsMTguMDQyOTUyNSBMMzEzLjAwMTUzOCwxNy4wMjgxOTI0IEwzMTgsMjIuMDg5MDc4IEwzMjIuOTk4NDYyLDE3LjAyODE5MjQgTDMyNCwxOC4wNDI5NTI1IEwzMTkuMDc3MjMxLDIzLjAyODE5MjQgTDMxOS4wNzcyMzEsMjMuMDI4MTkyNCBaIiBpZD0ieC1jYXJib24iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
          -webkit-background-size: 12px 12px;
          background-size: 12px 12px; } }
    .input-select .selector-popover.is-open .popover-body {
      display: block; }
      .input-select .selector-popover.is-open .popover-body .radio-menu > label {
        /* FF */ }
        .input-select .selector-popover.is-open .popover-body .radio-menu > label > input {
          display: none; }
        .input-select .selector-popover.is-open .popover-body .radio-menu > label .radio-label {
          margin-left: 4px; }
  .input-select .selector-popover .popover-footer {
    display: none; }
  .input-select .selector-popover .popover-body {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    min-width: 100%; }
    @media (min-width: 768px) {
      .input-select .selector-popover .popover-body {
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } }

.input-select .radio-menu[data-js-id="region"] label:hover {
  font-weight: 400; }

.input-select .selector-popover[data-js="region-dropdown"] {
  position: relative; }
  @media (max-width: 767px) {
    .input-select .selector-popover[data-js="region-dropdown"].is-open {
      position: relative;
      overflow-y: visible;
      border: 0px solid #fff;
      padding: 0px; }
      .input-select .selector-popover[data-js="region-dropdown"].is-open .popover-header {
        width: 100%;
        margin: 0; } }
  .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu {
    margin: 0; }
    .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu [data-js="region-button"] {
      height: 44px;
      min-width: 240px;
      padding: 0 28px 0 0;
      line-height: 2.6;
      border: 1px solid #ccc;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      @media (min-width: 768px) {
        .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu [data-js="region-button"] {
          width: 290px; } }
      @media (max-width: 767px) {
        .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu [data-js="region-button"] {
          width: 100%;
          max-width: 100%; } }
      .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu [data-js="region-button"] span {
        padding-left: 12px;
        max-height: 88px; }
    .input-select .selector-popover[data-js="region-dropdown"] .popover-header .link-menu a:focus {
      border: 1px solid #FFB612; }
  .input-select .selector-popover[data-js="region-dropdown"] .popover-body {
    border: 1px solid #ccc;
    border-top: none; }
    @media (min-width: 768px) {
      .input-select .selector-popover[data-js="region-dropdown"] .popover-body .region-popover-content {
        width: 288px;
        max-width: 288px;
        min-width: 240px; }
        .input-select .selector-popover[data-js="region-dropdown"] .popover-body .region-popover-content [data-js-id="region"] {
          max-width: 290px;
          padding: 14px; } }
    @media (max-width: 767px) {
      .input-select .selector-popover[data-js="region-dropdown"] .popover-body .region-popover-content {
        width: 100%; }
        .input-select .selector-popover[data-js="region-dropdown"] .popover-body .region-popover-content [data-js-id="region"] {
          max-width: 100%;
          padding: 14px; } }
    .input-select .selector-popover[data-js="region-dropdown"] .popover-body .region-popover-content [data-js-id="region"] label {
      height: auto;
      line-height: 22px;
      padding: 11px 23px 11px 21px; }

.m-dreammap {
  position: relative; }
  .m-dreammap.panelized {
    display: flex;
    flex: 1 1 auto;
    max-height: 100%;
    background-color: #cccccc;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #979797; }
    .m-dreammap.panelized .card-panel {
      align-content: flex-start; }
  .m-dreammap .card-panel {
    /* TODO: The height of this panel should be set via js, based on the height of the map
         * There could be banners, alerts, or the height of the header could change
         * This would cause variance from these static px values
        */ }
    @media (min-width: 640px) {
      .m-dreammap .card-panel {
        height: calc(100vh - 88px); } }
    @media (min-width: 960px) {
      .m-dreammap .card-panel {
        height: calc(100vh - 132px); } }
    .m-dreammap .card-panel.no-results {
      padding-left: 0; }
      @media (min-width: 640px) {
        .m-dreammap .card-panel.no-results {
          align-content: center; } }
  .m-dreammap .no-results-card {
    flex: 1 100%;
    text-align: center; }
    @media (max-width: 639px) {
      .m-dreammap .no-results-card .mobile-wrapper {
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        max-width: 500px;
        margin: 0 auto; } }
    @media (min-width: 640px) {
      .m-dreammap .no-results-card {
        display: flex;
        flex-wrap: nowrap;
        align-items: center; }
        .m-dreammap .no-results-card .desktop-wrapper {
          flex: 1 100%; } }

.map-search {
  right: 15px;
  top: 15px;
  position: absolute;
  display: block;
  z-index: 9;
  width: calc(100% - 30px); }
  @media (min-width: 640px) {
    .map-search {
      width: 300px; } }
  @media (min-width: 768px) {
    .map-search {
      width: 400px; } }
  .map-search .b-form-input {
    border-radius: 5px;
    background-color: white;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
  .map-search .b-form-input:focus {
    border: 1px solid #ffb612;
    border-radius: 5px;
    outline: none; }
  .map-search .b-form-input__control {
    border: none;
    border-radius: 5px; }
  .map-search .b-form-input__control:focus {
    border: none;
    border-radius: 5px; }
  .map-search .map-search-menu {
    background-color: white;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    z-index: 10;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .map-search .map-search-menu {
    text-transform: none; }
    .map-search .map-search-menu ul {
      list-style-type: none; }
  .map-search .map-search-menu a:hover {
    text-decoration: none; }
  .map-search .map-search-menu a {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    padding: 12px 0;
    margin: 0 15px;
    color: #282828; }
  .map-search .map-search-menu ul {
    margin: 0;
    padding: 0; }
  .map-search .map-search-menu ul li {
    margin-bottom: 0;
    position: relative; }
  .map-search .map-search-menu ul li {
    border-bottom: 1px solid #eee; }
  .map-search .map-search-menu ul li:last-child {
    border-bottom: 1px solid transparent; }
  .map-search .map-search-menu ul li.active {
    border-bottom: 1px solid transparent; }
  .map-search .map-search-menu ul li.active:last-child {
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .map-search .active {
    background-color: #407bae; }
    .map-search .active a {
      color: #fff; }

.m-masthead {
  position: relative; }
  .m-masthead .spacer {
    height: 60px;
    /* XL */ }
    @media (min-width: 960px) {
      .m-masthead .spacer {
        height: 80px; } }
  .m-masthead .masthead-image {
    width: 100%;
    position: absolute;
    height: 300px;
    /* XS */
    /* SM */
    /* MD */
    /* LG */
    /* XL */ }
    @media (min-width: 480px) {
      .m-masthead .masthead-image {
        height: 300px; } }
    @media (min-width: 640px) {
      .m-masthead .masthead-image {
        height: 300px; } }
    @media (min-width: 768px) {
      .m-masthead .masthead-image {
        height: 560px; } }
    @media (min-width: 960px) {
      .m-masthead .masthead-image {
        height: 560px; } }
    .m-masthead .masthead-image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(40, 40, 40, 0.3); }
    .m-masthead .masthead-image.nomessaging:before {
      background: rgba(40, 40, 40, 0.2); }
    .m-masthead .masthead-image .masthead-cover {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
  .m-masthead .copy-container {
    position: relative;
    margin: auto; }
    .m-masthead .copy-container .masthead-copy {
      height: 300px;
      /* XS */
      /* SM */
      /* MD */
      /* LG */
      /* XL */ }
      @media (min-width: 480px) {
        .m-masthead .copy-container .masthead-copy {
          height: 300px; } }
      @media (min-width: 640px) {
        .m-masthead .copy-container .masthead-copy {
          height: 300px; } }
      @media (min-width: 768px) {
        .m-masthead .copy-container .masthead-copy {
          height: 360px; } }
      @media (min-width: 960px) {
        .m-masthead .copy-container .masthead-copy {
          height: 360px; } }
      .m-masthead .copy-container .masthead-copy .masthead-copy-content {
        text-align: center;
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
        .m-masthead .copy-container .masthead-copy .masthead-copy-content .masthead-subheadline {
          max-width: 85%;
          margin: auto; }
        .m-masthead .copy-container .masthead-copy .masthead-copy-content .app-logo {
          height: 40px;
          width: 135px; }
  .m-masthead .y-container {
    display: table;
    width: 100%; }
  .m-masthead .y-middle {
    display: table-cell;
    vertical-align: middle; }

.new-qbcontainer {
  position: absolute;
  width: 100%;
  z-index: 9;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1); }
  .new-qbcontainer.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  .new-qbcontainer .custom-container {
    padding: 0 14px; }
    @media (max-width: 767px) {
      .new-qbcontainer .custom-container {
        padding: 0 9px; } }

.qb-modal-container {
  position: fixed;
  z-index: 210;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4) !important;
  margin: 0 !important; }
  .qb-modal-container .modal-content {
    margin: 15% auto; }
    .qb-modal-container .modal-content .m-quickbook {
      width: 100%; }

.banner-offer {
  background-color: #f2d47e; }
  .banner-offer .b-link-next {
    color: #282828; }

/* Breakpoints -- start -- -------------------------------------------------------- */
/* TODO: Figure out why the @import is causing trouble. */
@media (min-width: 960px) and (max-width: 1279px) {
  .display-xl-v2-none {
    display: none; } }

@media (min-width: 1280px) {
  .display-xx-none {
    display: none; } }

/* Breakpoints --  end  -- -------------------------------------------------------- */
.m-calendar {
  position: relative; }
  .m-calendar .calendar-body {
    display: block;
    background-color: #fff;
    padding: 18px 0 0 0; }
    .m-calendar .calendar-body .calendar-content {
      margin: 0 auto; }
      .m-calendar .calendar-body .calendar-content .grids-container {
        display: block; }
        .m-calendar .calendar-body .calendar-content .grids-container .cal-link-next {
          right: 16px; }
        .m-calendar .calendar-body .calendar-content .grids-container .cal-link-prev {
          left: 16px; }
        .m-calendar .calendar-body .calendar-content .grids-container .cal-link-next, .m-calendar .calendar-body .calendar-content .grids-container .cal-link-prev {
          position: absolute;
          top: 30px;
          z-index: 1; }
          .m-calendar .calendar-body .calendar-content .grids-container .cal-link-next .i, .m-calendar .calendar-body .calendar-content .grids-container .cal-link-prev .i {
            color: #282828;
            font-size: 20px;
            padding: 0; }
        .m-calendar .calendar-body .calendar-content .grids-container .cal-grid {
          background-color: transparent; }
          .m-calendar .calendar-body .calendar-content .grids-container .cal-grid button:focus {
            border: 2px solid #0080D0;
            line-height: 38px; }

@media (max-width: 479px) {
  .m-calendar .size-xs-1 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-1 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-2 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-2 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-3 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-3 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-4 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-4 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-5 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-5 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-6 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-6 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-7 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-7 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-8 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-8 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-9 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-9 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-10 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-10 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-11 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-11 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-calendar .size-xs-12 {
    width: 318px; }
  .m-calendar .calendar-body.size-xs-12 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-1 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-1 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-2 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-2 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-3 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-3 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-4 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-4 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-5 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-5 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-6 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-6 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-7 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-7 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-8 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-8 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-9 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-9 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-10 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-10 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-11 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-11 {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 639px) {
  .m-calendar .size-sm-12 {
    width: 318px; }
  .m-calendar .calendar-body.size-sm-12 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-1 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-1 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-2 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-2 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-3 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-3 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-4 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-4 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-5 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-5 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-6 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-6 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-7 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-7 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-8 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-8 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-9 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-9 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-10 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-10 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-11 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-11 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 767px) {
  .m-calendar .size-md-12 {
    width: 318px; }
  .m-calendar .calendar-body.size-md-12 {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-1 {
    width: 318px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-2 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-3 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-4 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-5 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-6 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-7 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-8 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-9 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-10 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-11 {
    width: 636px; } }

@media (min-width: 768px) and (max-width: 959px) {
  .m-calendar .size-lg-12 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-1 {
    width: 318px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-2 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-3 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-4 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-5 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-6 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-7 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-8 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-9 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-10 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-11 {
    width: 636px; } }

@media (min-width: 960px) {
  .m-calendar .size-xl-12 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-1 {
    width: 318px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-2 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-3 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-4 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-5 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-6 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-7 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-8 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-9 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-10 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-11 {
    width: 636px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .m-calendar .size-xl-v2-12 {
    width: 636px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-1 {
    width: 318px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-2 {
    width: 636px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-3 {
    width: 954px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-4 {
    width: 1272px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-5 {
    width: 954px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-6 {
    width: 954px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-7 {
    width: 1272px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-8 {
    width: 1272px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-9 {
    width: 954px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-10 {
    width: 1272px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-11 {
    width: 1272px; } }

@media (min-width: 1280px) {
  .m-calendar .size-xx-12 {
    width: 1272px; } }

.filtered-out {
  display: none !important; }

.slot-filter-modal-container {
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  overflow: hidden;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  .slot-filter-modal-container .modal-content .filter-container {
    max-width: 320px;
    margin: auto; }
    .slot-filter-modal-container .modal-content .filter-container .hotel-filter {
      width: 320px;
      border: none; }
      @media (min-width: 320px) and (max-width: 479px) {
        .slot-filter-modal-container .modal-content .filter-container .hotel-filter {
          margin: 0; } }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-modal-find-hotels {
        font-weight: 600;
        float: left; }
        .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-modal-find-hotels .slot-filter-modal-close-button {
          float: right; }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .reset-filter-container {
        width: 100%;
        text-align: center; }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .list-hotels-button-container {
        width: 100%; }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-list-hotels-button {
        text-align: center;
        margin-left: 3px;
        margin-right: 3px; }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-select {
        height: 50px;
        width: 100%; }
        .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-select .select-container.locked {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          background-image: none;
          font-weight: 600; }
        .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-select .select-container .hotel-filter-select,
        .slot-filter-modal-container .modal-content .filter-container .hotel-filter .slot-filter-select .select-container .hotel-filter-select option {
          width: 100%; }
      .slot-filter-modal-container .modal-content .filter-container .hotel-filter .reset-filter-btn {
        cursor: pointer; }

.m-card {
  background-color: #fff; }
  .m-card .card-container {
    background-color: #fff;
    width: 290px;
    padding: 0; }
    @media (max-width: 480px) {
      .m-card .card-container {
        height: 100%;
        left: 0; } }
    .m-card .card-container .card-image {
      width: 100%; }
      .m-card .card-container .card-image .card-pic {
        width: 100%;
        height: 163px;
        background-position: center;
        background-size: cover;
        position: relative; }
        .m-card .card-container .card-image .card-pic .hc-brand-img {
          opacity: 0.9;
          text-align: center;
          width: 86px;
          height: 62px;
          margin-left: 15px;
          background-color: rgba(64, 180, 229, 0.9); }
        .m-card .card-container .card-image .card-pic .flag {
          position: absolute;
          bottom: 0;
          width: 100%;
          color: white;
          text-align: center;
          text-transform: uppercase; }
          .m-card .card-container .card-image .card-pic .flag .flag-messaging {
            padding: 4px 0; }
          .m-card .card-container .card-image .card-pic .flag .flag-all-inclusive {
            background-color: #512d6d; }
          .m-card .card-container .card-image .card-pic .flag .flag-opening-soon {
            background-color: #e10098; }
          .m-card .card-container .card-image .card-pic .flag .flag-coming-soon {
            background-color: #840b55; }
          .m-card .card-container .card-image .card-pic .flag .flag-new, .m-card .card-container .card-image .card-pic .flag .flag-new-partner {
            background-color: #005a70; }
    .m-card .card-container .card-details {
      justify-content: center;
      text-align: center;
      width: 100%; }
      .m-card .card-container .card-details .card-name {
        line-height: 1.2;
        max-height: 56px;
        max-width: 98%; }
      .m-card .card-container .card-details .card-address-street {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .m-card .card-container .card-details .card-address-street, .m-card .card-container .card-details .card-address-two {
        width: 100%;
        line-height: 1.4; }
      .m-card .card-container .card-details .card-woh-category {
        margin: 12px 0 0; }
        .m-card .card-container .card-details .card-woh-category .card-separator {
          margin: 12px auto;
          width: 40px;
          height: 1px;
          background-color: #282828; }
        .m-card .card-container .card-details .card-woh-category .card-woh-logo {
          height: 22px;
          width: auto;
          padding-right: 8px; }
        .m-card .card-container .card-details .card-woh-category span {
          font-size: 12px;
          color: #282828; }
      .m-card .card-container .card-details .card-slh-bar-wrapper {
        width: 100%; }
        .m-card .card-container .card-details .card-slh-bar-wrapper .card-slh-bar {
          width: 90px;
          height: 4px;
          background-color: #b48d48;
          margin: 0 auto; }
    .m-card .card-container .card-view-web {
      text-align: center; }
      .m-card .card-container .card-view-web i {
        padding-right: 0; }
    .m-card .card-container .force-cap {
      text-transform: capitalize; }
    .m-card .card-container .card-rate {
      line-height: 1.0; }
    .m-card .card-container .card-bottom-bar {
      background-color: #f6f6f6; }
      .m-card .card-container .card-bottom-bar .card-woh-category-bottom {
        flex: 0 1 50%;
        flex-wrap: nowrap; }
        .m-card .card-container .card-bottom-bar .card-woh-category-bottom .card-woh-logo {
          height: 22px;
          width: auto;
          margin-right: 8px;
          flex: 0 1 22px; }
        .m-card .card-container .card-bottom-bar .card-woh-category-bottom .award-cat {
          color: #282828;
          flex: 1 1 auto; }
      .m-card .card-container .card-bottom-bar .card-view-web {
        text-align: right;
        flex: 1 1 50%; }
      .m-card .card-container .card-bottom-bar .card-woh-category-bottom.b-d-none + .card-view-web {
        text-align: center; }
    .m-card .card-container .m-expand {
      text-align: center; }

.m-flag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  text-align: center;
  text-transform: uppercase; }
  .m-flag .flag-messaging {
    padding: 4px 0; }
  .m-flag .flag-all-inclusive {
    background-color: #512d6d; }
  .m-flag .flag-opening-soon {
    background-color: #e10098; }
  .m-flag .flag-coming-soon {
    background-color: #840b55; }
  .m-flag .flag-new, .m-flag .flag-new-partner {
    background-color: #005a70; }

/* Breakpoints -- start -- -------------------------------------------------------- */
/* TODO: Figure out why the @import is causing trouble. */
@media (min-width: 960px) and (max-width: 1279px) {
  .display-xl-v2-none {
    display: none; } }

@media (min-width: 1280px) {
  .display-xx-none {
    display: none; } }

/* Breakpoints --  end  -- -------------------------------------------------------- */
@media (max-width: 767px) {
  .no-scroll-for-ui-datefieldpair {
    overflow: hidden; } }

.m-datefieldpair {
  background: #fff;
  display: flex;
  flex-direction: column; }
  .m-datefieldpair .datefields {
    display: flex;
    flex-direction: row; }
    .m-datefieldpair .datefields .datefield-container {
      flex-basis: 50%;
      padding: 0 0 9px; }
      .m-datefieldpair .datefields .datefield-container .datefield-header {
        display: none; }
      .m-datefieldpair .datefields .datefield-container .m-datefield {
        margin: 0 9px 9px; }
        .m-datefieldpair .datefields .datefield-container .m-datefield i {
          position: absolute;
          top: 0; }
        .m-datefieldpair .datefields .datefield-container .m-datefield input::-ms-clear {
          display: none; }
        .m-datefieldpair .datefields .datefield-container .m-datefield input.dirty {
          border: 1px solid #e61e1e; }
        .m-datefieldpair .datefields .datefield-container .m-datefield .field-label, .m-datefieldpair .datefields .datefield-container .m-datefield .date-label {
          display: none; }
      .m-datefieldpair .datefields .datefield-container .datefield-footer {
        display: none; }
  .m-datefieldpair .validation {
    color: #e61e1e;
    padding-left: 18px;
    margin-top: -11px; }
    .m-datefieldpair .validation i {
      position: absolute;
      left: -9px;
      top: 3px; }
    .m-datefieldpair .validation .form-error {
      padding-bottom: 16px;
      text-align: left;
      margin-top: -11px; }
  .m-datefieldpair .calendar-popover-container {
    display: none;
    position: relative; }
    .m-datefieldpair .calendar-popover-container .calendar-popover {
      background-color: #fff;
      display: inline-block;
      left: 50%;
      position: absolute;
      transform: translateX(-50%); }
      .m-datefieldpair .calendar-popover-container .calendar-popover .popover-header {
        margin: 0 auto; }
        @media (min-width: 768px) {
          .m-datefieldpair .calendar-popover-container .calendar-popover .popover-header .cal-beak:before, .m-datefieldpair .calendar-popover-container .calendar-popover .popover-header .cal-beak:after {
            border: solid transparent;
            top: -19px;
            content: " ";
            height: 0;
            pointer-events: none;
            position: absolute;
            width: 0;
            z-index: 1; }
          .m-datefieldpair .calendar-popover-container .calendar-popover .popover-header .cal-beak:before {
            border-bottom-color: #ccc;
            border-width: 12px;
            margin: -5px 0 0 -12px; }
          .m-datefieldpair .calendar-popover-container .calendar-popover .popover-header .cal-beak:after {
            border-bottom-color: #fff;
            border-width: 10px;
            margin: -1px 0 0 -10px; } }
      .m-datefieldpair .calendar-popover-container .calendar-popover .popover-footer {
        display: none; }
  .m-datefieldpair.vertical.small:not(.is-open) {
    flex-direction: row;
    flex-wrap: wrap; }
    .m-datefieldpair.vertical.small:not(.is-open) .datefields {
      display: block;
      flex: 0 1 100%; }
      .m-datefieldpair.vertical.small:not(.is-open) .datefields .datefield-container {
        padding: 0; }
        .m-datefieldpair.vertical.small:not(.is-open) .datefields .datefield-container .input-text {
          margin: 0 0 16px 0; }
    .m-datefieldpair.vertical.small:not(.is-open) .validation {
      flex: 0 1 100%;
      margin-top: 0; }
  .m-datefieldpair.vertical.small .calendar-popover-container .calendar-popover .popover-header .cal-beak {
    display: none; }
  @media (min-width: 480px) and (max-width: 767px) {
    .m-datefieldpair.is-open {
      border: solid 15px rgba(0, 0, 0, 0.75); } }
  @media (max-width: 767px) {
    .m-datefieldpair.is-open.vertical.small .calendar-popover {
      overflow-y: hidden; } }
  @media (min-width: 768px) {
    .m-datefieldpair.is-open.vertical.small {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      margin: 4px -6px 0;
      position: absolute;
      z-index: 1; }
      .m-datefieldpair.is-open.vertical.small .datefields {
        margin: 0 auto;
        width: 318px; }
        .m-datefieldpair.is-open.vertical.small .datefields .datefield-container {
          padding: 12px 0 0; }
          .m-datefieldpair.is-open.vertical.small .datefields .datefield-container.date-in {
            padding-left: 15px; }
          .m-datefieldpair.is-open.vertical.small .datefields .datefield-container.date-out {
            padding-right: 15px; }
          .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield {
            border-bottom: solid 2px #f6f6f6;
            margin-left: 0;
            margin-right: 0; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield i, .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield input {
              display: none; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield .field-label, .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield .date-label {
              display: block;
              color: rgba(40, 40, 40, 0.5);
              font-size: 16px;
              padding-bottom: 4px;
              text-align: center; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .m-datefield .date-label {
              font-weight: 600; }
          .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .datefield-footer {
            display: inline-block;
            margin-left: 50%;
            position: relative; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .datefield-footer .cal-modal-beak:after, .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .datefield-footer .cal-modal-beak:before {
              border: solid transparent;
              top: -44px;
              content: " ";
              height: 0;
              pointer-events: none;
              position: absolute;
              width: 0;
              z-index: 1; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .datefield-footer .cal-modal-beak:before {
              border-width: 12px;
              margin: -4px 0 0 -12px; }
            .m-datefieldpair.is-open.vertical.small .datefields .datefield-container .datefield-footer .cal-modal-beak:after {
              border-width: 10px;
              margin: 1px 0 0 -10px; }
      .m-datefieldpair.is-open.vertical.small .validation {
        margin: 0 auto;
        padding-right: 18px;
        width: 320px; }
        .m-datefieldpair.is-open.vertical.small .validation > div {
          padding: 0;
          text-align: center; }
          .m-datefieldpair.is-open.vertical.small .validation > div i {
            left: 0;
            padding-right: 5px;
            position: relative;
            top: -1px; }
      .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover {
        margin-top: 9px;
        padding: 18px 0; }
        .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .popover-header .cal-beak {
          display: none; }
        .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .m-calendar {
          margin-top: -48px; }
      .m-datefieldpair.is-open.vertical.small .validation > div {
        margin-bottom: 23px; }
      .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover {
        overflow-y: visible;
        padding-bottom: 0; }
        .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .m-calendar {
          border-top: none; }
          .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .m-calendar .calendar-body {
            padding: 0; }
            .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .m-calendar .calendar-body .calendar-content .grids-container .cal-link-next, .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover .m-calendar .calendar-body .calendar-content .grids-container .cal-link-prev {
              top: 12px; }
        .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover > .b-container {
          padding: 0 15px; }
          .m-datefieldpair.is-open.vertical.small .calendar-popover-container .calendar-popover > .b-container .close-button {
            display: inline-block; }
      .m-datefieldpair.is-open.vertical.small.is-date-in .datefields .date-in .m-datefield, .m-datefieldpair.is-open.vertical.small.is-date-out .datefields .date-out .m-datefield {
        border-bottom: 2px solid #ffb612; }
      .m-datefieldpair.is-open.vertical.small.is-date-in .datefields .date-in .field-label, .m-datefieldpair.is-open.vertical.small.is-date-in .datefields .date-in .date-label, .m-datefieldpair.is-open.vertical.small.is-date-out .datefields .date-out .field-label, .m-datefieldpair.is-open.vertical.small.is-date-out .datefields .date-out .date-label {
        color: #282828; }
      .m-datefieldpair.is-open.vertical.small.is-date-in .datefields .date-in .datefield-footer .cal-modal-beak:before, .m-datefieldpair.is-open.vertical.small.is-date-out .datefields .date-out .datefield-footer .cal-modal-beak:before {
        border-bottom-color: #ffb612; }
      .m-datefieldpair.is-open.vertical.small.is-date-in .datefields .date-in .datefield-footer .cal-modal-beak:after, .m-datefieldpair.is-open.vertical.small.is-date-out .datefields .date-out .datefield-footer .cal-modal-beak:after {
        border-bottom-color: #fff; } }
  @media (max-width: 767px) {
    .m-datefieldpair.is-open {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      position: fixed;
      z-index: 10; }
      .m-datefieldpair.is-open .datefields {
        margin: 0 auto;
        width: 318px; }
        .m-datefieldpair.is-open .datefields .datefield-container {
          padding: 12px 0 0; }
          .m-datefieldpair.is-open .datefields .datefield-container.date-in {
            padding-left: 15px; }
          .m-datefieldpair.is-open .datefields .datefield-container.date-out {
            padding-right: 15px; }
          .m-datefieldpair.is-open .datefields .datefield-container .m-datefield {
            border-bottom: solid 2px #f6f6f6;
            margin-left: 0;
            margin-right: 0; }
            .m-datefieldpair.is-open .datefields .datefield-container .m-datefield i, .m-datefieldpair.is-open .datefields .datefield-container .m-datefield input {
              display: none; }
            .m-datefieldpair.is-open .datefields .datefield-container .m-datefield .field-label, .m-datefieldpair.is-open .datefields .datefield-container .m-datefield .date-label {
              display: block;
              color: rgba(40, 40, 40, 0.5);
              font-size: 16px;
              padding-bottom: 4px;
              text-align: center; }
            .m-datefieldpair.is-open .datefields .datefield-container .m-datefield .date-label {
              font-weight: 600; }
          .m-datefieldpair.is-open .datefields .datefield-container .datefield-footer {
            display: inline-block;
            margin-left: 50%;
            position: relative; }
            .m-datefieldpair.is-open .datefields .datefield-container .datefield-footer .cal-modal-beak:after, .m-datefieldpair.is-open .datefields .datefield-container .datefield-footer .cal-modal-beak:before {
              border: solid transparent;
              top: -44px;
              content: " ";
              height: 0;
              pointer-events: none;
              position: absolute;
              width: 0;
              z-index: 1; }
            .m-datefieldpair.is-open .datefields .datefield-container .datefield-footer .cal-modal-beak:before {
              border-width: 12px;
              margin: -4px 0 0 -12px; }
            .m-datefieldpair.is-open .datefields .datefield-container .datefield-footer .cal-modal-beak:after {
              border-width: 10px;
              margin: 1px 0 0 -10px; }
      .m-datefieldpair.is-open .validation {
        margin: 0 auto;
        padding-right: 18px;
        width: 320px; }
        .m-datefieldpair.is-open .validation > div {
          padding: 0;
          text-align: center; }
          .m-datefieldpair.is-open .validation > div i {
            left: 0;
            padding-right: 5px;
            position: relative;
            top: -1px; }
      .m-datefieldpair.is-open .calendar-popover-container .calendar-popover {
        margin-top: 9px;
        padding: 18px 0; }
        .m-datefieldpair.is-open .calendar-popover-container .calendar-popover .popover-header .cal-beak {
          display: none; }
        .m-datefieldpair.is-open .calendar-popover-container .calendar-popover .m-calendar {
          margin-top: -48px; }
      .m-datefieldpair.is-open .validation > div {
        margin: 0 auto; }
      .m-datefieldpair.is-open .calendar-popover {
        overflow-y: auto; } }
  .m-datefieldpair.is-open .calendar-popover-container {
    display: inline-block; }
    @media (max-width: 767px) {
      .m-datefieldpair.is-open .calendar-popover-container {
        height: 100%;
        overflow: auto; } }
    @media (min-width: 768px) {
      .m-datefieldpair.is-open .calendar-popover-container .calendar-popover {
        border: 1px solid #ccc;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
        z-index: 10; }
        .m-datefieldpair.is-open .calendar-popover-container .calendar-popover .close-button {
          display: none; } }
    .m-datefieldpair.is-open .calendar-popover-container .close-button {
      margin-top: 0 !important; }
  @media (max-width: 767px) {
    .m-datefieldpair.is-open.is-date-in .datefields .date-in .m-datefield, .m-datefieldpair.is-open.is-date-out .datefields .date-out .m-datefield {
      border-bottom: 2px solid #ffb612; } }
  @media (min-width: 768px) {
    .m-datefieldpair.is-open.is-date-in .datefields .date-in .m-datefield input, .m-datefieldpair.is-open.is-date-out .datefields .date-out .m-datefield input {
      border: 1px solid #ffb612; } }
  @media (max-width: 959px) {
    .m-datefieldpair.is-open.is-date-in .calendar-popover .cal-beak:after, .m-datefieldpair.is-open.is-date-in .calendar-popover .cal-beak:before {
      left: 22%; } }
  @media (min-width: 960px) {
    .m-datefieldpair.is-open.is-date-in .calendar-popover .cal-beak:after, .m-datefieldpair.is-open.is-date-in .calendar-popover .cal-beak:before {
      left: 36%; } }
  @media (max-width: 959px) {
    .m-datefieldpair.is-open.is-date-out .calendar-popover .cal-beak:after, .m-datefieldpair.is-open.is-date-out .calendar-popover .cal-beak:before {
      left: 79%; } }
  @media (min-width: 960px) {
    .m-datefieldpair.is-open.is-date-out .calendar-popover .cal-beak:after, .m-datefieldpair.is-open.is-date-out .calendar-popover .cal-beak:before {
      left: 64%; } }
  @media (max-width: 767px) {
    .m-datefieldpair.is-open.is-date-in .datefields .date-in .field-label, .m-datefieldpair.is-open.is-date-in .datefields .date-in .date-label, .m-datefieldpair.is-open.is-date-out .datefields .date-out .field-label, .m-datefieldpair.is-open.is-date-out .datefields .date-out .date-label {
      color: #282828; }
    .m-datefieldpair.is-open.is-date-in .datefields .date-in .datefield-footer .cal-modal-beak:before, .m-datefieldpair.is-open.is-date-out .datefields .date-out .datefield-footer .cal-modal-beak:before {
      border-bottom-color: #ffb612; }
    .m-datefieldpair.is-open.is-date-in .datefields .date-in .datefield-footer .cal-modal-beak:after, .m-datefieldpair.is-open.is-date-out .datefields .date-out .datefield-footer .cal-modal-beak:after {
      border-bottom-color: #fff; } }
  .m-datefieldpair.demo-mode {
    flex-direction: row; }
    .m-datefieldpair.demo-mode > div {
      flex-basis: 50%; }
    .m-datefieldpair.demo-mode .demo > span {
      font-weight: bold; }
    .m-datefieldpair.demo-mode .demo > span, .m-datefieldpair.demo-mode .demo > div, .m-datefieldpair.demo-mode .datefields > div {
      display: inline-block; }
    .m-datefieldpair.demo-mode .demo-dom-events {
      white-space: pre-wrap; }

.subscribe {
  background-color: #fff; }

.chase-offer-new .chase-img img {
  height: 90px; }

@media (max-width: 639px) {
  .chase-offer-new {
    text-align: center; }
    .chase-offer-new .chase-img {
      margin-bottom: 12px; }
      .chase-offer-new .chase-img img {
        height: 80px; } }

.email-signup-container {
  margin-left: -9px; }

@media (max-width: 639px) {
  .chase-copy {
    width: 100%; } }

#email-signup input {
  background-color: #fff; }

#email-signup input.dirty {
  border: 1px solid #e61e1e; }

#email-signup #email-signup-failure, #email-signup #email-signup-success {
  padding-left: 36px; }
  #email-signup #email-signup-failure i.msg-icon, #email-signup #email-signup-success i.msg-icon {
    margin-left: -29px; }

#email-signup .fg-error {
  display: table-cell;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #e62828;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.15);
  padding: 12px;
  padding-left: 34px;
  position: absolute;
  top: 50px;
  z-index: 5;
  display: none;
  min-height: 44px;
  line-height: 1.3;
  letter-spacing: 0.5px; }
  #email-signup .fg-error i {
    margin-left: -24px; }
  #email-signup .fg-error .input-arrow-top::before {
    border-bottom-color: #e62828;
    left: 83%;
    bottom: 0;
    top: -24px; }
  #email-signup .fg-error .input-arrow-top::after {
    left: 83%;
    bottom: 0;
    top: -20px; }

#credit-card-offer img {
  margin-top: -3px; }

#privacy-policy .b-icon-new-bold {
  vertical-align: 2px; }

@media (max-width: 480px) {
  .email-signup-container .subheadline {
    font-size: 14px;
    padding-top: 18px !important; } }

@media (min-width: 320px) {
  #email-signup-button {
    width: 100%; }
  #modal-tc, #modal-tc-so {
    width: 320px; }
  .fixer {
    width: 300px;
    margin: auto; }
  .fixer-wide {
    width: 300px;
    margin: auto; }
  #credit-card-offer {
    margin-left: -8px;
    margin-top: 0px; }
    #credit-card-offer .fixer {
      width: 315px; }
      #credit-card-offer .fixer a p {
        margin-top: -6px; } }

@media (min-width: 480px) {
  #modal-tc, #modal-tc-so {
    width: 360px; }
  .fixer {
    width: 310px;
    margin: auto; }
  .fixer-wide {
    width: 310px;
    margin: auto; }
  #credit-card-offer {
    margin-left: -10px; }
    #credit-card-offer .fixer {
      width: 315px; }
      #credit-card-offer .fixer a p {
        margin-top: -6px; } }

@media (min-width: 640px) {
  .subscribe-only #email-signup {
    padding-bottom: 18px !important;
    padding-top: 18px !important; } }

@media (min-width: 768px) {
  #modal-tc, #modal-tc-so {
    width: 658px; }
  .fixer-wide {
    width: 686px;
    margin: auto; }
    .fixer-wide #email-signup-button {
      width: auto; }
  #credit-card-offer {
    margin-left: -10px; }
    #credit-card-offer .fixer {
      width: 350px; }
      #credit-card-offer .fixer a p {
        margin-top: 0; } }

@media (min-width: 960px) {
  .fixer {
    width: 100%; }
  .fixer-wide {
    width: 745px;
    margin: 0; }
    .fixer-wide #email-heading {
      height: 44px;
      width: auto;
      max-width: 33.33%; }
      .fixer-wide #email-heading div {
        position: relative;
        top: 50%;
        transform: perspective(1px) translateY(-50%); }
  #credit-card-offer {
    margin-left: 0; }
    #credit-card-offer .fixer {
      width: 410px;
      margin-left: 25px; } }

.woh-card-offer .woh-card-img img {
  height: 90px; }

@media (max-width: 639px) {
  .woh-card-offer .woh-card-copy {
    width: 100%; } }

@media (max-width: 639px) {
  .woh-card-offer {
    text-align: center; }
    .woh-card-offer .woh-card-img {
      margin-bottom: 12px; }
      .woh-card-offer .woh-card-img img {
        height: 80px; } }

.ui-footer-new .footer-brg .brg-img {
  width: 100%; }

.ui-footer-new .footer-brg .brg-link {
  margin-bottom: 7%; }
  @media (min-width: 768px) and (max-width: 959px) {
    .ui-footer-new .footer-brg .brg-link {
      margin-bottom: 6%; } }

.ui-footer-new .connect li {
  margin-right: 16px; }

.ui-footer-new .connect .hyatt-qr-code .app-store-badges {
  flex: 1 100%; }
  @media (min-width: 960px) {
    .ui-footer-new .connect .hyatt-qr-code .app-store-badges {
      flex: 0 0 135px; } }
  .ui-footer-new .connect .hyatt-qr-code .app-store-badges a {
    display: inline-block;
    height: 40px; }
    @media (min-width: 960px) {
      .ui-footer-new .connect .hyatt-qr-code .app-store-badges a {
        display: block; } }

@media (min-width: 960px) {
  .ui-footer-new .connect .hyatt-qr-code .qr-code-container {
    width: 92px; } }

.ui-footer-new .footer-links {
  width: 180px;
  padding-right: 20px; }
  .ui-footer-new .footer-links .link-newwin::after {
    display: inline-block;
    font-family: BellhopIcons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: .4em;
    content: "\EA75";
    vertical-align: .11em;
    font-size: 1em; }

.ui-footer .footer-row {
  justify-content: space-between;
  width: 100%; }
  @media (max-width: 767px) {
    .ui-footer .footer-row {
      justify-content: center; } }
  .ui-footer .footer-row a {
    color: #B6B6B6; }
    .ui-footer .footer-row a:hover {
      color: #fff; }
  .ui-footer .footer-row .footer-social {
    flex: 0 1 315px; }
    @media (max-width: 767px) {
      .ui-footer .footer-row .footer-social {
        flex: 0 1 100%; }
        .ui-footer .footer-row .footer-social .connect {
          width: 290px;
          margin: auto; } }
    .ui-footer .footer-row .footer-social .app-links a:hover {
      text-decoration: none; }
  .ui-footer .footer-row .footer-links {
    display: flex;
    justify-content: flex-end;
    max-width: 320px; }
    @media (max-width: 767px) {
      .ui-footer .footer-row .footer-links {
        flex: 0 1 100%;
        justify-content: space-around; }
        .ui-footer .footer-row .footer-links .links1, .ui-footer .footer-row .footer-links .links2 {
          width: 290px;
          margin: auto; } }

.ui-gcc-agent-header {
  border-bottom: 2px solid; }
  .ui-gcc-agent-header .sign-out-container {
    position: relative; }
    .ui-gcc-agent-header .sign-out-container .sign-out {
      cursor: pointer; }
      .ui-gcc-agent-header .sign-out-container .sign-out i {
        margin: auto; }
    .ui-gcc-agent-header .sign-out-container .sign-out-panel {
      width: 380px;
      position: absolute;
      right: 0;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
  .ui-gcc-agent-header .gray-border {
    border-right: solid 1px rgba(255, 255, 255, 0.3);
    border-left: solid 1px rgba(255, 255, 255, 0.3); }

.section-properties {
  transition: background-color 0.5s ease-in-out; }
  .section-properties.masked {
    transition: background-color 0s ease-in-out;
    background-color: #fff; }
  .section-properties .card-panel {
    display: flex;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px; }
    @media (min-width: 640px) {
      .section-properties .card-panel {
        justify-content: center; } }
    @media (min-width: 960px) {
      .section-properties .card-panel {
        flex-basis: 334px; } }
    @media (min-width: 1080px) {
      .section-properties .card-panel {
        flex-basis: 646px;
        justify-content: space-between; } }
    .section-properties .card-panel.masked {
      transition: opacity 0s ease-in-out;
      opacity: 0.1; }
    .section-properties .card-panel .m-hotel-card.panel-card {
      transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
      height: auto;
      display: flex;
      flex-grow: 0;
      flex-shrink: 0; }
      @media (max-width: 639px) {
        .section-properties .card-panel .m-hotel-card.panel-card {
          flex-basis: 270px; } }
      @media (min-width: 640px) {
        .section-properties .card-panel .m-hotel-card.panel-card {
          flex-basis: 290px;
          margin-bottom: 18px;
          padding: 3px;
          flex-direction: column; } }
      .section-properties .card-panel .m-hotel-card.panel-card.highlight {
        border: 3px solid #0072ce;
        border-radius: 3px;
        padding: 0;
        box-shadow: 0 1px 8px 6px rgba(0, 0, 0, 0.1), 0 0 4px 1px rgba(0, 0, 0, 0.1); }
        @media (max-width: 639px) {
          .section-properties .card-panel .m-hotel-card.panel-card.highlight {
            margin-right: 18px; } }
        @media (min-width: 640px) {
          .section-properties .card-panel .m-hotel-card.panel-card.highlight .wrapper {
            box-shadow: none;
            border: 0 none; }
          .section-properties .card-panel .m-hotel-card.panel-card.highlight .hotel-image {
            height: 191px; } }
        @media (max-width: 639px) {
          .section-properties .card-panel .m-hotel-card.panel-card.highlight .wrapper {
            margin-right: 0; } }
        .section-properties .card-panel .m-hotel-card.panel-card.highlight .wrapper .card-image, .section-properties .card-panel .m-hotel-card.panel-card.highlight .wrapper .card-image .hotel-image {
          border-radius: 0; }
      .section-properties .card-panel .m-hotel-card.panel-card.hiding {
        opacity: 0; }
      .section-properties .card-panel .m-hotel-card.panel-card .wrapper {
        width: 100%;
        margin-right: 10px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 3px;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
        @media (min-width: 480px) and (max-width: 639px) {
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper {
            margin-right: 18px; } }
        @media (max-width: 639px) {
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper {
            padding: 0;
            border-radius: 3px; } }
        @media (min-width: 640px) {
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper {
            padding: 0;
            margin-right: 0;
            display: flex;
            flex-direction: column;
            flex: 1 0 auto; } }
        .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image, .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-image {
          border-radius: 5px 5px 0 0; }
        .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
          background-color: #eee;
          position: relative;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; }
          @media (max-width: 639px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
              height: 100%;
              background-color: #eee;
              position: relative;
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center center;
              flex: 0 0 78px;
              width: 78px;
              border-radius: 3px 0 0 3px; } }
          @media (min-width: 640px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
              width: 100%;
              height: 194px; } }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image .hotel-brand-flag {
            position: absolute;
            top: 0;
            left: 15px;
            opacity: 0.9;
            width: 48px;
            height: 35px; }
            @media (min-width: 640px) {
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image .hotel-brand-flag {
                width: 86px;
                height: 62px; } }
        .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
          width: 100%;
          background-color: #fff;
          position: relative;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: column;
          overflow-y: hidden; }
          @media (max-width: 639px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
              min-height: 115px;
              padding: 9px;
              border-radius: 0 5px 5px 0; } }
          @media (min-width: 640px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
              border-radius: 0 0 5px 5px;
              flex: 1 0 auto;
              padding: 12px 18px 18px 18px;
              position: relative; } }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name {
            position: relative;
            display: flex;
            flex: 1 0 auto; }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name .mobile-carousel-card-name {
              height: 2.6em;
              min-width: 144px;
              position: relative; }
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name .mobile-carousel-card-name.truncated:after {
                content: '...';
                position: absolute;
                top: 1.3em;
                transform: translateX(1.3em); }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon {
              justify-content: space-between; }
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button {
                padding-right: 0;
                flex: 0 0 32px;
                background-color: transparent;
                border: 0 none;
                height: 20px; }
                .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button:focus {
                  outline: 0 none; }
                @media (max-width: 639px) {
                  .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button {
                    padding-right: 2px; } }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-info {
            display: flex; }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
            position: relative;
            bottom: 0;
            flex-wrap: wrap; }
            @media (max-width: 639px) {
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
                min-height: 34px;
                justify-content: space-between;
                align-items: center;
                align-content: flex-end; } }
            @media (min-width: 640px) {
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
                min-height: 54px;
                border-top: 1px solid #ccc;
                justify-content: space-between;
                width: 100%; } }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section, .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
              display: flex;
              align-self: center;
              margin-bottom: 0; }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section {
              display: flex; }
              @media (min-width: 640px) {
                .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section {
                  flex-wrap: wrap;
                  align-self: flex-end;
                  justify-content: flex-end;
                  flex: 1 0 52%; } }
              .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section .rates-from {
                width: 100%;
                justify-content: flex-end; }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
              flex: 1 1 118px;
              justify-content: center; }
              @media (min-width: 640px) {
                .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
                  margin-left: auto; } }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn:hover {
              text-decoration: none; }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-0 .addl-amenities {
            display: none; }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-1 .addl-amenities {
            display: none; }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-2 .addl-amenities {
            display: none; }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-3 .addl-amenities {
            display: none; }
          @media (max-width: 479px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .addl-amenities {
              display: none; } }
          .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities {
            max-width: 100%;
            width: 100%;
            flex-wrap: nowrap;
            overflow: hidden;
            height: 2em;
            align-items: flex-start; }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .amenity-icon {
              flex-basis: 1em; }
              @media (max-width: 479px) {
                .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .amenity-icon {
                  font-size: 20px; } }
            .section-properties .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .addl-amenities .num-addl-amenities {
              display: flex;
              height: 21px;
              width: 23px;
              border: 1px solid black;
              border-radius: 50%;
              padding: 3px 0;
              font-size: 10px;
              justify-content: center;
              cursor: default; }
    @media (max-width: 639px) {
      .section-properties .card-panel .dummy-card {
        display: none; } }
    @media (min-width: 640px) {
      .section-properties .card-panel .dummy-card {
        height: auto;
        display: flex;
        order: 9000;
        flex: 0 0 290px;
        flex-direction: column; } }

.card-panel {
  position: absolute;
  bottom: 0;
  flex-wrap: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
  max-width: 100vw;
  background-color: #f4f7fa;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  align-content: flex-start;
  padding-left: 15px; }
  .card-panel::-webkit-scrollbar {
    display: none; }
  @media (min-width: 480px) and (max-width: 639px) {
    .card-panel {
      padding-left: 25px; } }
  @media (max-width: 639px) {
    .card-panel {
      background: transparent;
      border: none;
      margin-bottom: 24px;
      width: 100%; } }
  @media (min-width: 640px) {
    .card-panel {
      flex-wrap: wrap;
      position: static;
      padding: 18px;
      flex: 0 0 340px;
      height: 746px; } }
  @media (min-width: 960px) {
    .card-panel {
      display: flex;
      justify-content: space-between;
      flex-basis: 650px; } }

.ui-header {
  position: relative; }
  .ui-header .skip-main-navigation {
    height: 0;
    list-style: none; }
    .ui-header .skip-main-navigation a {
      left: -99999px;
      position: relative; }
      .ui-header .skip-main-navigation a:focus, .ui-header .skip-main-navigation a:active {
        left: 0;
        top: 12px;
        z-index: 900; }
  .ui-header .header-row {
    margin: 0 auto;
    max-width: 1024px;
    padding: 0; }
    .ui-header .header-row.wide {
      max-width: 1235px; }
    @media (min-width: 960px) {
      .ui-header .header-row {
        padding: 0 15px 0 32px; } }
  .ui-header .header-left,
  .ui-header .header-right {
    float: left;
    width: 50%; }
  .ui-header .header-left {
    display: flex;
    align-items: center; }
  @media (min-width: 640px) {
    .ui-header .header-left {
      width: 25%; }
    .ui-header .header-right {
      width: 75%; } }
  .ui-header .logo-full {
    height: 20px;
    width: 80px; }
    @media (min-width: 960px) {
      .ui-header .logo-full {
        margin-top: 25px;
        height: 40px;
        width: 140px; } }
  .ui-header .logo-slim {
    height: 20px;
    width: 80px; }
  .ui-header .section-row {
    padding-right: 17px;
    height: 44px;
    line-height: 44px; }
    .ui-header .section-row a {
      color: #B6B6B6; }
      .ui-header .section-row a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #fff; }
  .ui-header .dd-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b6b6b6;
    height: 44px;
    line-height: 44px;
    border-bottom: none;
    min-width: 60px;
    text-align: center;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-decoration: none;
    padding: 0 12px; }
    .ui-header .dd-link span {
      font-size: 11px; }
    .ui-header .dd-link:hover {
      color: #fff; }
      .ui-header .dd-link:hover span {
        line-height: 1.3;
        border-bottom: 1px solid #fff; }
    .ui-header .dd-link .b-icon-person,
    .ui-header .dd-link .b-icon-globe {
      font-size: 16px; }
    .ui-header .dd-link .b-icon-down-fill {
      padding-left: 6px;
      font-size: 10px; }
    .ui-header .dd-link .b-icon-close {
      padding-left: 2px;
      font-size: 14px; }
  .ui-header .dd-hamburger {
    color: #fff;
    border-right: 1px solid #b6b6b6;
    padding: 0; }
  .ui-header .dd-signin {
    color: #fff; }
  @media (max-width: 767px) {
    .ui-header .dd-signin,
    .ui-header .dd-lang {
      border-left: 1px solid #b6b6b6; } }
  .ui-header .dd-menu {
    z-index: 10;
    position: absolute;
    width: 320px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.175);
    display: none;
    top: 43px; }
    .ui-header .dd-menu .woh li:hover {
      background-color: #0072CE; }
    @media (max-width: 639px) {
      .ui-header .dd-menu {
        width: 100%; } }
  .ui-header .dd-right {
    right: 0; }
  .ui-header .b-icon-close {
    display: none; }
  .ui-header .profile-name {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    text-overflow: ellipsis;
    max-width: 180px; }
    @media (min-width: 960px) {
      .ui-header .profile-name {
        display: flex;
        max-width: 240px; } }
  .ui-header .is-open {
    position: relative; }
    .ui-header .is-open .dd-menu {
      display: block; }
    .ui-header .is-open .dd-link {
      background-color: #fff;
      z-index: 20;
      position: relative;
      color: #282828;
      border-left: 1px solid #b6b6b6;
      border-right: 1px solid #b6b6b6; }
    .ui-header .is-open .b-icon-down-fill,
    .ui-header .is-open .b-icon-menu {
      display: none; }
    @media (max-width: 767px) {
      .ui-header .is-open {
        position: static; }
        .ui-header .is-open .b-icon-person,
        .ui-header .is-open .b-icon-globe {
          display: none; }
        .ui-header .is-open .dd-lang {
          border-right: 1px solid transparent; } }
    .ui-header .is-open .b-icon-close {
      display: inline-block; }
  .ui-header.theme {
    background-color: #282828;
    position: relative; }
    @media (min-width: 960px) {
      .ui-header.theme {
        height: 80px; } }
    .ui-header.theme .logo {
      position: absolute;
      width: 160px;
      bottom: 18%; }
      @media (min-width: 960px) {
        .ui-header.theme .logo {
          left: 50%;
          transform: translateX(-50%);
          width: 190px; } }
    .ui-header.theme .header-right {
      float: right;
      width: auto; }
  .ui-header.theme-alila {
    background-color: #444444; }
    .ui-header.theme-alila .logo {
      width: 115px; }
      @media (min-width: 960px) {
        .ui-header.theme-alila .logo {
          width: 170px; } }
  .ui-header.theme-chiub {
    background-color: #9d1d2d; }
    .ui-header.theme-chiub .logo {
      width: 115px;
      bottom: 8%; }
      @media (min-width: 960px) {
        .ui-header.theme-chiub .logo {
          width: 170px;
          bottom: 10%; } }
  .ui-header.theme-sjcjc {
    background-color: #5e483a; }
    .ui-header.theme-sjcjc .logo {
      width: 100px;
      bottom: 10%; }
      @media (min-width: 960px) {
        .ui-header.theme-sjcjc .logo {
          width: 170px;
          bottom: 8%; } }
  .ui-header.theme-jdv {
    background-color: #008BAC; }
    .ui-header.theme-jdv .logo {
      width: 78px;
      bottom: 15%; }
      @media (min-width: 960px) {
        .ui-header.theme-jdv .logo {
          width: 136px;
          bottom: 10%; } }

.map-header .hide {
  display: none; }

.map-header .show {
  display: block;
  padding: 20px 0 8px 0;
  cursor: pointer; }

.m-map {
  height: 100%;
  position: relative;
  width: 100%; }
  .m-map .full-map {
    height: 100%;
    width: 100%; }
  .m-map .map-container {
    display: block;
    height: 100%;
    width: 100%; }
    .m-map .map-container div.cluster > div, .m-map .map-container div.cluster-icon-parent {
      height: 0;
      width: 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
    .m-map .map-container div.cluster-label-parent {
      height: 0;
      width: 300px;
      z-index: -99999;
      position: relative;
      vertical-align: middle; }
    .m-map .map-container div.cluster-left > div {
      float: right; }
    .m-map .map-container div.cluster-right > div {
      float: left; }
    .m-map .map-container div.cluster-left-label-grandpa {
      left: -7px; }
      .m-map .map-container div.cluster-left-label-grandpa div {
        text-align: right; }
    .m-map .map-container div.cluster-right-label-parent {
      text-align: left; }
    .m-map .map-container div.cluster span {
      color: #2e587c;
      cursor: pointer;
      font-family: "Open Sans",Arial,sans-serif;
      font-size: 14px;
      position: relative; }
    .m-map .map-container div.cluster-top span {
      left: -50%;
      top: -23px; }
    .m-map .map-container div.cluster-bottom span {
      left: -50%; }
    .m-map .map-container div.cluster-left span {
      left: -100%; }
    .m-map .map-container div.cluster-icon {
      background-color: #2e587c;
      border: 3px solid #407bae;
      border-radius: 50%;
      color: #ffffff;
      cursor: pointer;
      font-family: "Open Sans",Arial,sans-serif;
      font-size: 14px;
      font-weight: 600;
      position: relative; }
    .m-map .map-container div.cluster-1-icon {
      height: 40px;
      line-height: 34px;
      width: 40px; }
    .m-map .map-container div.cluster-1-top-label-grandpa, .m-map .map-container div.cluster-1-bottom-label-grandpa {
      left: 20px; }
    .m-map .map-container div.cluster-1-bottom span {
      top: 45px; }
    .m-map .map-container div.cluster-1-left span, .m-map .map-container div.cluster-1-right span {
      top: 10px; }
    .m-map .map-container div.cluster-1-right span {
      left: 47px; }
    .m-map .map-container div.cluster-2-icon {
      height: 50px;
      line-height: 44px;
      width: 50px; }
    .m-map .map-container div.cluster-2-top-label-grandpa, .m-map .map-container div.cluster-2-bottom-label-grandpa {
      left: 25px; }
    .m-map .map-container div.cluster-2-bottom span {
      top: 55px; }
    .m-map .map-container div.cluster-2-left span, .m-map .map-container div.cluster-2-right span {
      top: 15px; }
    .m-map .map-container div.cluster-2-right span {
      left: 57px; }
    .m-map .map-container div.cluster-3-icon {
      height: 60px;
      line-height: 54px;
      width: 60px; }
    .m-map .map-container div.cluster-3-top-label-grandpa, .m-map .map-container div.cluster-3-bottom-label-grandpa {
      left: 30px; }
    .m-map .map-container div.cluster-3-bottom span {
      top: 65px; }
    .m-map .map-container div.cluster-3-left span, .m-map .map-container div.cluster-3-right span {
      top: 20px; }
    .m-map .map-container div.cluster-3-right span {
      left: 67px; }
    .m-map .map-container div.cluster-4-icon {
      height: 70px;
      line-height: 64px;
      width: 70px; }
    .m-map .map-container div.cluster-4-top-label-grandpa, .m-map .map-container div.cluster-4-bottom-label-grandpa {
      left: 35px; }
    .m-map .map-container div.cluster-4-bottom span {
      top: 75px; }
    .m-map .map-container div.cluster-4-left span, .m-map .map-container div.cluster-4-right span {
      top: 25px; }
    .m-map .map-container div.cluster-4-right span {
      left: 77px; }

.m-mapcard {
  background-color: #fff;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  left: 12px;
  position: absolute;
  top: 12px;
  width: 320px;
  z-index: 9; }
  @media (max-width: 480px) {
    .m-mapcard {
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      width: 100%; } }
  .m-mapcard .map-card-container {
    background-color: #fff;
    width: 290px;
    padding: 0; }
    @media (max-width: 480px) {
      .m-mapcard .map-card-container {
        height: 100%;
        left: 0; } }
    .m-mapcard .map-card-container .card-close {
      height: 36px;
      background-color: #fff;
      line-height: 36px;
      display: flex;
      justify-content: flex-end; }
      .m-mapcard .map-card-container .card-close .card-close-btn {
        cursor: pointer; }
        .m-mapcard .map-card-container .card-close .card-close-btn i {
          color: #050706; }
    .m-mapcard .map-card-container .card-bottom-bar {
      /* Defined here because .m-mapcard hard codes width of container */
      margin-left: -15px;
      padding-left: 15px;
      padding-right: 15px;
      width: 320px; }

.ui-modal-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.4); }
  .ui-modal-background.modal-no-shade {
    background-color: rgba(0, 0, 0, 0); }
  .ui-modal-background .modal {
    margin: 15% auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    .ui-modal-background .modal .modal-body {
      padding: 12px 0px; }
    .ui-modal-background .modal .modal-header {
      padding-top: 12px; }
      .ui-modal-background .modal .modal-header .text-h1 {
        margin-bottom: 6px; }
    .ui-modal-background .modal .modal-footer {
      padding: 12px 0px; }
  .ui-modal-background.modal-media {
    background-color: rgba(0, 0, 0, 0.7); }
    .ui-modal-background.modal-media .button-close {
      position: fixed;
      background-color: rgba(0, 0, 0, 0);
      top: 30px;
      right: 30px;
      border: 0; }
      @media (max-width: 767px) {
        .ui-modal-background.modal-media .button-close {
          top: 15px;
          right: 15px; } }
      .ui-modal-background.modal-media .button-close i {
        font-size: 30px; }
    .ui-modal-background.modal-media .modal {
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0);
      left: 0;
      top: 50%;
      width: 100%;
      transform: translateX(0);
      -o-transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }

.m-dreammap.panelized {
  transition: background-color 0.5s ease-in-out; }
  .m-dreammap.panelized.masked {
    transition: background-color 0s ease-in-out;
    background-color: #fff; }
  .m-dreammap.panelized .card-panel {
    display: flex;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px; }
    @media (min-width: 640px) {
      .m-dreammap.panelized .card-panel {
        justify-content: center; } }
    @media (min-width: 960px) {
      .m-dreammap.panelized .card-panel {
        flex-basis: 334px; } }
    @media (min-width: 1080px) {
      .m-dreammap.panelized .card-panel {
        flex-basis: 646px;
        justify-content: space-between; } }
    .m-dreammap.panelized .card-panel.masked {
      transition: opacity 0s ease-in-out;
      opacity: 0.1; }
    .m-dreammap.panelized .card-panel .m-hotel-card.panel-card {
      transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
      height: auto;
      display: flex;
      flex-grow: 0;
      flex-shrink: 0; }
      @media (max-width: 639px) {
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card {
          flex-basis: 270px; } }
      @media (min-width: 640px) {
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card {
          flex-basis: 290px;
          margin-bottom: 18px;
          padding: 3px;
          flex-direction: column; } }
      .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight {
        border: 3px solid #0072ce;
        border-radius: 3px;
        padding: 0;
        box-shadow: 0 1px 8px 6px rgba(0, 0, 0, 0.1), 0 0 4px 1px rgba(0, 0, 0, 0.1); }
        @media (max-width: 639px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight {
            margin-right: 18px; } }
        @media (min-width: 640px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight .wrapper {
            box-shadow: none;
            border: 0 none; }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight .hotel-image {
            height: 191px; } }
        @media (max-width: 639px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight .wrapper {
            margin-right: 0; } }
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight .wrapper .card-image, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.highlight .wrapper .card-image .hotel-image {
          border-radius: 0; }
      .m-dreammap.panelized .card-panel .m-hotel-card.panel-card.hiding {
        opacity: 0; }
      .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper {
        width: 100%;
        margin-right: 10px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 3px;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
        @media (min-width: 480px) and (max-width: 639px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper {
            margin-right: 18px; } }
        @media (max-width: 639px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper {
            padding: 0;
            border-radius: 3px; } }
        @media (min-width: 640px) {
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper {
            padding: 0;
            margin-right: 0;
            display: flex;
            flex-direction: column;
            flex: 1 0 auto; } }
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-image {
          border-radius: 5px 5px 0 0; }
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
          background-color: #eee;
          position: relative;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; }
          @media (max-width: 639px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
              height: 100%;
              background-color: #eee;
              position: relative;
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center center;
              flex: 0 0 78px;
              width: 78px;
              border-radius: 3px 0 0 3px; } }
          @media (min-width: 640px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image {
              width: 100%;
              height: 194px; } }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image .hotel-brand-flag {
            position: absolute;
            top: 0;
            left: 15px;
            opacity: 0.9;
            width: 48px;
            height: 35px; }
            @media (min-width: 640px) {
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .card-image .hotel-image .hotel-brand-flag {
                width: 86px;
                height: 62px; } }
        .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
          width: 100%;
          background-color: #fff;
          position: relative;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: column;
          overflow-y: hidden; }
          @media (max-width: 639px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
              min-height: 115px;
              padding: 9px;
              border-radius: 0 5px 5px 0; } }
          @media (min-width: 640px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container {
              border-radius: 0 0 5px 5px;
              flex: 1 0 auto;
              padding: 12px 18px 18px 18px;
              position: relative; } }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name {
            position: relative;
            display: flex;
            flex: 1 0 auto; }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name .mobile-carousel-card-name {
              height: 2.6em;
              min-width: 144px;
              position: relative; }
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name .mobile-carousel-card-name.truncated:after {
                content: '...';
                position: absolute;
                top: 1.3em;
                transform: translateX(1.3em); }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon {
              justify-content: space-between; }
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button {
                padding-right: 0;
                flex: 0 0 32px;
                background-color: transparent;
                border: 0 none;
                height: 20px; }
                .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button:focus {
                  outline: 0 none; }
                @media (max-width: 639px) {
                  .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-name.has-share-icon .share-button {
                    padding-right: 2px; } }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-info {
            display: flex; }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
            position: relative;
            bottom: 0;
            flex-wrap: wrap; }
            @media (max-width: 639px) {
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
                min-height: 34px;
                justify-content: space-between;
                align-items: center;
                align-content: flex-end; } }
            @media (min-width: 640px) {
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer {
                min-height: 54px;
                border-top: 1px solid #ccc;
                justify-content: space-between;
                width: 100%; } }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
              display: flex;
              align-self: center;
              margin-bottom: 0; }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section {
              display: flex; }
              @media (min-width: 640px) {
                .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section {
                  flex-wrap: wrap;
                  align-self: flex-end;
                  flex: 1 0 52%; } }
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section .rates-from {
                width: 100%; }
              .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .card-rate-section .card-rate {
                margin-right: 3px; }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
              flex: 1 1 118px;
              justify-content: center; }
              @media (min-width: 640px) {
                .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .book-now-btn, .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn {
                  margin-left: auto; } }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-card-footer .external-book-now-btn:hover {
              text-decoration: none; }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-7 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-8 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-9 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-10 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-11 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-12 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-13 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-14 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-15 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-16 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 4) {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 5) {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-17 .amenity-icon:nth-of-type(n + 6) {
              display: none; } }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-0 .addl-amenities {
            display: none; }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-1 .addl-amenities {
            display: none; }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-2 .addl-amenities {
            display: none; }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-3 .addl-amenities {
            display: none; }
          @media (max-width: 479px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-4 .addl-amenities {
              display: none; } }
          @media (min-width: 480px) and (max-width: 959px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-5 .addl-amenities {
              display: none; } }
          @media (min-width: 960px) {
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities.length-6 .addl-amenities {
              display: none; } }
          .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities {
            max-width: 100%;
            width: 100%;
            flex-wrap: nowrap;
            overflow: hidden;
            height: 2em;
            align-items: flex-start; }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .amenity-icon {
              flex-basis: 1em; }
              @media (max-width: 479px) {
                .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .amenity-icon {
                  font-size: 20px; } }
            .m-dreammap.panelized .card-panel .m-hotel-card.panel-card .wrapper .hotel-info-container .hotel-amenities .addl-amenities .num-addl-amenities {
              display: flex;
              height: 21px;
              width: 23px;
              border: 1px solid black;
              border-radius: 50%;
              padding: 3px 0;
              font-size: 10px;
              justify-content: center;
              cursor: default; }
    @media (max-width: 639px) {
      .m-dreammap.panelized .card-panel .dummy-card {
        display: none; } }
    @media (min-width: 640px) {
      .m-dreammap.panelized .card-panel .dummy-card {
        height: auto;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        order: 9000;
        flex-basis: 290px;
        flex-direction: column; } }

.m-quickbook-calendar .date-checkin-div i,
.m-quickbook-calendar .date-checkout-div i {
  position: absolute; }

.m-quickbook-collapsible .close-button {
  float: right;
  background: none;
  color: inherit;
  border: none;
  padding: 0; }

@media (min-width: 960px) {
  .m-quickbook-collapsible .mobile-container {
    display: none; } }

.m-quickbook-collapsible .mobile-field {
  height: 60px; }
  .m-quickbook-collapsible .mobile-field.height-30 {
    height: 30px; }
  .m-quickbook-collapsible .mobile-field .mobile-field-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.m-quickbook-group-booking {
  flex: 0 1 100%;
  margin: 4px 6px;
  overflow-y: visible;
  position: relative; }
  .m-quickbook-group-booking .m-quickbook .qb-first-col {
    width: 100%; }
  .m-quickbook-group-booking .m-quickbook .room-col {
    text-align: left; }
    .m-quickbook-group-booking .m-quickbook .room-col .link-menu {
      margin-bottom: 16px;
      width: 100%; }
      .m-quickbook-group-booking .m-quickbook .room-col .link-menu a {
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
        line-height: 40px;
        width: 100%; }
    @media (min-width: 768px) {
      .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open {
        background-color: #fff;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        overflow-y: visible;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0; }
        .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow {
          background-color: #fff;
          border: 1px solid #ddd;
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
          margin: -5px -7px;
          padding: 8px 12px 0; }
          .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .popover-header, .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .popover-footer {
            display: block;
            width: 100%;
            margin: 0 auto; }
          .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .room-popover-body {
            border: none;
            box-shadow: none;
            left: 0;
            position: static;
            top: 0; }
            .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .room-popover-body .room-popover-content {
              width: 100%;
              margin: 0 auto;
              padding: 0; }
              .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .room-popover-body .room-popover-content .accessibilityChkBx .input-checkbox {
                margin-top: 0; }
              .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .room-popover-body .room-popover-content [data-js=kids-panel] {
                padding-right: 6px; }
          .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .rooms, .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .rates, .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .use-points {
            width: 100%; }
          .m-quickbook-group-booking .m-quickbook .room-col .qb-popover.is-open .qb-popover-overflow .link-menu a {
            border: none;
            box-shadow: none;
            background-image: none;
            border-bottom: 1px solid #ddd; } }
  .m-quickbook-group-booking .m-quickbook .room-col, .m-quickbook-group-booking .m-quickbook .rate-col {
    width: 100%; }
  .m-quickbook-group-booking .m-quickbook .submit-button-container {
    width: 100%; }

.m-quickbook-modify .m-modal {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.m-quickbook-modify .m-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 950px; }

.p-accomodation-details {
  line-height: 1; }
  .p-accomodation-details .hotel-name, .p-accomodation-details .room-name, .p-accomodation-details .rate-plan-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  @media (max-width: 639px) {
    .p-accomodation-details {
      font-size: 12px; } }

.p-info-section {
  border-top: 2px solid #407BAE;
  border-bottom: 2px solid #407BAE; }
  .p-info-section .b-icon {
    position: absolute; }

.m-quickbook-slim {
  background: rgba(40, 40, 40, 0.8); }
  .m-quickbook-slim .quickbook-container {
    padding: 1px 0; }
  .m-quickbook-slim .p-quickbook-summary {
    background-color: initial; }

.p-quickbook-summary {
  position: relative;
  display: flex;
  line-height: 52px; }
  .p-quickbook-summary .list-piped li {
    padding: 0; }
  @media (max-width: 639px) {
    .p-quickbook-summary {
      line-height: 1.5; } }
  .p-quickbook-summary .search-options {
    flex-shrink: 1;
    flex-grow: 1;
    overflow: hidden; }
  .p-quickbook-summary .summary-submit {
    flex-shrink: 0;
    line-height: 1; }
  .p-quickbook-summary .search-truncation {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .p-quickbook-summary [data-js="interactive"] {
    cursor: pointer; }
  .p-quickbook-summary li.search-term {
    float: left;
    width: 280px; }
    @media (max-width: 959px) {
      .p-quickbook-summary li.search-term {
        width: 232px; } }
    @media (max-width: 767px) {
      .p-quickbook-summary li.search-term {
        width: 229px; } }
    .p-quickbook-summary li.search-term:after {
      content: "";
      padding: 0; }

.m-quickbook {
  background: #fff; }
  @media (min-width: 768px) {
    .m-quickbook .accessibilityChkBx .input-checkbox {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    .m-quickbook .room-col, .m-quickbook .rate-col {
      width: 50%; } }
  @media (max-width: 767px) {
    .m-quickbook .rooms, .m-quickbook .rates, .m-quickbook .use-points {
      width: 100%; } }
  .m-quickbook .readonly-rate {
    height: 44px;
    line-height: 42px;
    margin-bottom: 12px;
    text-align: left; }
    .m-quickbook .readonly-rate [data-js=input-corp] i, .m-quickbook .readonly-rate [data-js=input-offer] i {
      padding: 0 6px 0 10px; }
  .m-quickbook .m-datefieldpair {
    margin-left: 0;
    margin-right: 0; }
  .m-quickbook .use-points > label {
    display: inline-block; }
  .m-quickbook input::-ms-clear {
    display: none; }
  .m-quickbook input.dirty {
    border: 1px solid #e61e1e; }
  .m-quickbook .form-error {
    text-align: left;
    padding-bottom: 16px; }
    @media (min-width: 960px) {
      .m-quickbook .form-error {
        margin-top: -5px; } }
    @media (max-width: 959px) {
      .m-quickbook .form-error {
        margin-top: -11px; } }
  @media (max-width: 767px) {
    .m-quickbook .ph0-md {
      padding-left: 0;
      padding-right: 0; } }
  .m-quickbook .qb-calendar-div {
    padding: 0; }
  .m-quickbook .qb-destination-div .input-text i,
  .m-quickbook .date-checkin-div .input-text i,
  .m-quickbook .date-checkout-div .input-text i {
    position: absolute;
    top: 0; }
  .m-quickbook .place-holder-animation {
    background: #fff;
    color: #585858;
    position: absolute;
    top: 14px;
    left: 37px;
    font-size: 16px; }
  @media (min-width: 960px) {
    .m-quickbook .qb-first-row .qb-destination-div label, .m-quickbook .qb-first-row .date-checkin-div label, .m-quickbook .qb-first-row .date-checkout-div label {
      margin-bottom: 12px; } }

.m-quickbook .fadeOutText, .m-quickbook-collapsible .fadeOutText {
  transition: opacity 0.25s;
  opacity: 0; }

.typeahead {
  position: relative;
  display: block;
  width: 100%; }
  .typeahead .typeahead-content {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    width: 100%; }
    .typeahead .typeahead-content.is-open {
      display: block; }
  .typeahead .typeahead-menu {
    text-transform: none; }
    .typeahead .typeahead-menu ul {
      list-style-type: none; }
  .typeahead .typeahead-menu a:hover {
    text-decoration: none; }
  .typeahead .typeahead-menu ul {
    margin: 0;
    padding: 0; }
  .typeahead .typeahead-menu ul li {
    margin-bottom: 0;
    position: relative; }
  .typeahead .typeahead-menu ul li > .suggestion-container {
    border-bottom: 1px solid #eee; }
  .typeahead .typeahead-menu ul li:last-child > .suggestion-container {
    border-bottom: 1px solid transparent; }
  .typeahead .typeahead-menu ul li i.b-icon {
    position: absolute;
    top: 12px;
    left: 10px; }
  .typeahead .typeahead-menu ul li.selected > .suggestion-container {
    border-bottom: 1px solid transparent; }
  .typeahead .typeahead-menu a {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    padding: 12px 0;
    margin: 0 15px;
    color: #282828; }
  .typeahead .selected {
    background-color: #407bae; }
    .typeahead .selected a {
      color: #fff; }

.typeahead-content {
  position: relative;
  background: #FFF;
  border: 1px solid #dddddd; }

.typeahead-content:after, .typeahead-content:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.typeahead-content:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 12px;
  margin-left: -12px; }

.typeahead-content:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #dddddd;
  border-width: 13px;
  margin-left: -13px; }

.qb-popover {
  position: relative; }
  .qb-popover radiogroup {
    max-width: none; }
  .qb-popover .link-menu > a {
    overflow: hidden; }
  .qb-popover.is-open .link-menu > a {
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDMuNC40ICgzOTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPngtY2FyYm9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJIZWFkZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJBdXRoZW50aWNhdGVkLU1lbnUtKGRhcmspIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEyLjAwMDAwMCwgLTE3LjAwMDAwMCkiIGZpbGw9IiMyODI4MjgiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzE5LjA3NzIzMSwyMy4wMjgxOTI0IEwzMjQsMjguMDEzNDMyMiBMMzIyLjk5ODQ2MiwyOS4wMjgxOTI0IEwzMTgsMjMuOTY3MzA2OCBMMzEzLjAwMTUzOCwyOS4wMjgxOTI0IEwzMTIsMjguMDEzNDMyMiBMMzE2LjkyMjc2OSwyMy4wMjgxOTI0IEwzMTIsMTguMDQyOTUyNSBMMzEzLjAwMTUzOCwxNy4wMjgxOTI0IEwzMTgsMjIuMDg5MDc4IEwzMjIuOTk4NDYyLDE3LjAyODE5MjQgTDMyNCwxOC4wNDI5NTI1IEwzMTkuMDc3MjMxLDIzLjAyODE5MjQgTDMxOS4wNzcyMzEsMjMuMDI4MTkyNCBaIiBpZD0ieC1jYXJib24iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px; }
  @media (max-width: 767px) {
    .qb-popover.is-open {
      position: fixed;
      z-index: 400;
      overflow-y: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 18px 0;
      background-color: #fff; }
      .qb-popover.is-open .popover-header,
      .qb-popover.is-open .popover-footer {
        display: block;
        width: 300px;
        margin: 0 auto; }
      .qb-popover.is-open .link-menu a {
        border: none;
        box-shadow: none;
        background-image: none;
        border-bottom: 1px solid #ddd; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .qb-popover.is-open {
      border: solid 15px rgba(0, 0, 0, 0.75); } }
  .qb-popover.is-open .popover-body,
  .qb-popover.is-open .room-popover-body {
    display: block; }
  .qb-popover .popover-footer {
    display: none; }
  .qb-popover .popover-body {
    display: none;
    background-color: #fff;
    min-width: 100%; }
    @media (min-width: 768px) {
      .qb-popover .popover-body {
        position: absolute;
        top: 43px;
        left: 0;
        border: 1px solid #ddd;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } }
  .qb-popover .popover-content {
    min-width: 320px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .qb-popover .popover-content {
        width: 320px; } }
  .qb-popover .room-popover-body {
    display: none;
    background-color: #fff;
    min-width: 100%; }
    @media (min-width: 768px) {
      .qb-popover .room-popover-body {
        position: absolute;
        top: 43px;
        left: 0;
        border: 1px solid #ddd;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } }
  .qb-popover .room-popover-content {
    width: 300px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .qb-popover .room-popover-content {
        width: 664px;
        padding: 24px; } }

@charset "UTF-8";
.m-share {
  margin-bottom: 100px; }

.ui-modal-background.modal.ui-share-modal {
  background-color: transparent; }

.ui-share-modal {
  width: 100%; }
  @media (max-width: 767px) {
    .ui-share-modal {
      top: 0;
      margin: 0 !important;
      bottom: 0; } }
  @media (min-width: 768px) {
    .ui-share-modal {
      border-radius: 3px;
      max-width: 570px; } }
  .ui-share-modal .modal-wrapper {
    background-color: #fff;
    width: 100%; }
    @media (min-width: 768px) {
      .ui-share-modal .modal-wrapper {
        border-radius: 3px; } }
    .ui-share-modal .modal-wrapper .modal-header {
      flex-wrap: nowrap;
      flex: 1 100%;
      border-bottom: 1px solid #979797;
      margin-bottom: 27px;
      padding-top: 0; }
      .ui-share-modal .modal-wrapper .modal-header .modal-title {
        flex: 1 auto;
        line-height: 44px; }
      .ui-share-modal .modal-wrapper .modal-header .close-button {
        flex: 0 0 44px;
        height: 44px;
        align-self: center;
        text-align: center;
        line-height: 44px;
        background: transparent;
        border: none; }
        .ui-share-modal .modal-wrapper .modal-header .close-button .b-icon {
          pointer-events: none; }
    .ui-share-modal .modal-wrapper .modal-body {
      padding: 0;
      align-items: baseline; }
      .ui-share-modal .modal-wrapper .modal-body label {
        display: inline-block; }
      .ui-share-modal .modal-wrapper .modal-body input,
      .ui-share-modal .modal-wrapper .modal-body .b-button {
        border-radius: 3px; }
      .ui-share-modal .modal-wrapper .modal-body .b-button {
        color: #0072ce;
        border-color: #0072ce; }
      .ui-share-modal .modal-wrapper .modal-body .b-form-input__control {
        box-shadow: none;
        font-size: 14px;
        color: #767676; }
      @media (min-width: 768px) {
        .ui-share-modal .modal-wrapper .modal-body .input-col {
          width: auto; } }
      .ui-share-modal .modal-wrapper .modal-body .input-col label {
        width: 100%; }
      .ui-share-modal .modal-wrapper .modal-body .input-col [readonly] {
        border: 1px solid #ccc;
        padding-left: 12px; }
      .ui-share-modal .modal-wrapper .modal-body .button-col {
        width: auto;
        flex-grow: 0;
        position: relative; }
        .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip {
          background-color: #005eb8 !important;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);
          border-radius: 3px;
          border: none; }
          .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .tooltip-close-button {
            right: 11px;
            top: 50%;
            transform: translateY(-50%); }
          .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip [class*='text'] {
            color: #ffffff !important;
            font-weight: bolder; }
          .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .i-close {
            display: inline-block;
            font-family: BellhopIcons;
            font-style: normal;
            font-weight: 400;
            color: #b6b6b6 !important;
            font-size: 12px;
            top: 0;
            height: 44px;
            width: 44px;
            text-align: center;
            right: 0;
            line-height: 32px;
            padding: 0;
            bottom: 0; }
            .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .i-close::before {
              content: ""; }
          .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .tooltip-caret::before, .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .tooltip-caret::after {
            display: none;
            border-top-color: #005eb8; }
          .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip .tooltip-content {
            margin-top: 0 !important;
            padding-right: 20px; }
          @media (max-width: 767px) {
            .ui-share-modal .modal-wrapper .modal-body .button-col .m-tooltip {
              position: fixed;
              bottom: 24px;
              top: auto !important;
              left: 36px;
              right: 36px;
              width: auto; } }

.ui-sign-in-modal .modal-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5); }

.ui-sign-in-modal .modal-content {
  width: 85%;
  max-width: 330px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 480px) {
    .ui-sign-in-modal .modal-content {
      width: 70%; } }
  @media screen and (min-width: 640px) {
    .ui-sign-in-modal .modal-content {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .ui-sign-in-modal .modal-content {
      width: 40%; } }
  .ui-sign-in-modal .modal-content .close-icon {
    cursor: pointer; }
  .ui-sign-in-modal .modal-content .close-overlay {
    position: relative;
    top: -2px;
    left: 15px; }

.ui-sign-in .signin-heading {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center; }
  .ui-sign-in .signin-heading small {
    display: block;
    font-size: 14px;
    font-weight: normal; }

.ui-sign-in .forgot-membership-link {
  display: block;
  padding-top: 8px; }

.ui-statuscode {
  background-color: #fff;
  margin: 60px 0;
  padding: 30px 18px; }
  .ui-statuscode .dev-error {
    border: 2px solid #e61e1e;
    color: #e61e1e;
    padding: 12px;
    margin-bottom: 18px;
    font-family: monaco, Consolas, Lucida Console, monospace; }
  .ui-statuscode .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 12px; }
  .ui-statuscode .msg {
    font-size: 16px; }

span[data-role="tooltip"] {
  position: relative;
  display: inline-block;
  /* Required to allow height/width of span to be calculated correctly on Firefox. */ }

.no-focus-outline:focus {
  outline: 0; }

.m-tooltip {
  position: absolute;
  width: auto;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #b6b6b6; }
  .m-tooltip.layout-message {
    width: 300px;
    line-height: 1.5; }
  @media (max-width: 479px) {
    .m-tooltip.layout-module {
      position: fixed;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      box-shadow: none;
      border: none; }
      .m-tooltip.layout-module .tooltip-caret {
        display: none; } }
  .m-tooltip .i-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
  .m-tooltip .tooltip-caret {
    position: absolute;
    /* default position for caret position on the bottom of the tooltip */
    bottom: -16px; }
    .m-tooltip .tooltip-caret:after, .m-tooltip .tooltip-caret:before {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      top: -16px; }
    .m-tooltip .tooltip-caret:after {
      border-width: 10px;
      border-top-color: #fff;
      margin-left: 2px; }
    .m-tooltip .tooltip-caret:before {
      border-width: 12px;
      border-top-color: #b6b6b6; }
    .m-tooltip .tooltip-caret.top {
      top: -16px;
      bottom: auto;
      transform: rotate(180deg); }
    .m-tooltip .tooltip-caret.left {
      left: -16px;
      bottom: auto;
      transform: rotate(90deg); }
    .m-tooltip .tooltip-caret.right {
      right: -16px;
      bottom: auto;
      transform: rotate(-90deg); }

:not(.bd-none).banner-offer ~ div .top-nav-bar .top-nav-maxi {
  position: relative;
  top: 0; }
  :not(.bd-none).banner-offer ~ div .top-nav-bar .top-nav-maxi.fixed {
    position: fixed;
    overflow: hidden;
    top: 0; }

.top-nav-bar .top-nav-ctn {
  height: 96px; }

.top-nav-bar .ziva-zilara {
  background-size: contain;
  background-position: calc(100% + 1px);
  background-repeat: no-repeat; }
  .top-nav-bar .ziva-zilara .tnb-view-btn:not(.b-button-shop) {
    color: #2b7f89;
    border: solid 1px #2b7f89;
    background-color: #fff; }

.top-nav-bar .top-nav-maxi {
  position: relative;
  z-index: 9;
  width: 100%;
  border-top: 1px solid #585858;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1); }
  .top-nav-bar .top-nav-maxi.fixed {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0; }
  .top-nav-bar .top-nav-maxi .tnb-view-btn {
    margin-left: 18px; }

.top-nav-bar .top-nav-mini {
  position: relative;
  top: 0;
  z-index: 9;
  width: 100%;
  border-top: 1px solid #585858; }
  .top-nav-bar .top-nav-mini .top-nav-bt {
    position: static;
    top: 0;
    width: 100%;
    z-index: 9;
    padding-top: 12px; }
    .top-nav-bar .top-nav-mini .top-nav-bt.fixed {
      position: fixed;
      overflow: hidden;
      top: 0;
      left: 0;
      box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1); }
  .top-nav-bar .top-nav-mini .tnb-view-btn {
    width: 45%;
    margin: 3px; }

.top-nav-bar .tnb-brand-logo {
  height: 94px;
  display: flex;
  align-items: center; }
  .top-nav-bar .tnb-brand-logo .tnb-brand-img.ziva-zilara {
    height: 44px;
    margin-top: 27px;
    margin-bottom: 27px; }
  .top-nav-bar .tnb-brand-logo .tnb-brand-img.house {
    height: 35px;
    margin-top: 31px;
    margin-bottom: 31px; }

.top-nav-bar .tnb-view-btn {
  position: relative;
  font-size: 12px;
  min-height: 34px;
  width: inherit;
  min-width: 135px;
  padding: 9px 9px;
  margin-bottom: 0px; }
  .top-nav-bar .tnb-view-btn.b-link-newwin:after {
    margin-left: .6em; }

.qb-modal-container .qb-close {
  background-color: white;
  border: 0;
  font-size: 11px;
  padding: 0px;
  margin: 8px 8px 0 0; }

.hyatt .top-nav-maxi, .hyatt .top-nav-mini, .hyatt .top-nav-bt.fixed {
  background-color: #fff;
  border-bottom: 5px solid #8c8700; }

.small-luxury-hotels-of-the-world .top-nav-maxi, .small-luxury-hotels-of-the-world .top-nav-mini, .small-luxury-hotels-of-the-world .top-nav-bt.fixed {
  background-color: #fff;
  border-bottom: 5px solid #8c8700; }

.small-luxury-hotels-of-the-world .tnb-brand-img {
  height: 75px; }

.andaz .top-nav-maxi, .andaz .top-nav-mini, .andaz .top-nav-bt.fixed {
  background-color: #fff; }

.grand-hyatt .top-nav-maxi, .grand-hyatt .top-nav-mini, .grand-hyatt .top-nav-bt.fixed {
  background-color: #fff; }

.hyatt-centric .top-nav-maxi, .hyatt-centric .top-nav-mini, .hyatt-centric .top-nav-bt.fixed {
  background-color: #fff; }

.hyatt-place .top-nav-maxi, .hyatt-place .top-nav-mini, .hyatt-place .top-nav-bt.fixed {
  background-color: #f1f6f8; }

.hyatt-house .top-nav-maxi, .hyatt-house .top-nav-mini, .hyatt-house .top-nav-bt.fixed {
  background-color: #fff; }

.hyatt-regency .top-nav-maxi, .hyatt-regency .top-nav-mini, .hyatt-regency .top-nav-bt.fixed {
  background-color: #ffffff; }

.park-hyatt .top-nav-maxi, .park-hyatt .top-nav-mini, .park-hyatt .top-nav-bt.fixed {
  background-color: rgba(0, 0, 0, 0.9); }

.unbound-collection .top-nav-maxi, .unbound-collection .top-nav-mini, .unbound-collection .top-nav-bt.fixed {
  background-color: #fff;
  border-bottom: 6px solid #c3e1eb; }

.ziva-zilara .top-nav-maxi, .ziva-zilara .top-nav-mini, .ziva-zilara .top-nav-bt.fixed {
  background-color: #fff; }

.alila .top-nav-bar .top-nav-maxi .tnb-brand-logo a img, .alila .top-nav-bar .top-nav-mini .tnb-brand-logo a img, .alila-hotels-and-resorts .top-nav-bar .top-nav-maxi .tnb-brand-logo a img, .alila-hotels-and-resorts .top-nav-bar .top-nav-mini .tnb-brand-logo a img {
  content: url("images/alila/alila-logo.svg"); }

.alila .top-nav-bar .top-nav-maxi .b-container, .alila-hotels-and-resorts .top-nav-bar .top-nav-maxi .b-container {
  max-width: 1235px; }

.alila .top-nav-maxi, .alila .top-nav-mini, .alila .top-nav-bt.fixed, .alila-hotels-and-resorts .top-nav-maxi, .alila-hotels-and-resorts .top-nav-mini, .alila-hotels-and-resorts .top-nav-bt.fixed {
  background-color: #444444; }

.alila:not(.map):not(.list) .top-nav-bar .top-nav-maxi, .alila-hotels-and-resorts:not(.map):not(.list) .top-nav-bar .top-nav-maxi {
  box-shadow: none;
  border-bottom: 30px solid #fff; }
  .alila:not(.map):not(.list) .top-nav-bar .top-nav-maxi.fixed, .alila-hotels-and-resorts:not(.map):not(.list) .top-nav-bar .top-nav-maxi.fixed {
    box-shadow: none; }

.alila:not(.map):not(.list) .top-nav-bar .top-nav-mini .top-nav-bt.fixed, .alila-hotels-and-resorts:not(.map):not(.list) .top-nav-bar .top-nav-mini .top-nav-bt.fixed {
  border-bottom: 18px solid #fff;
  box-shadow: none; }

.destination-hotels .top-nav-maxi, .destination-hotels .top-nav-mini, .destination-hotels .top-nav-bt.fixed {
  background-color: #000; }

.joie-de-vivre .top-nav-maxi, .joie-de-vivre .top-nav-mini, .joie-de-vivre .top-nav-bt.fixed, .joie-de-vivre-hotels .top-nav-maxi, .joie-de-vivre-hotels .top-nav-mini, .joie-de-vivre-hotels .top-nav-bt.fixed {
  background-color: #fff;
  border-bottom: 5px solid #133d8d; }

.thompson .top-nav-maxi, .thompson .top-nav-mini, .thompson .top-nav-bt.fixed, .thompson-hotels .top-nav-maxi, .thompson-hotels .top-nav-mini, .thompson-hotels .top-nav-bt.fixed {
  border-top: none;
  background-color: #fff;
  border-bottom: 8px solid transparent;
  border-image: url("images/thompson/pattern.svg");
  border-image-slice: 0 0 350 8;
  border-image-repeat: round;
  box-shadow: none; }
  .thompson .top-nav-maxi.fixed, .thompson .top-nav-mini.fixed, .thompson .top-nav-bt.fixed.fixed, .thompson-hotels .top-nav-maxi.fixed, .thompson-hotels .top-nav-mini.fixed, .thompson-hotels .top-nav-bt.fixed.fixed {
    box-shadow: none; }

@media (min-width: 640px) and (max-width: 767px) {
  .thompson .top-nav-bar .top-nav-maxi .tnb-view-btn, .thompson-hotels .top-nav-bar .top-nav-maxi .tnb-view-btn {
    margin-left: 15px; } }

.modal-background {
  display: none;
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.4); }
  .modal-background.modal-no-shade {
    background-color: rgba(0, 0, 0, 0); }
  .modal-background .modal {
    margin: 15% auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    .modal-background .modal .modal-body {
      padding: 12px; }
    .modal-background .modal .modal-header {
      padding: 12px; }
    .modal-background .modal .modal-footer {
      padding: 12px; }
  .modal-background.modal-media {
    background-color: rgba(0, 0, 0, 0.7); }
    .modal-background.modal-media .button-close {
      position: fixed;
      background-color: rgba(0, 0, 0, 0);
      top: 30px;
      right: 30px;
      border: 0; }
      @media (max-width: 767px) {
        .modal-background.modal-media .button-close {
          top: 15px;
          right: 15px; } }
      .modal-background.modal-media .button-close i {
        font-size: 30px; }
    .modal-background.modal-media .modal {
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0);
      left: 0;
      top: 50%;
      width: 100%;
      transform: translateX(0);
      -o-transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }

.i {
  display: inline-block;
  font-family: BellhopIcons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 1.3em;
  padding: 0; }

.i-caret-right:before {
  content: "\EA77";
  font-weight: 800;
  color: #282828; }

.i-caret-left:before {
  content: "\EA69";
  font-weight: 800;
  color: #282828; }

.i-close:before {
  content: "\EA29"; }

.m-quickbook-collapsible .m-datefieldpair .close-button {
  color: #407bae;
  border: 1px solid #407bae; }

.pageBody {
  background-color: #f6f6f6; }
  .pageBody .list-wrapper {
    position: relative; }
    @media (max-width: 767px) {
      .pageBody .list-wrapper {
        width: 100%;
        padding: 0 15px;
        background-color: #fff; } }

.list.all-inclusive .filter-lists {
  display: none; }

.list.all-inclusive .top-nav-bar .top-nav-maxi, .list.all-inclusive .top-nav-bar .top-nav-mini {
  background-color: #fff; }

.list.all-inclusive .top-nav-bar .top-nav-mini .top-nav-bt.fixed {
  background-color: #fff; }