.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/*
.booking-main-content {
  .title-container {
    .h2 {
      display: none;
      @media screen and (min-width: 768px){
        display: block;
      }
    }
  }
}
*/
.block-booking-steps {
  padding: 17px 0;
  background: #fff;
  margin: -20px 0 0; }
  @media screen and (min-width: 768px) {
    .block-booking-steps {
      margin: -30px 0 0 0; } }
  @media screen and (min-width: 960px) {
    .block-booking-steps {
      margin: 0;
      padding: 0;
      background: none !important; } }
  .block-booking-steps > div {
    max-width: 1440px; }
  .block-booking-steps .desktop {
    display: none;
    padding: 8px 0 0;
    background: #f1f3f5; }
    @media screen and (min-width: 960px) {
      .block-booking-steps .desktop {
        display: block; } }
    .block-booking-steps .desktop ul {
      border: 1px solid #acacac;
      display: flex;
      width: 100%;
      margin: 0; }
      .block-booking-steps .desktop ul li {
        flex: 1 1 0%;
        text-align: center;
        vertical-align: middle;
        background: none;
        padding: 0;
        margin: 0;
        padding-right: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .block-booking-steps .desktop ul li span {
          display: none; }
        .block-booking-steps .desktop ul li a {
          display: block;
          line-height: 43px;
          position: relative;
          color: #555555;
          text-decoration: none !important;
          -webkit-transition: color 0.25s ease-in-out;
          -moz-transition: color 0.25s ease-in-out;
          -ms-transition: color 0.25s ease-in-out;
          transition: color 0.25s ease-in-out; }
          @media screen and (min-width: 960px) {
            .block-booking-steps .desktop ul li a {
              text-align: left;
              padding: 0 25px; } }
          @media screen and (min-width: 1180px) {
            .block-booking-steps .desktop ul li a {
              padding: 0 30px; } }
          .block-booking-steps .desktop ul li a:after {
            display: block;
            width: 27px;
            height: 43px;
            text-align: left;
            text-indent: -9999px;
            content: "Arrow";
            top: 0;
            right: -27px;
            position: absolute;
            background: url(../../img/icons/booking-step-empty.png) no-repeat 0 0;
            background-size: 27px auto;
            z-index: 10; }
          .block-booking-steps .desktop ul li a.active {
            background: #fff;
            color: #000;
            font-family: "Agenda Medium", Arial, Helvetica, sans-serif; }
            .block-booking-steps .desktop ul li a.active:after {
              background-image: url(../../img/icons/booking-step-half.png); }
          @media screen and (min-width: 768px) {
            .block-booking-steps .desktop ul li a span {
              display: inline; } }
        .block-booking-steps .desktop ul li.last {
          padding-right: 0; }
          .block-booking-steps .desktop ul li.last a:after {
            display: none; }
  .block-booking-steps .mobile {
    display: block; }
    @media screen and (min-width: 768px) {
      .block-booking-steps .mobile {
        text-align: center; } }
    @media screen and (min-width: 960px) {
      .block-booking-steps .mobile {
        display: none; } }
    .block-booking-steps .mobile .menu-block-wrapper {
      padding: 0 0 0 25px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .block-booking-steps .mobile .menu-block-wrapper {
          display: inline-block;
          vertical-align: top; } }
      .block-booking-steps .mobile .menu-block-wrapper .booking-back .back-arrow {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 25px;
        height: 100%;
        text-align: left;
        text-indent: -9999px; }
        .block-booking-steps .mobile .menu-block-wrapper .booking-back .back-arrow:after {
          display: block;
          content: "Arrow";
          text-align: left;
          text-indent: -9999px;
          width: 0px;
          height: 0px;
          border-top: 9px solid transparent;
          border-bottom: 9px solid transparent;
          border-right: 7px solid #767d84;
          position: absolute;
          left: 0;
          top: 50%;
          margin: -9px 0 0; }
      .block-booking-steps .mobile .menu-block-wrapper .booking-step {
        border-left: 1px solid #ccc;
        padding-left: 15px; }
        @media screen and (min-width: 768px) {
          .block-booking-steps .mobile .menu-block-wrapper .booking-step {
            padding-top: 6px;
            padding-bottom: 6px; } }
        .block-booking-steps .mobile .menu-block-wrapper .booking-step ul {
          margin: 0;
          padding: 0; }
          .block-booking-steps .mobile .menu-block-wrapper .booking-step ul .step-progress {
            font-size: 15px;
            font-family: "Agenda Medium", Arial, Helvetica, sans-serif; }
            @media screen and (min-width: 768px) {
              .block-booking-steps .mobile .menu-block-wrapper .booking-step ul .step-progress {
                margin: 0 10px 0 0; } }
          .block-booking-steps .mobile .menu-block-wrapper .booking-step ul .step-title {
            font-size: 28px; }
          @media screen and (min-width: 768px) {
            .block-booking-steps .mobile .menu-block-wrapper .booking-step ul li {
              display: inline-block;
              text-align: left; } }

.page-booking-details .block-booking-steps .menu-item-addons a {
  color: #000; }
  .page-booking-details .block-booking-steps .menu-item-addons a:after {
    background-image: url(../../img/icons/booking-step-complete.png); }

.page-booking-payment .block-booking-steps .menu-item-details a {
  color: #000; }
  .page-booking-payment .block-booking-steps .menu-item-details a:after {
    background-image: url(../../img/icons/booking-step-complete.png); }

.page-booking-add-ons .block-booking-steps .menu-item-rooms a {
  color: #000; }
  .page-booking-add-ons .block-booking-steps .menu-item-rooms a:after {
    background-image: url(../../img/icons/booking-step-complete.png); }

/*# sourceMappingURL=block-booking-steps.css.map */