@import url(https://fonts.googleapis.com/css?family=Archivo);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
/* FRETTE: Start Variables
-------------------------- */
@font-face {
  font-family: 'Didot';
  src: url("../fonts/Didot/DidoteTextPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  src: url("../fonts/Didot/DidoteTextPro-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-Italic.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-BoldItalic.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Roman.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeueMd';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Md.otf") format("opentype"); }

/*Replace old fonts with new fonts by default*/
body {
  margin: 0; }

/* FRETTE: End Variables
------------------------ */
/*------------------------------------*\
  #FORMS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
@-webkit-keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }
@keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }

5% {
  opacity: 1; }

80% {
  -webkit-transform: rotateX(8deg);
          transform: rotateX(8deg); }

83% {
  -webkit-transform: rotateX(6deg);
          transform: rotateX(6deg); }

92% {
  -webkit-transform: rotateX(-3deg);
          transform: rotateX(-3deg); }

100% {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg); }

/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
.hospitality-hero-outerWrap {
  position: relative;
  margin: 0 20px 60px; }
  @media (min-width: 768px) {
    .hospitality-hero-outerWrap {
      margin: 0 20px 30px 21px; } }
  @media (min-width: 1280px) {
    .hospitality-hero-outerWrap {
      margin: 0 26px 30px 26px; } }
  @media (min-width: 1920px) {
    .hospitality-hero-outerWrap {
      margin: 0 39px 30px 39px; } }
  .hospitality-hero-outerWrap .imageWrap {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 27px; }
    @media (min-width: 768px) {
      .hospitality-hero-outerWrap .imageWrap {
        height: 383.8px;
        margin-bottom: 0; } }
    @media (min-width: 1280px) {
      .hospitality-hero-outerWrap .imageWrap {
        height: 517px; } }
    @media (min-width: 1920px) {
      .hospitality-hero-outerWrap .imageWrap {
        height: 721px; } }
    .hospitality-hero-outerWrap .imageWrap img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .hospitality-hero-outerWrap .imageWrap::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(rgba(67, 67, 67, 0.52)), to(rgba(0, 0, 0, 0.71)));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(67, 67, 67, 0.52), rgba(0, 0, 0, 0.71));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(67, 67, 67, 0.52), rgba(0, 0, 0, 0.71));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(67, 67, 67, 0.52), rgba(0, 0, 0, 0.71));
      border-radius: 6px; }
  .hospitality-hero-outerWrap .captionOuterWrap {
    position: relative;
    width: 100%; }
    @media (min-width: 767px) {
      .hospitality-hero-outerWrap .captionOuterWrap {
        position: absolute;
        inset-block: 0; } }
  .hospitality-hero-outerWrap .title {
    margin-bottom: 1.5625rem;
    text-transform: uppercase;
    letter-spacing: 2.11px;
    color: #000;
    font-family: "Archivo-Regular";
    font-size: 0.75rem;
    position: relative; }
    @media (min-width: 768px) {
      .hospitality-hero-outerWrap .title {
        font-size: 0.75rem;
        font-family: "Archivo-Regular";
        line-height: 12px;
        letter-spacing: 2.11px;
        margin-bottom: 17px;
        color: #fff; } }
    @media (min-width: 1280px) {
      .hospitality-hero-outerWrap .title {
        font-size: 0.5rem;
        line-height: 12px;
        letter-spacing: 1.41px;
        margin-bottom: 17px;
        font-family: "Archivo-SemiBold"; } }
    @media (min-width: 1920px) {
      .hospitality-hero-outerWrap .title {
        font-size: 0.75rem;
        line-height: 12px;
        margin-bottom: 42px;
        letter-spacing: 2.11px; } }
  .hospitality-hero-outerWrap .description {
    color: #000;
    font-family: "Butler-Light";
    margin-bottom: 0;
    line-height: 32px;
    font-size: 1.5rem;
    text-align: center; }
    @media (min-width: 767px) {
      .hospitality-hero-outerWrap .description {
        color: #ffffff;
        width: 513px;
        margin-top: -5px;
        font-size: 1.5rem;
        line-height: 30px; } }
    @media (min-width: 1280px) {
      .hospitality-hero-outerWrap .description {
        font-size: 1.5625rem;
        width: 528px;
        margin-top: -5px;
        line-height: 34px; } }
    @media (min-width: 1920px) {
      .hospitality-hero-outerWrap .description {
        font-size: 2.8125rem;
        width: 946px;
        line-height: 57px;
        margin-top: -10px; } }

.become-partner-section {
  margin: 120px 0px 66px;
  width: 100%;
  display: inline-block !important;
  padding: 0px 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .become-partner-section {
      width: 671px;
      margin: auto;
      margin: 90px auto 83px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      text-align: initial;
      padding: 0;
      display: flex; } }
  @media (min-width: 1280px) {
    .become-partner-section {
      width: 905px;
      margin: auto;
      margin: 80px auto 117px; } }
  @media (min-width: 1920px) {
    .become-partner-section {
      width: 1331px;
      margin: auto;
      margin: 93px auto 163px; } }
  .become-partner-section .becomeImg {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 26px; }
    @media (min-width: 767px) {
      .become-partner-section .becomeImg {
        width: 365px;
        margin-right: 67px;
        margin-bottom: 0; } }
    @media (min-width: 1280px) {
      .become-partner-section .becomeImg {
        width: 514px;
        margin-right: 68px; } }
    @media (min-width: 1920px) {
      .become-partner-section .becomeImg {
        width: 771px;
        margin-right: 102px; } }
    .become-partner-section .becomeImg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .become-partner-section .becomePartnerDesc {
    width: 100%;
    text-align: start; }
    @media (min-width: 767px) {
      .become-partner-section .becomePartnerDesc {
        width: 239px; } }
    @media (min-width: 1280px) {
      .become-partner-section .becomePartnerDesc {
        width: 323px; } }
    @media (min-width: 1920px) {
      .become-partner-section .becomePartnerDesc {
        width: 458px; } }
    .become-partner-section .becomePartnerDesc .title {
      font-size: 1.5rem;
      font-family: "Butler-Light";
      color: #000;
      font-weight: 300;
      margin-bottom: 1.875rem;
      line-height: 1.33;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .become-partner-section .becomePartnerDesc .title {
          width: 200px;
          line-height: 1.25; } }
      @media (min-width: 1280px) {
        .become-partner-section .becomePartnerDesc .title {
          font-size: 1.5625rem;
          line-height: 1.36;
          width: 323px; } }
      @media (min-width: 1920px) {
        .become-partner-section .becomePartnerDesc .title {
          font-size: 2.8125rem;
          width: 368.6px;
          line-height: 1.27; } }
    .become-partner-section .becomePartnerDesc .description {
      color: #777;
      font-size: 1rem;
      font-family: "Archivo-ExtraLight";
      font-weight: 200;
      line-height: 1.44;
      letter-spacing: 0.48px; }
      @media (min-width: 768px) {
        .become-partner-section .becomePartnerDesc .description {
          font-size: 0.75rem;
          margin-bottom: 20px;
          line-height: 1.42;
          letter-spacing: 0.36px;
          font-family: "Archivo-Light"; } }
      @media (min-width: 1280px) {
        .become-partner-section .becomePartnerDesc .description {
          font-size: 0.8125rem;
          line-height: 1.46;
          letter-spacing: 0.39px;
          font-family: "Archivo-ExtraLight"; } }
      @media (min-width: 1920px) {
        .become-partner-section .becomePartnerDesc .description {
          font-size: 1.25rem;
          line-height: 1.5;
          letter-spacing: 0.6px; } }
      .become-partner-section .becomePartnerDesc .description.firstDes {
        position: relative; }
        .become-partner-section .becomePartnerDesc .description.firstDes::before {
          content: "";
          position: absolute;
          height: 38px;
          bottom: 0;
          width: 100%;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.5)));
          background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) -100%, rgba(255, 255, 255, 0.5));
          background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1) -100%, rgba(255, 255, 255, 0.5));
          background-image: linear-gradient(rgba(255, 255, 255, 0.1) -100%, rgba(255, 255, 255, 0.5)); }
          @media (min-width: 768px) {
            .become-partner-section .becomePartnerDesc .description.firstDes::before {
              display: none; } }
      .become-partner-section .becomePartnerDesc .description.secondDes {
        display: none; }
        @media (min-width: 768px) {
          .become-partner-section .becomePartnerDesc .description.secondDes {
            display: block; } }
  .become-partner-section .partner-readmore {
    display: block;
    text-align: center;
    -webkit-margin-before: 100px;
            margin-block-start: 100px; }
    @media (min-width: 768px) {
      .become-partner-section .partner-readmore {
        display: none; } }
    .become-partner-section .partner-readmore .text {
      font-family: "Archivo-Medium";
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 2.11px;
      text-transform: uppercase;
      position: relative;
      margin-top: 60px;
      cursor: pointer; }
      .become-partner-section .partner-readmore .text::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000; }

.all-stories-section {
  margin: 0 20px 103px; }
  @media (min-width: 768px) {
    .all-stories-section {
      margin: 0 18.4 103px 23.4px; } }
  @media (min-width: 1280px) {
    .all-stories-section {
      margin: 0 18.4 116px 23.4px; } }
  @media (min-width: 1920px) {
    .all-stories-section {
      margin: 0 39px 146px 39px; } }
  .all-stories-section .all-stories-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 0;
    margin-bottom: 94px; }
    @media (max-width: 1279.8px) {
      .all-stories-section .all-stories-container {
        overflow-x: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        gap: 20px;
        margin-bottom: 55px; }
        .all-stories-section .all-stories-container::-webkit-scrollbar-track {
          background-color: rgba(3, 29, 48, 0.1);
          height: 2px; }
        .all-stories-section .all-stories-container::-webkit-scrollbar {
          height: 5px;
          background-color: rgba(3, 29, 48, 0.1); }
        .all-stories-section .all-stories-container::-webkit-scrollbar-thumb {
          background-color: #031d30;
          height: 2px; } }
    .all-stories-section .all-stories-container .mCSB_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1rem;
      margin: 0; }
      .all-stories-section .all-stories-container .mCSB_container .mCS_x_hidden.mCS_no_scrollbar_x {
        width: 100% !important; }
    .all-stories-section .all-stories-container .mCustomScrollBox {
      width: 100%; }
    .all-stories-section .all-stories-container .mCSB_dragger_bar {
      height: 0.3125rem;
      background-color: #031d30; }
    .all-stories-section .all-stories-container .mCSB_dragger .mCSB_dragger_bar,
    .all-stories-section .all-stories-container .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
      height: 0.3125rem;
      background-color: #031d30; }
    .all-stories-section .all-stories-container .mCSB_draggerRail {
      height: 0.3125rem;
      background-color: rgba(3, 29, 48, 0.1); }
  .all-stories-section .all-stories-heading {
    width: 344px;
    margin: auto;
    text-align: center; }
    @media (min-width: 768px) {
      .all-stories-section .all-stories-heading {
        width: 519px; } }
    @media (min-width: 1280px) {
      .all-stories-section .all-stories-heading {
        width: 519px; } }
    @media (min-width: 1920px) {
      .all-stories-section .all-stories-heading {
        width: 947px; } }
    .all-stories-section .all-stories-heading .sub-heading {
      color: #000;
      font-weight: 600;
      font-family: "Archivo-SemiBold";
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 2.11px;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .all-stories-section .all-stories-heading .sub-heading {
          font-size: 0.75rem;
          line-height: 1;
          letter-spacing: 2.11px;
          margin-bottom: 17px; } }
      @media (min-width: 1280px) {
        .all-stories-section .all-stories-heading .sub-heading {
          font-size: 0.5rem;
          line-height: 1.5;
          letter-spacing: 1.41px;
          margin-bottom: 17px; } }
      @media (min-width: 1920px) {
        .all-stories-section .all-stories-heading .sub-heading {
          font-size: 0.75rem;
          letter-spacing: 2.11px;
          margin-bottom: 27px;
          line-height: 1; } }
    .all-stories-section .all-stories-heading .heading {
      color: #000;
      font-weight: 300;
      font-family: "Butler-Light";
      font-size: 2.8125rem;
      line-height: 1;
      letter-spacing: -1.35px;
      margin-bottom: 51px; }
      @media (max-width: 768px) {
        .all-stories-section .all-stories-heading .heading {
          font-size: 2.8125rem;
          line-height: 1;
          letter-spacing: -1.35px;
          margin-bottom: 63px; } }
      @media (min-width: 1280px) {
        .all-stories-section .all-stories-heading .heading {
          font-size: 2.875rem;
          line-height: 0.83;
          letter-spacing: -1.38px;
          margin-bottom: 51px; } }
      @media (min-width: 1920px) {
        .all-stories-section .all-stories-heading .heading {
          font-size: 4.4375rem;
          letter-spacing: -2.13px;
          line-height: 1;
          margin-bottom: 74px; } }
  .all-stories-section .content-info {
    width: 266px;
    margin-bottom: 52px;
    text-decoration: none; }
    @media (min-width: 768px) {
      .all-stories-section .content-info {
        margin-bottom: 92px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .all-stories-section .content-info {
        margin-bottom: 0px; } }
  .all-stories-section .topImage {
    margin-bottom: 26px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    width: 266px;
    height: 370px; }
    @media (min-width: 768px) {
      .all-stories-section .topImage {
        height: 366px;
        margin-bottom: 27px; } }
    @media (min-width: 1280px) {
      .all-stories-section .topImage {
        width: 100%;
        height: 412px;
        margin-bottom: 22px;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
        transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); }
        .all-stories-section .topImage:hover {
          cursor: pointer;
          -webkit-box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);
                  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);
          -webkit-transform: scale3d(1.01, 1.01, 1.01);
                  transform: scale3d(1.01, 1.01, 1.01);
          border-radius: 9px; } }
    @media (min-width: 1920px) {
      .all-stories-section .topImage {
        width: 100%;
        height: 618px;
        margin-bottom: 26px; }
        .all-stories-section .topImage:hover {
          border-radius: 11px; } }
    .all-stories-section .topImage img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .all-stories-section .title {
    font-family: "Archivo-SemiBold";
    font-weight: 600;
    text-align: left;
    color: #000;
    margin-bottom: 18px;
    font-size: 0.75rem; }
    @media (min-width: 768px) {
      .all-stories-section .title {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 2.11px; } }
    @media (min-width: 768px) {
      .all-stories-section .title {
        line-height: 2.09;
        letter-spacing: 1.94px;
        margin-bottom: 22px;
        font-size: 0.6875rem; } }
    @media (min-width: 1280px) {
      .all-stories-section .title {
        font-size: 0.6875rem;
        line-height: 2.09;
        letter-spacing: 1.94px;
        margin-bottom: 17px; } }
    @media (min-width: 1920px) {
      .all-stories-section .title {
        line-height: 1;
        letter-spacing: 2.11px;
        font-size: 0.75rem;
        margin-bottom: 18px; } }
  .all-stories-section .subtitle {
    font-family: "Butler-Light";
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    line-height: 0.83;
    letter-spacing: 0.6px;
    font-size: 1.875rem; }
    @media (min-width: 768px) {
      .all-stories-section .subtitle {
        width: 266px;
        font-size: 1.5rem;
        line-height: 1;
        letter-spacing: 0.48px; } }
    @media (min-width: 1280px) {
      .all-stories-section .subtitle {
        width: 297px;
        line-height: 1;
        letter-spacing: 0.48px;
        font-size: 1.5rem; } }
    @media (min-width: 1920px) {
      .all-stories-section .subtitle {
        font-size: 1.875rem;
        line-height: 0.9;
        letter-spacing: 0.6px;
        width: 366px; } }
  .all-stories-section .button {
    font-family: "Archivo-Regular";
    background-color: #000;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 auto;
    width: 335px;
    height: 60px;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 2.11px;
    border-radius: 8px; }
    @media (min-width: 768px) {
      .all-stories-section .button {
        width: auto;
        height: 40px;
        font-size: 0.75rem;
        line-height: 0.78;
        letter-spacing: 1.58px;
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1280px) {
      .all-stories-section .button {
        height: 40px;
        font-size: 0.5625rem;
        line-height: 1;
        letter-spacing: 1.58px; } }
    @media (min-width: 1920px) {
      .all-stories-section .button {
        height: 60px;
        line-height: 1;
        letter-spacing: 2.11px;
        font-size: 0.75rem; } }
    .all-stories-section .button .anchor:hover {
      text-decoration: none;
      color: #ffffff; }

.hospitality-contactus {
  background-color: #e9e9e9;
  padding: 70px 20px 33px;
  margin-bottom: 142px; }
  @media (min-width: 768px) {
    .hospitality-contactus {
      padding: 63px 0px 84px; } }
  @media (min-width: 1280px) {
    .hospitality-contactus {
      padding: 85px 0px 80px; } }
  @media (min-width: 1920px) {
    .hospitality-contactus {
      padding: 85px 0px 112px; } }
  .hospitality-contactus .svg {
    position: absolute;
    top: 26px;
    right: 21px;
    width: 16.5px; }
  .hospitality-contactus .hospitality-container {
    width: 100%;
    margin: auto; }
    @media (min-width: 768px) {
      .hospitality-contactus .hospitality-container {
        width: 709px; } }
    @media (min-width: 1280px) {
      .hospitality-contactus .hospitality-container {
        width: 709px; } }
    @media (min-width: 1920px) {
      .hospitality-contactus .hospitality-container {
        width: 875px; } }
    .hospitality-contactus .hospitality-container .title {
      text-transform: uppercase;
      font-family: "Butler-Light";
      font-size: 1.875rem;
      line-height: 0.83;
      letter-spacing: 0.6px;
      text-align: center;
      margin-bottom: 21px; }
      @media (min-width: 768px) {
        .hospitality-contactus .hospitality-container .title {
          font-size: 2.1875rem;
          line-height: 1.43;
          letter-spacing: -0.7px;
          margin-bottom: 28px; } }
      @media (min-width: 1280px) {
        .hospitality-contactus .hospitality-container .title {
          margin-bottom: 38px; } }
      @media (min-width: 1920px) {
        .hospitality-contactus .hospitality-container .title {
          font-size: 3.125rem;
          line-height: 1;
          letter-spacing: -1px;
          margin-bottom: 53px; } }
  .hospitality-contactus .required-fields {
    color: #000;
    opacity: 0.6;
    font-family: "Archivo-Light";
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: 1.58px;
    margin-bottom: 14px; }
    @media (min-width: 768px) {
      .hospitality-contactus .required-fields {
        line-height: 0.56;
        letter-spacing: 1.58px;
        margin-bottom: 24px; } }
    @media (min-width: 1280px) {
      .hospitality-contactus .required-fields {
        line-height: 0.9;
        letter-spacing: 1.76px; } }
    @media (min-width: 1920px) {
      .hospitality-contactus .required-fields {
        line-height: 1.33;
        letter-spacing: 1.58px;
        margin-bottom: 26px; } }
  .hospitality-contactus .hospitality-contact-form .was-validated .form-control:invalid,
  .hospitality-contactus .hospitality-contact-form .form-control.is-invalid {
    background-image: none; }
  @media (min-width: 768px) {
    .hospitality-contactus .hospitality-contact-form .col-md-6 {
      width: 50%; } }
  .hospitality-contactus .contactus-margin-bottom {
    margin-bottom: 63px; }
    @media (min-width: 768px) {
      .hospitality-contactus .contactus-margin-bottom {
        margin-bottom: 9px; } }
    @media (min-width: 1280px) {
      .hospitality-contactus .contactus-margin-bottom {
        margin-bottom: 49px; } }
    @media (min-width: 1920px) {
      .hospitality-contactus .contactus-margin-bottom {
        margin-bottom: 65px; } }
  .hospitality-contactus .hospitality-input {
    margin-bottom: 25px; }
    @media (min-width: 1280px) {
      .hospitality-contactus .hospitality-input {
        margin-bottom: 20px; } }
    @media (min-width: 1920px) {
      .hospitality-contactus .hospitality-input {
        margin-bottom: 22px; } }
    .hospitality-contactus .hospitality-input .label {
      font-family: "Archivo-Light";
      color: #000;
      font-size: 0.6875rem;
      display: block;
      text-transform: uppercase;
      margin-bottom: 4px; }
      @media (min-width: 768px) {
        .hospitality-contactus .hospitality-input .label {
          letter-spacing: 1.58px; } }
      @media (min-width: 1280px) {
        .hospitality-contactus .hospitality-input .label {
          letter-spacing: 1.58px; } }
      @media (min-width: 1920px) {
        .hospitality-contactus .hospitality-input .label {
          letter-spacing: 2.11px; } }
    .hospitality-contactus .hospitality-input .contact-input {
      border: 0px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.6);
      height: 28px;
      width: 100%;
      background-color: transparent;
      font-size: 14px; }
      .hospitality-contactus .hospitality-input .contact-input.form-control {
        padding-left: 0px; }
      .hospitality-contactus .hospitality-input .contact-input:focus, .hospitality-contactus .hospitality-input .contact-input:hover, .hospitality-contactus .hospitality-input .contact-input:active, .hospitality-contactus .hospitality-input .contact-input:visited {
        border: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
    .hospitality-contactus .hospitality-input .form-control:focus {
      -webkit-box-shadow: 0 0 0 0.2rem #757b82;
              box-shadow: 0 0 0 0.2rem #757b82; }
  .hospitality-contactus .contact-checkbox-list .custom-checkbox,
  .hospitality-contactus .privacy-checkbox .custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .hospitality-contactus .contact-checkbox-list .custom-control-label,
  .hospitality-contactus .privacy-checkbox .custom-control-label {
    line-height: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .hospitality-contactus .checkbox-label {
    margin-bottom: 33px; }
    @media (min-width: 768px) {
      .hospitality-contactus .checkbox-label {
        margin-bottom: 16px; } }
    @media (min-width: 1280px) {
      .hospitality-contactus .checkbox-label {
        margin-bottom: 27px; } }
    @media (min-width: 1920px) {
      .hospitality-contactus .checkbox-label {
        margin-bottom: 32px; } }
  .hospitality-contactus .message-row {
    display: block; }
    @media (min-width: 768px) {
      .hospitality-contactus .message-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .hospitality-contactus .message-row .hospitality-input {
      width: 100%;
      margin-bottom: 120px; }
      @media (min-width: 768px) {
        .hospitality-contactus .message-row .hospitality-input {
          width: calc(100% - 233px);
          -webkit-margin-end: 26px;
                  margin-inline-end: 26px;
          margin-bottom: 0; } }
      @media (min-width: 1280px) {
        .hospitality-contactus .message-row .hospitality-input {
          width: calc(100% - 241px);
          -webkit-margin-end: 34px;
                  margin-inline-end: 34px; } }
      @media (min-width: 1920px) {
        .hospitality-contactus .message-row .hospitality-input {
          width: calc(100% - 208px);
          -webkit-margin-end: 42px;
                  margin-inline-end: 42px; } }
    .hospitality-contactus .message-row .hospitality-button {
      width: 100%;
      height: 60px; }
      @media (min-width: 768px) {
        .hospitality-contactus .message-row .hospitality-button {
          width: 169px;
          height: 41px; } }
      @media (min-width: 1280px) {
        .hospitality-contactus .message-row .hospitality-button {
          width: 168px;
          height: 37px; } }
      @media (min-width: 1920px) {
        .hospitality-contactus .message-row .hospitality-button {
          width: 208px;
          height: 46px; } }
      .hospitality-contactus .message-row .hospitality-button button {
        text-transform: uppercase;
        font-family: "Archivo-Medium";
        color: #fff;
        width: 100%;
        height: 60px;
        background-color: #031d30;
        font-size: 0.75rem;
        border-radius: 8px; }
        .hospitality-contactus .message-row .hospitality-button button:hover {
          text-decoration: underline; }
        @media (min-width: 768px) {
          .hospitality-contactus .message-row .hospitality-button button {
            font-size: 0.5625rem;
            line-height: 0.56;
            letter-spacing: 1.58px;
            width: 208px;
            height: 46px; } }
        @media (min-width: 1280px) {
          .hospitality-contactus .message-row .hospitality-button button {
            line-height: 1;
            letter-spacing: 1.58px;
            width: 208px; } }
        @media (min-width: 1920px) {
          .hospitality-contactus .message-row .hospitality-button button {
            line-height: 1;
            letter-spacing: 2.11px;
            font-size: 0.75rem; } }

.privacy-checkbox .checkbox-container.privacyLable {
  width: 100%;
  color: #000;
  margin: 0; }

@media screen and (max-width: 767.98px) {
  .hospitality-contact-form .dekstop-only {
    display: none; } }

.hospitality-contact-form .mobile-only {
  display: none; }
  @media screen and (max-width: 767.98px) {
    .hospitality-contact-form .mobile-only {
      display: block; } }

.thankyouMessage h2 {
  font-family: "Butler-Light";
  color: #000;
  margin-bottom: 0;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.33; }

.d-block {
  display: block !important; }

.hospitality-faqs {
  margin-block: 135px 142px; }
  @media (min-width: 768px) {
    .hospitality-faqs {
      margin-block: 104px 126px; } }
  @media (min-width: 1280px) {
    .hospitality-faqs {
      margin-block: 101px 173px; } }
  @media (min-width: 1920px) {
    .hospitality-faqs {
      margin-block: 144px 207px; } }
  .hospitality-faqs .container {
    width: 339px;
    margin: auto; }
    @media (min-width: 768px) {
      .hospitality-faqs .container {
        width: 539px; } }
    @media (min-width: 1280px) {
      .hospitality-faqs .container {
        width: 726px; } }
    @media (min-width: 1920px) {
      .hospitality-faqs .container {
        width: 804px; } }
    .hospitality-faqs .container .title {
      color: #000;
      font-size: 1.875rem;
      font-family: "Butler-Light";
      text-transform: uppercase;
      font-weight: 300;
      letter-spacing: 0.6px; }
      @media (min-width: 768px) {
        .hospitality-faqs .container .title {
          font-size: 2.875rem; } }
      @media (min-width: 1280px) {
        .hospitality-faqs .container .title {
          font-size: 2.875rem;
          letter-spacing: -0.92px;
          margin-bottom: 2.5rem; } }
      @media (min-width: 1280px) {
        .hospitality-faqs .container .title {
          margin-bottom: 4.375rem; } }
      @media (min-width: 1920px) {
        .hospitality-faqs .container .title {
          font-size: 3.75rem;
          letter-spacing: -1.2px;
          margin-bottom: 6.25rem; } }

.hospitality-faqs-section .faqs-card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35); }
  .hospitality-faqs-section .faqs-card .card-header {
    width: 100%;
    border: 0;
    padding: 37px 0px 31px; }
    .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-padding-end: 30px;
              padding-inline-end: 30px;
      color: #000;
      font-family: "Archivo-Light";
      font-size: 1rem;
      line-height: 1.44;
      letter-spacing: 0.64px; }
      @media (min-width: 768px) {
        .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title {
          line-height: 1.64;
          letter-spacing: 0.56px;
          font-size: 0.875rem; } }
      @media (min-width: 1280px) {
        .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title {
          letter-spacing: 0.64px;
          line-height: 1.44;
          font-size: 1rem; } }
      @media (min-width: 1920px) {
        .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title {
          letter-spacing: 0.8px;
          line-height: 1.15;
          font-size: 1.25rem; } }
      .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title.collapsed .faqs-img {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .hospitality-faqs-section .faqs-card .card-header .hospitality-faqs-title .faqs-img {
        width: 17px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
  .hospitality-faqs-section .faqs-card .hospitality-faqs-description {
    color: #626262;
    font-family: "Archivo-Light";
    font-size: 1rem;
    line-height: 1.44;
    letter-spacing: 0.48px;
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .hospitality-faqs-section .faqs-card .hospitality-faqs-description {
        line-height: 1.5;
        letter-spacing: 0.36px;
        font-size: 0.75rem; } }
    @media (min-width: 1280px) {
      .hospitality-faqs-section .faqs-card .hospitality-faqs-description {
        line-height: 1.56;
        letter-spacing: 0.48px;
        font-size: 1rem;
        font-family: "Archivo-ExtraLight"; } }
    @media (min-width: 1920px) {
      .hospitality-faqs-section .faqs-card .hospitality-faqs-description {
        line-height: 1.55;
        letter-spacing: 0.6px;
        font-size: 1.25rem; } }

.hospitality-sticky-nav.sticky-nav {
  z-index: 10; }

.hospitality-sticky-nav .slick-arrow.slick-prev {
  left: calc((100% - 245px)/2); }

.hospitality-sticky-nav .slick-arrow.slick-next {
  right: calc((100% - 245px)/2); }

@media screen and (max-width: 767px) {
  .hospitality-sticky-nav .slick-slide {
    width: 230px; } }

.featured-hotels {
  background-color: #031d30;
  padding: 58px 20px 33px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .featured-hotels {
      padding: 80px 0; } }
  @media (min-width: 1280px) {
    .featured-hotels {
      padding: 84px 0; } }
  @media (min-width: 1920px) {
    .featured-hotels {
      padding: 80px 0; } }
  .featured-hotels .experience-container {
    width: 100%;
    margin: auto; }
    @media (min-width: 768px) {
      .featured-hotels .experience-container {
        width: 560px; } }
    @media (min-width: 1280px) {
      .featured-hotels .experience-container {
        width: 905px; } }
    @media (min-width: 1920px) {
      .featured-hotels .experience-container {
        width: 1260px; } }
  .featured-hotels .experience-heading {
    font-family: "Butler-Light";
    width: 339px;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.03;
    letter-spacing: 0.6px;
    margin: auto;
    margin-bottom: 93px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .featured-hotels .experience-heading {
        width: 470.2px;
        font-size: 2.1875rem;
        line-height: 1.09;
        letter-spacing: normal;
        margin-bottom: 30px; } }
    @media (min-width: 1280px) {
      .featured-hotels .experience-heading {
        width: 493.7px;
        margin-bottom: 37px; } }
    @media (min-width: 1920px) {
      .featured-hotels .experience-heading {
        margin-bottom: 65px; } }
  .featured-hotels .experience-search-wrapper {
    width: 100%;
    margin: auto auto 75px; }
    @media (min-width: 768px) {
      .featured-hotels .experience-search-wrapper {
        width: 310px;
        margin-bottom: 32px; } }
    @media (min-width: 1280px) {
      .featured-hotels .experience-search-wrapper {
        width: 389.1px;
        margin-bottom: 40px; } }
    @media (min-width: 1920px) {
      .featured-hotels .experience-search-wrapper {
        width: 466.8px;
        margin-bottom: 65px; } }
    .featured-hotels .experience-search-wrapper .experience-search-label {
      font-family: "Archivo-ExtraLight";
      font-size: 0.75rem;
      margin-bottom: 13px;
      color: #fff; }
      @media (min-width: 768px) {
        .featured-hotels .experience-search-wrapper .experience-search-label {
          font-size: 0.625rem;
          letter-spacing: 0.3px;
          margin-bottom: 7px; } }
      @media (min-width: 1280px) {
        .featured-hotels .experience-search-wrapper .experience-search-label {
          font-size: 0.75rem;
          letter-spacing: 0.36px;
          margin-bottom: 10px; } }
      @media (min-width: 1920px) {
        .featured-hotels .experience-search-wrapper .experience-search-label {
          letter-spacing: 0.42px;
          font-size: 0.875rem;
          margin-bottom: 18px; } }
    .featured-hotels .experience-search-wrapper .hotel-search-form {
      position: relative; }
      .featured-hotels .experience-search-wrapper .hotel-search-form .icon-search {
        width: 17px;
        height: 21px;
        position: absolute;
        inset-block: 0;
        left: 0;
        fill: #fff;
        margin: auto; }
      .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-label {
        position: absolute;
        color: #afafaf;
        position: absolute;
        left: 25px;
        margin: 0;
        bottom: 7px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #dbdbdb;
        width: 100%;
        border-radius: 0;
        -webkit-padding-start: 26px;
                padding-inline-start: 26px;
        color: #fff;
        font-size: 1rem;
        font-family: "Archivo-ExtraLight"; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field::-webkit-search-cancel-button {
          -webkit-appearance: none;
          appearance: none; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field::-webkit-input-placeholder {
          /* Edge */
          color: #afafaf; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #afafaf; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field::-moz-placeholder {
          color: #afafaf; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field::-ms-input-placeholder {
          color: #afafaf; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field::placeholder {
          color: #afafaf; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field:focus ~ .hotel-search-label,
        .featured-hotels .experience-search-wrapper .hotel-search-form .hotel-search-field:not(:placeholder-shown) ~ label {
          bottom: 33px;
          left: 0; }
      .featured-hotels .experience-search-wrapper .hotel-search-form .cross-search-input {
        position: absolute;
        height: 10px;
        width: 12px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
        .featured-hotels .experience-search-wrapper .hotel-search-form .cross-search-input .input-icon-cross {
          width: 12px;
          height: 12px;
          position: absolute;
          top: 0;
          right: 0; }
  .featured-hotels .states--list {
    height: 283px !important;
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .featured-hotels .states--list::-webkit-scrollbar {
      display: none; }
    .featured-hotels .states--list.active {
      height: 100% !important; }
    @media (min-width: 768px) {
      .featured-hotels .states--list {
        height: 212px !important;
        overflow: visible; } }
    @media (min-width: 1280px) {
      .featured-hotels .states--list {
        height: 233px !important;
        overflow: visible; } }
    @media (min-width: 1920px) {
      .featured-hotels .states--list {
        height: 347px !important; } }
    .featured-hotels .states--list .mCSB_container {
      -webkit-margin-end: 25px;
              margin-inline-end: 25px; }
      @media (min-width: 768px) {
        .featured-hotels .states--list .mCSB_container {
          -webkit-margin-end: 25px;
                  margin-inline-end: 25px; } }
      @media (min-width: 1280px) {
        .featured-hotels .states--list .mCSB_container {
          -webkit-margin-end: 51px;
                  margin-inline-end: 51px; } }
    .featured-hotels .states--list .mCSB_dragger_bar {
      width: 3px;
      background-color: #fff; }
    .featured-hotels .states--list .mCSB_draggerRail {
      width: 5px;
      background-color: #fff;
      opacity: 0.33; }
  .featured-hotels .feature-hotels__subcopy {
    font-size: 0.875rem;
    line-height: 1.64;
    letter-spacing: 0.56px;
    font-family: "Archivo-Light";
    color: #fff; }
    @media (min-width: 768px) {
      .featured-hotels .feature-hotels__subcopy {
        font-size: 0.5625rem;
        line-height: 1;
        letter-spacing: 0.36px;
        margin-top: 45px; } }
    @media (min-width: 1280px) {
      .featured-hotels .feature-hotels__subcopy {
        font-size: 0.75rem;
        line-height: 1.25;
        letter-spacing: 0.48px;
        margin-top: 60px; } }
    @media (min-width: 1920px) {
      .featured-hotels .feature-hotels__subcopy {
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: 0.56px;
        margin-top: 100px; } }
    .featured-hotels .feature-hotels__subcopy .feature-hotels__circle {
      width: 8.4px;
      height: 8.4px;
      border-radius: 50%;
      margin-right: 6.6px;
      background-color: #fff;
      display: inline-block;
      font-family: "Archivo-Light"; }
    .featured-hotels .feature-hotels__subcopy .icon-experienceAccordianArrow-right {
      width: 21.6px;
      height: 9.1px;
      -webkit-margin-end: 6px;
              margin-inline-end: 6px; }
  @media (max-width: 543.98px) {
    .featured-hotels .states--list {
      width: 100%; } }
  .featured-hotels .states--list .show-partner {
    display: block !important; }
  .featured-hotels .states--list .state--region {
    display: none; }
  .featured-hotels .states--list .display--element {
    display: block !important;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s; }
  .featured-hotels .states--list .states-header--name {
    font-family: "Archivo-Light";
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    font-size: 1rem;
    width: 100%;
    color: #fff;
    position: relative;
    padding-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1px; }
    @media (min-width: 768px) {
      .featured-hotels .states--list .states-header--name {
        line-height: 1.44;
        letter-spacing: 0.64px;
        font-size: 1rem;
        min-height: 30px; } }
    .featured-hotels .states--list .states-header--name:focus {
      outline: 1px solid #ffffff; }
  .featured-hotels .states--list .transition, .featured-hotels .states--list .locations--list {
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .featured-hotels .states--list .flipIn, .featured-hotels .states--list .locations--list .partner--properties {
    -webkit-animation: flipdown 0.5s ease both;
            animation: flipdown 0.5s ease both; }
  .featured-hotels .states--list input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    top: -1px;
    right: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 30px; }
    @media (max-width: 768.98px) {
      .featured-hotels .states--list input[type=checkbox] {
        top: 0; } }
    .featured-hotels .states--list input[type=checkbox] + .icon-arrow {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .featured-hotels .states--list input[type=checkbox]:checked + .icon-arrow {
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
  .featured-hotels .states--list .states--list__header input:checked ~ .locations--list {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  .featured-hotels .states--list .icon-arrow {
    z-index: 1;
    width: 13.3px;
    height: 6.7px;
    position: absolute;
    right: 0;
    top: 11px;
    margin: auto; }
  .featured-hotels .states--list h4 {
    margin-bottom: 2rem; }
  .featured-hotels .states--list__header {
    margin-bottom: 33px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 768px) {
      .featured-hotels .states--list__header {
        margin-bottom: 18px; } }
    @media (min-width: 1280px) {
      .featured-hotels .states--list__header {
        margin-bottom: 48px; } }
  .featured-hotels .states--list .locations--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate 0, 0;
        -ms-transform: translate 0, 0;
            transform: translate 0, 0;
    z-index: 2;
    -webkit-perspective: 900;
            perspective: 900; }
    @media (max-width: 543.98px) {
      .featured-hotels .states--list .locations--list {
        max-height: 100%; } }
    .featured-hotels .states--list .locations--list .partner--properties {
      width: 100%;
      color: #fff;
      position: relative;
      z-index: 2;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
      margin-top: 20px;
      font-family: "Archivo-Light";
      font-size: 1rem;
      line-height: 1.44; }
      @media (min-width: 768px) {
        .featured-hotels .states--list .locations--list .partner--properties {
          letter-spacing: 0.48px;
          font-size: 0.75rem;
          margin-top: 25px; } }
      @media (min-width: 1280px) {
        .featured-hotels .states--list .locations--list .partner--properties {
          letter-spacing: 0.48px;
          font-size: 0.75rem;
          margin-top: 25px;
          width: 33%;
          -webkit-padding-end: 16px;
                  padding-inline-end: 16px; } }
      @media (min-width: 1920px) {
        .featured-hotels .states--list .locations--list .partner--properties {
          letter-spacing: 0.64px;
          font-size: 1rem; } }
      .featured-hotels .states--list .locations--list .partner--properties .feature-hotel-text {
        font-family: "Archivo-Light";
        font-size: 1rem;
        line-height: 1.44;
        letter-spacing: 0.64px;
        color: #fff; }
        @media (min-width: 768px) {
          .featured-hotels .states--list .locations--list .partner--properties .feature-hotel-text {
            line-height: 1.92;
            letter-spacing: 0.48px;
            font-size: 0.75rem; } }
        @media (min-width: 1280px) {
          .featured-hotels .states--list .locations--list .partner--properties .feature-hotel-text {
            line-height: 1.92;
            letter-spacing: 0.48px;
            font-size: 0.75rem;
            width: 33%; } }
        @media (min-width: 1920px) {
          .featured-hotels .states--list .locations--list .partner--properties .feature-hotel-text {
            line-height: 1.44;
            letter-spacing: 0.64px;
            font-size: 1rem; } }
      .featured-hotels .states--list .locations--list .partner--properties .partnerList-link {
        font-family: "Archivo-Light";
        font-size: 0.875rem;
        line-height: 1.44;
        letter-spacing: 0.64px;
        color: #fff;
        -webkit-margin-start: 10px;
                margin-inline-start: 10px; }
        @media (min-width: 768px) {
          .featured-hotels .states--list .locations--list .partner--properties .partnerList-link {
            line-height: 1.92;
            letter-spacing: 0.48px;
            font-size: 0.75rem; } }
        @media (min-width: 1280px) {
          .featured-hotels .states--list .locations--list .partner--properties .partnerList-link {
            line-height: 1.92;
            letter-spacing: 0.48px;
            font-size: 0.6875rem;
            width: 33%; } }
        @media (min-width: 1920px) {
          .featured-hotels .states--list .locations--list .partner--properties .partnerList-link {
            line-height: 1.44;
            letter-spacing: 0.64px;
            font-size: 1rem; } }
      .featured-hotels .states--list .locations--list .partner--properties .feature-hotels__subcopy {
        margin-top: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .featured-hotels .states--list .locations--list .partner--properties .feature-hotels__subcopy > div {
          width: 100%; }
          .featured-hotels .states--list .locations--list .partner--properties .feature-hotels__subcopy > div:first-of-type {
            padding-right: 10px; }
      .featured-hotels .states--list .locations--list .partner--properties .icon-experienceAccordianArrow-right {
        width: 21.6px;
        height: 9.1px;
        -webkit-margin-start: 11px;
                margin-inline-start: 11px; }
      .featured-hotels .states--list .locations--list .partner--properties .feature-hotel-link {
        margin-top: 10px; }
  .featured-hotels .states--list .hide-list {
    display: none; }

.featured-hotels__list .stateList-scroll {
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .featured-hotels__list .stateList-scroll::-webkit-scrollbar {
    display: none; }
  .featured-hotels__list .stateList-scroll .country--list {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    margin-inline: auto; }
    @media (min-width: 768px) {
      .featured-hotels__list .stateList-scroll .country--list {
        margin: 1px 1px 29px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; } }
    @media (min-width: 1280px) {
      .featured-hotels__list .stateList-scroll .country--list {
        margin: 1px 1px 38px; } }
    @media (min-width: 1920px) {
      .featured-hotels__list .stateList-scroll .country--list {
        margin: 1px 1px 55px; } }
    .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item {
      opacity: 0.4;
      font-family: "Archivo-ExtraLight";
      color: #fff;
      cursor: pointer;
      -webkit-margin-start: 35px;
              margin-inline-start: 35px;
      white-space: nowrap;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      @media (min-width: 768px) {
        .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item {
          font-size: 0.875rem;
          line-height: 1.64;
          letter-spacing: 0.56px; } }
      @media (min-width: 1280px) {
        .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item {
          font-size: 1rem;
          line-height: 1.44;
          letter-spacing: 0.64px;
          -webkit-margin-start: 32px;
                  margin-inline-start: 32px; } }
      @media (min-width: 1920px) {
        .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item {
          line-height: 1.44;
          letter-spacing: 0.64px;
          font-size: 1.25rem; } }
      .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item:focus {
        outline: 1px solid #ffffff; }
      .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item:first-child {
        -webkit-margin-start: 0;
                margin-inline-start: 0; }
      .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item.noshow-element, .featured-hotels__list .stateList-scroll .country--list .experience-state-list-item.show-element {
        opacity: 1; }

.featured-hotels__list .country--list__mobile {
  position: relative;
  margin-bottom: 70px; }
  .featured-hotels__list .country--list__mobile select {
    -webkit-appearance: none; }
  .featured-hotels__list .country--list__mobile select::-ms-expand {
    display: none; }
  .featured-hotels__list .country--list__mobile .icon-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 15.2px;
    height: 7.6px;
    bottom: 0;
    margin: auto; }

.featured-hotels__list .country-list__select {
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #dbdbdb;
  color: #fff;
  padding-bottom: 6px;
  font-family: "Archivo-ExtraLight"; }
  .featured-hotels__list .country-list__select option {
    background-color: #031d30; }

.experience-frette-expand {
  width: 100%;
  text-align: center;
  margin-top: 37px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .experience-frette-expand {
      display: none; } }
  .experience-frette-expand .icon-arrow {
    width: 22.3px;
    height: 11.1px; }

.search-list-dropdown-wrapper .count {
  opacity: 0.3;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 24px;
  font-family: "Archivo-Light"; }
  @media (min-width: 768px) {
    .search-list-dropdown-wrapper .count {
      font-size: 0.875rem; } }
  @media (min-width: 1280px) {
    .search-list-dropdown-wrapper .count {
      font-size: 1rem; } }
  @media (min-width: 1920px) {
    .search-list-dropdown-wrapper .count {
      font-size: 1.25rem; } }

.search-list-dropdown-wrapper .search-results-list .item {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 34px;
  font-family: "Archivo-Light"; }
  @media (min-width: 768px) {
    .search-list-dropdown-wrapper .search-results-list .item {
      font-size: 0.875rem; } }
  @media (min-width: 1280px) {
    .search-list-dropdown-wrapper .search-results-list .item {
      font-size: 1rem; } }
  @media (min-width: 1920px) {
    .search-list-dropdown-wrapper .search-results-list .item {
      font-size: 1.25rem; } }
  .search-list-dropdown-wrapper .search-results-list .item:last-child {
    margin-bottom: 0; }


/*# sourceMappingURL=hospitality.css.map*/