.Table {
  width: 100%; }
  .Table > .Table__row {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 10px;
    background-color: #f2f1ef; }
  .Table.Table--no-border > .Table__row {
    padding: 0;
    border: none;
    background: transparent; }
  .Table__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .Table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%; }
    .Table__row:last-child {
      margin-bottom: 0px; }
  .Table__column {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: top; }
  .Table__col {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: top; }
  .Table__contents {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.Motel {
  background-color: #f2f1ef;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }
  .Motel .availability {
    text-align: center;
    width: 200px; }
  .Motel .price {
    text-align: right;
    padding-right: 20px;
    width: 200px;
    border-left: 1px dotted #c49e5d; }
  .Motel__header {
    background: #c49e5d !important;
    color: #f2f1ef;
    border-top: none !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .Motel__header .Booking__info {
      width: 430px; }
  .Motel__meta {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }
    .Motel__meta .Motel__name {
      font-style: italic;
      font-weight: bold;
      margin-bottom: 5px;
      color: #F07D04;
      cursor: pointer;
      /*&:after {
        content: "\f129";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 0.8em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        padding-left: 5px;
    }*/ }
    .Motel__meta .Motel__room--not-available {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center; }
    .Motel__meta ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 105px; }
      .Motel__meta ul > li {
        background-color: #c49e5d;
        max-width: 30px;
        max-height: 30px;
        margin-right: 5px;
        margin-bottom: 5px; }
        .Motel__meta ul > li:last-child {
          margin-right: 0; }
        .Motel__meta ul > li .Tooltip {
          border-bottom: none; }
          .Motel__meta ul > li .Tooltip > img {
            width: 30px;
            max-width: 30px; }
        .Motel__meta ul > li .Tooltip__text {
          width: 195px; }

.Room {
  background-color: #f2f1ef; }
  .Room .price {
    text-align: center; }
  .Room .amount {
    text-align: right;
    padding-right: 10px; }
  .Room .options {
    padding-right: 10px;
    padding-left: 18px; }
  .Room__header {
    background: #c49e5d !important;
    color: #f2f1ef;
    border-top: none !important; }
    .Room__header .Booking__info {
      width: 430px; }
    .Room__header .options {
      text-align: right; }
  .Room__meta {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .Room__meta .Room__name {
      font-style: italic;
      font-weight: bold;
      margin-bottom: 5px;
      color: #F07D04;
      cursor: pointer;
      /*&:after {
        content: "\f129";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 0.8em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        padding-left: 5px;
    }*/ }
    .Room__meta .options {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .Room__meta select {
      width: 34px;
      font-size: 0.9em; }
    .Room__meta label {
      font-weight: initial;
      display: block;
      margin: 0;
      font-size: 0.8em; }
    .Room__meta input[type=text] {
      width: 90%; }
    .Room__meta ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 105px; }
      .Room__meta ul > li {
        background-color: #c49e5d;
        max-width: 30px;
        max-height: 30px;
        margin-right: 5px;
        margin-bottom: 5px; }
        .Room__meta ul > li:last-child {
          margin-right: 0; }
        .Room__meta ul > li .Tooltip {
          border-bottom: none; }
          .Room__meta ul > li .Tooltip > img {
            width: 30px;
            max-width: 30px; }
        .Room__meta ul > li .Tooltip__text {
          width: 195px; }
    .Room__meta .Tooltip {
      display: inline; }
    .Room__meta .Tooltip__text.toc {
      padding: 5px;
      width: 200px; }

.Customer {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 10px;
  background-color: #f2f1ef;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .Customer label {
    width: 150px;
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: initial; }
  .Customer input, .Customer select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px; }

@media all and (max-width: 550px) {
  .Customer .Table__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Customer .Table__wrapper div {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
    .Customer .Table__wrapper > div {
      width: 100%; }
  .Customer label {
    width: 100%; } }

.Payment {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 10px;
  background-color: #f2f1ef;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .Payment label {
    width: 150px;
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: initial; }
  .Payment input, .Payment select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px; }
  .Payment .toc {
    border-top: 1px dashed #c49e5d;
    padding-top: 10px;
    text-align: center; }
    .Payment .toc span {
      color: #c49e5d;
      font-weight: bold;
      margin-right: 5px; }

@media all and (max-width: 550px) {
  .Payment .Table__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Payment .Table__wrapper div {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
    .Payment .Table__wrapper > div {
      width: 100%; }
  .Payment label {
    width: 100%; } }

.Review {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 10px;
  background-color: #f2f1ef;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .Review h2 {
    width: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #f2f1ef !important; }
  .Review__header {
    background: #c49e5d !important;
    color: #f2f1ef;
    border-top: none !important;
    padding: 10px; }
  .Review__content {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 10px;
    padding: 0;
    width: 100%; }
  .Review .Review__motel.Review__header {
    margin-bottom: 10px; }
  .Review__rooms > .Table__column {
    width: 100%; }
  .Review__rooms .Review__room {
    padding: 10px; }
  .Review__room {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .Review__room-header {
      background: #c49e5d;
      color: #f2f1ef; }
    .Review__room-detail-name {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 150px; }
    .Review__room-detail-guest {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 150px; }
    .Review__room-detail-options {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 200px; }
    .Review__room-detail-price {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 100px; }
  .Review__room-guest {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 300px; }
  .Review__options-price {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 300px; }
  .Review__customer-label {
    width: 300px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Review__customer-info {
    width: 300px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Review__payment-label {
    width: 300px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Review__payment-info {
    width: 300px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Review__toc .Table__column {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 10px; }
  .Review__toc .type {
    width: 900px;
    padding-top: 10px; }
  .Review__toc .text {
    width: 900px;
    padding-top: 10px; }
  .Review__toc .payment {
    width: 900px;
    padding-top: 10px; }
    .Review__toc .payment > span {
      color: #c49e5d;
      font-weight: bold;
      margin-right: 5px; }

@media all and (max-width: 1700px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 500px; } }

@media all and (max-width: 1280px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 660px; } }

@media all and (max-width: 1200px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 480px; } }

@media all and (max-width: 990px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 705px; } }

@media all and (max-width: 750px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 585px; } }

@media all and (max-width: 650px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 420px; } }

@media all and (max-width: 480px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 350px; } }

@media all and (max-width: 360px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 295px; } }

@media all and (max-width: 315px) {
  .Review__toc .type, .Review__toc .text, .Review__toc .payment {
    width: 250px; } }

@media all and (min-width: 1281px) and (max-width: 1375px) {
  .Review .Review__rooms .Table__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Review .Review__room-detail-options, .Review .Review__room-detail-name {
    width: 220px; }
  .Review .Review__customer-label, .Review .Review__payment-label {
    width: 220px; } }

@media all and (min-width: 991px) and (max-width: 1120px) {
  .Review .Review__rooms .Table__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Review .Review__room-detail-options, .Review .Review__room-detail-name {
    width: 200px; }
  .Review .Review__customer-label, .Review .Review__payment-label {
    width: 120px; } }

@media all and (max-width: 660px) {
  .Review .Review__rooms .Table__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Review .Review__room-detail-options, .Review .Review__room-detail-name {
    width: 200px; }
  .Review .Review__customer-label, .Review .Review__payment-label {
    width: 120px; } }

@media all and (max-width: 480px) {
  .Review .Review__rooms .Table__row, .Review .Review__rooms .Table__wrapper, .Review .Review__customer .Table__row, .Review .Review__customer .Table__wrapper, .Review .Review__payment .Table__row, .Review .Review__payment .Table__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Review .Review__rooms .Table__row .Table__column, .Review .Review__rooms .Table__wrapper .Table__column, .Review .Review__customer .Table__row .Table__column, .Review .Review__customer .Table__wrapper .Table__column, .Review .Review__payment .Table__row .Table__column, .Review .Review__payment .Table__wrapper .Table__column {
      width: 100%; }
    .Review .Review__rooms .Table__row .Table__column:nth-child(even), .Review .Review__rooms .Table__wrapper .Table__column:nth-child(even), .Review .Review__customer .Table__row .Table__column:nth-child(even), .Review .Review__customer .Table__wrapper .Table__column:nth-child(even), .Review .Review__payment .Table__row .Table__column:nth-child(even), .Review .Review__payment .Table__wrapper .Table__column:nth-child(even) {
      font-style: italic;
      background-color: rgba(255, 255, 255, 0.2); } }

/*
@media all and (max-width: $media-review-width-large) {
    .Review__room {
        @include vertical-growing();

        .Review__room-detail-name, .Review__room-detail-options {
            width: max($review__room-detail-name, $review__room-detail-options);
            padding: $vertical-space-size 0;
        }

        .Review__room-detail-guest, .Review__room-detail-price {
            width: max($review__room-detail-guest, $review__room-detail-price);
            padding: $vertical-space-size 0;
        }

        .Review__room-guest {
            border-bottom: 1px solid white;
        }
    }

    .Review__customer, .Review__payment {
        .Table__wrapper {
            @include vertical();

            &:nth-child(even) {
                @include background-color();
            }

            .Review__customer-label::after, .Review__payment-label::after {
                content: ":";
            }
            .Review__customer-info, .Review__payment-info {
                font-style: italic;
            }
        }
    }
}

@media all and (max-width: $media-width-x-small) {
    .Review__room {
        background: rgba(255,255,255,0.2);

        .Review__room-guest, .Review__options-price {
            @include vertical();
        }
        &.Review__room-header {
            background: $header-background;
        }
    }

    .Review__customer, .Review__payment {
        .Table__wrapper {
            margin-bottom: $vertical-space-size;
            border-bottom: 1px solid white;

            &:last-child {
                margin-bottom: 0;
                border-bottom: none;
            }

            .Table__column {
                width: 100%;
                overflow-wrap: break-word;
            }
        }
    }
}*/
.Booking {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 25px 0;
  color: #000; }
  .Booking h1, .Booking h2 {
    width: initial;
    border: none;
    padding: initial;
    line-height: initial;
    font-size: initial;
    font-weight: initial;
    text-align: initial;
    margin: initial;
    color: black; }
  .Booking__contents {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .Booking__contents > .Table__column > .Table__row:last-child {
      border-bottom-left-radius: 10px; }
    .Booking__contents > .Booking__container-content {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
  .Booking__header {
    margin-bottom: 10px; }
    .Booking__header-steps {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 60px;
      background: #404040;
      color: #f2f1ef;
      list-style: none;
      margin: 0;
      padding: 0; }
      .Booking__header-steps > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
        color: white;
        background-color: #c49e5d; }
        .Booking__header-steps > li:last-child:after {
          display: none; }
        .Booking__header-steps > li:after {
          content: "";
          width: 17px;
          height: 100%;
          position: absolute;
          top: 0;
          right: -17px;
          z-index: 9;
          background-image: url("/img/booking/other/booking_step_sprite.png");
          background-position: right top;
          background-repeat: no-repeat; }
        .Booking__header-steps > li.active {
          background-color: #F07D04; }
          .Booking__header-steps > li.active:after {
            background-position: right bottom; }
    .Booking__header-stay {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .Booking__header-stay h1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        width: 400px;
        margin: 0;
        padding-left: 20px;
        font-size: 2em;
        background-color: #f2f1ef;
        border-bottom: 1px dashed #c49e5d;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .Booking__header-stay h2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 35px;
        margin: 0;
        padding-left: 20px;
        font-size: 1.3em;
        background-color: #f2f1ef;
        border-top-left-radius: 0;
        border-top-right-radius: 10px; }
  .Booking__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .Booking__image {
    width: 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .Booking__image > img {
      width: 120px;
      height: 120px;
      border: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  .Booking__info {
    width: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }
  .Booking .image-info {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Booking__details {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    .Booking__details-large {
      width: 250px;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
    .Booking__details-small {
      width: 150px;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
  .Booking__button {
    width: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .Booking__button--control {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin-top: 10px;
      padding: 0 10px 10px; }
    .Booking__button > button {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 150px;
      background: #F07D04;
      border: none;
      color: white;
      cursor: pointer;
      -webkit-transition: background linear 0.3s;
      transition: background linear 0.3s;
      min-height: 40px; }
      .Booking__button > button:hover, .Booking__button > button:active {
        background: rgba(196, 158, 93, 0.95); }
      .Booking__button > button.Button--control {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100px; }
    .Booking__button > button.disabled {
      background-color: rgba(240, 125, 4, 0.5); }
  .Booking__summary {
    background-color: #f2f1ef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 250px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-bottom-right-radius: 10px;
    border-left: 10px solid #404040; }
    .Booking__summary-header {
      background-color: #c49e5d;
      color: #f2f1ef;
      padding: 10px; }
    .Booking__summary-body {
      padding: 10px; }
    .Booking__summary-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 10px; }
    .Booking__summary-errors {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 10px;
      padding: 10px; }
      .Booking__summary-errors--show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
  .Booking__message {
    padding: 20px 10px 10px;
    min-height: 100px;
    text-align: center; }
  .Booking--hidden {
    display: none; }
  .Booking .Booking__input--error {
    background-color: rgba(181, 53, 53, 0.8); }
  .Booking .Booking__text--error {
    color: rgba(181, 53, 53, 0.8); }
  .Booking .total {
    border-top: 1px dashed #c49e5d;
    color: #c49e5d;
    padding-top: 5px;
    margin-top: 15px;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Booking .Table--no-border > .Table__row {
    background: #f2f1ef;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .Booking .Customer, .Booking .Payment, .Booking .Review {
    border-bottom-left-radius: 10px; }

@media all and (max-width: 1735px) {
  .Booking__info {
    width: 100%;
    max-width: 260px;
    min-width: 150px; }
    .Booking__info .Room__name, .Booking__info input[name=guestname] {
      width: 150px; } }

@media all and (max-width: 1680px) {
  .Booking__info .Motel__name {
    width: 150px; } }

@media all and (max-width: 1595px) {
  .Motel .price, .Motel .availability {
    width: 150px; }
  .Room .amount {
    width: 80px; } }

@media all and (max-width: 1515px) {
  .Motel .Booking__details-large.name {
    width: 200px; }
  .Room.Room__header .price-amount, .Room.Room__header .price-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Room.Room__header .price, .Room.Room__header .amount, .Room.Room__header .options {
    text-align: left; }
  .Room[data-id] .amount, .Room[data-id] .options {
    width: 70px;
    padding-right: 0; }
  .Room[data-id] .price {
    width: 80px; }
  .Room .options {
    padding: 0; }
  .Booking__summary-header {
    height: 61px; } }

@media all and (min-width: 1446px) and (max-width: 1580px) {
  .Booking__details-large.toc {
    width: 175px; }
  .Room[data-id] .options {
    width: 125px; } }

@media all and (max-width: 1445px) {
  .Motel.Motel__header .availability-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 180px; }
    .Motel.Motel__header .availability-price .price, .Motel.Motel__header .availability-price .availability {
      text-align: left; }
  .Motel[data-id] .availability {
    width: 100px; }
  .Motel[data-id] .price {
    width: 80px;
    padding-right: 10px; }
  .Motel .Booking__details-large.name {
    width: 170px; }
  .Room .Booking__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Room .Booking__details .price-amount, .Room .Booking__details .price-options {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .Room .Booking__details .price {
      text-align: left; }
  .Room[data-id] .Booking__details .price-amount, .Room[data-id] .Booking__details .price-options {
    margin-top: 10px; }
  .Booking__summary-header {
    height: 81px; } }

@media all and (max-width: 1380px) {
  .Booking__header-steps > li {
    padding-left: 10px; } }

@media all and (max-width: 1300px) {
  .Motel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .Motel.Motel__header .Booking__button {
      display: none; }
    .Motel .Booking__button {
      width: 100%;
      margin-top: 10px; }
      .Motel .Booking__button > button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%; } }

@media all and (max-width: 1280px) {
  .Booking .Table--no-border > .Table__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Booking .Booking__summary {
    margin-top: 10px;
    width: 100%;
    border-left: none;
    border-top: 10px solid #404040;
    border-bottom-left-radius: 10px; }
    .Booking .Booking__summary .Booking__summary-header {
      height: initial; }
  .Booking .Booking__header-steps > li {
    padding-left: 0;
    overflow: hidden; } }

@media all and (max-width: 1140px) {
  .Booking__header-steps {
    display: none; }
  .Motel .Motel__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Motel[data-id] .Booking__details {
    margin-bottom: 10px; }
  .Motel[data-id] .image-info {
    margin-bottom: 10px; }
  .Motel .Motel__name {
    width: 100%; } }

@media all and (max-width: 1040px) {
  .Room.Room__header .price-amount {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .Room.Room__header .price-amount .amount {
      text-align: right;
      padding-right: 0; }
  .Room.Room__header .price-options {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .Room .Room__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Room[data-id] .Booking__details {
    margin-bottom: 10px; }
    .Room[data-id] .Booking__details .Booking__details-large {
      width: 100%; }
      .Room[data-id] .Booking__details .Booking__details-large.toc {
        max-width: 410px; }
  .Room[data-id] .image-info {
    margin-bottom: 10px; }
  .Room .Room__name {
    width: 100%; }
  .Room .price-options {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; } }

@media all and (max-width: 990px) {
  .Motel .Motel__meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .Room .Room__meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .Room .Booking__details {
    width: 300px; } }

@media all and (max-width: 725px) {
  .Room .Room__name, .Motel .Motel__name {
    width: 150px; } }

@media all and (max-width: 625px) {
  .Room__name, .Motel__name {
    width: 100%; }
  .Motel .Motel__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Room .Room__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .Room .Booking__details {
    width: 100%; } }

@media screen and (max-width: 585px) {
  .Room__meta .Tooltip {
    display: inline-block;
    width: 412px; } }

@media screen and (max-width: 450px) {
  .Booking__header-stay h1,
  .Booking__header-stay h2,
  .Booking__contents > .Booking__container-content,
  .Booking .Booking__summary, .Booking__summary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .Booking__header-stay h1,
  .Booking__header-stay h2 {
    height: initial;
    width: initial; }
  .Room__meta .Tooltip {
    width: 338px; } }

@media all and (max-width: 385px) {
  .Motel .Table__wrapper.availability-price .Table__column {
    width: 100%;
    border: none; } }

@media all and (max-width: 375px) {
  .Motel .Booking__details-large .name {
    width: 130px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Room__meta .Tooltip {
    width: 280px; } }

.b-wrapper {
  margin: 0 25px; }

@media all and (max-width: 990px) {
  .b-wrapper {
    margin: 0; } }