/* Scss Document */
/**/
/* screen resolutio*/
/* mixin start*/
.checkOutDisable {
  pointer-events: none; }

.notShowInDropDown {
  display: none; }

.calender-dynamic-text {
  text-align: center;
  padding: 2px 15px; }
  .calender-dynamic-text span {
    color: #ab2530; }

.calanderBottomMessage {
  z-index: 1;
  bottom: 0;
  font-size: 14px;
  white-space: normal;
  clear: both;
  padding: 0px 20px;
  text-align: center; }
  .calanderBottomMessage span {
    color: #ab2530; }

.layout2 .calanderBottomMessage {
  padding: 5px 20px; }

.bookingEnginePopOverlay {
  z-index: -1;
  position: fixed;
  top: 0px;
  transition: all linear .4s;
  left: 0px;
  background: #000;
  opacity: 0; }
  .bookingEnginePopOverlay.active {
    opacity: 0.7;
    z-index: 99991;
    width: 100%;
    height: 100%; }
  .bookingEnginePopOverlay .close {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -220px 0 0 229px;
    font-size: 30px;
    color: #fff; }

.availability-cta .boxColumn {
  width: 450px; }
  .availability-cta .boxColumn.bEnginepopUp {
    position: fixed;
    z-index: 99992;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%); }
.availability-cta .booking-engine.layout2.left .hotelName .hotelListDropDown {
  left: auto;
  bottom: auto;
  right: 0; }
.availability-cta .booking-engine.layout2.left .hotelName .arrowWrap {
  margin: 10px 0 0 -35px; }
.availability-cta .booking-engine.layout2.left .hotelName.NoClick {
  pointer-events: none; }
  .availability-cta .booking-engine.layout2.left .hotelName.NoClick .arrowWrap {
    display: none; }
.availability-cta .booking-engine.layout2.left .noOfRoomsWrap {
  padding: 10px 12%; }
  .availability-cta .booking-engine.layout2.left .noOfRoomsWrap .addRoomLabel .mobile span.value {
    font-size: 30px; }
  .availability-cta .booking-engine.layout2.left .noOfRoomsWrap .arrowWrap {
    position: relative;
    top: 6px; }
.availability-cta .booking-engine.layout2.left .noOfGuestWrap {
  padding: 10px 12%; }
  .availability-cta .booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown {
    left: auto;
    right: 0; }
  .availability-cta .booking-engine.layout2.left .noOfGuestWrap .arrowWrap {
    position: relative;
    top: 6px; }
  .availability-cta .booking-engine.layout2.left .noOfGuestWrap .guestCount span.value {
    font-size: 30px; }
.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap {
  padding: 10px 12%; }
  .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
    left: auto;
    bottom: auto;
    right: 0;
    color: #050505; }
    .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text {
      text-align: center;
      padding: 2px 15px; }
      .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text span {
        color: #ab2530; }

.spa-detail-page .boxColumn {
  max-width: 450px;
  float: left; }
  .spa-detail-page .boxColumn .booking-engine {
    top: 50px; }

.banner-component-style1 .booking-engine {
  top: -30px; }

.booking-engine {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0%;
  background: #dcdcdc;
  padding: 0px;
  font-weight: 300;
  font-family: flamaregular;
  font-size: 0.9375em;
  position: relative;
  text-align: left; }
  .booking-engine .extraAdult {
    display: none; }
  .booking-engine .extraChild {
    display: none; }
  .booking-engine .hotelNarimanPoint .extraAdult {
    display: inline-block; }
  .booking-engine .hotelNarimanPoint .extraChild {
    display: inline-block; }
  .booking-engine div {
    box-sizing: border-box; }
  .booking-engine .nightsWrap {
    position: relative;
    clear: both;
    border-top: 1px solid #f3f3f3; }
    .booking-engine .nightsWrap .label {
      text-align: center;
      font-size: 10px;
      padding: 10px 0 0 0;
      color: #afafaf; }
    .booking-engine .nightsWrap select.ddlHotelOfferNights {
      width: 100%;
      padding: 3px 5px 13px 5px;
      text-align: center;
      text-align-last: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-weight: 300;
      font-family: "Roboto", sans-serif;
      font-size: 15px; }
    .booking-engine .nightsWrap .arrowWrap {
      position: absolute;
      right: 12px;
      top: 13px;
      font-size: 20px;
      pointer-events: none; }
    .booking-engine .nightsWrap.active .arrowWrap i {
      transition: all linear .4s; }
      .booking-engine .nightsWrap.active .arrowWrap i.fa {
        transform: rotate(180deg); }
  .booking-engine.bkhOffset .cruiseSelectionWrap {
    display: none !important; }
  .booking-engine .cruiseSelectionWrap {
    display: none; }
  .booking-engine.overview-page {
    top: -30px; }
  .booking-engine.moveUp {
    transform: translate(0, -50%); }
  .booking-engine.reverse .hotelName .hotelListDropDown {
    top: auto;
    bottom: 39px;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05);
    z-index: 99990; }
  .booking-engine.reverse .NumberOfNights .NumberOfNightsDropDown {
    top: auto;
    bottom: 39px;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05);
    z-index: 99990; }
  .booking-engine.reverse .checkInCheckOut .t-datepicker-day {
    top: auto;
    bottom: 39px;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05);
    z-index: 99999; }
  .booking-engine.reverse .checkInCheckOut .t-arrow-top {
    display: none !important; }
  .booking-engine .bookYourStay {
    float: left;
    width: 100%;
    font-weight: 400;
    background: #ebebeb;
    color: #000;
    padding: 5px 10px;
    font-size: 0.8em;
    margin: 0 0 10px 0;
    display: none; }
  .booking-engine .hotelName {
    float: left;
    width: 21%;
    padding: 8px;
    height: 36px;
    border: #bbbbbb solid 1px;
    background: #fff;
    position: relative; }
    .booking-engine .hotelName.NoClick {
      pointer-events: none; }
      .booking-engine .hotelName.NoClick .arrowWrap {
        display: none; }
    .booking-engine .hotelName .hotelLabel {
      float: left;
      width: 100%;
      cursor: pointer; }
      .booking-engine .hotelName .hotelLabel .name {
        float: left;
        width: 91%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #af393f; }
        .booking-engine .hotelName .hotelLabel .name abbr {
          font-weight: 400;
          display: block; }
        .booking-engine .hotelName .hotelLabel .name .desktopN {
          display: inline; }
        .booking-engine .hotelName .hotelLabel .name .mobileN {
          display: none; }
      .booking-engine .hotelName .hotelLabel .arrowWrap {
        float: left;
        width: 6%;
        padding: 0 0 0 7px;
        font-size: 20px;
        line-height: 10px;
        border-left: 1px solid #af393f;
        color: #af393f; }
        .booking-engine .hotelName .hotelLabel .arrowWrap i.fa {
          transition: all 0.3s ease-in-out;
          transform-origin: center center; }
      .booking-engine .hotelName .hotelLabel.active i.fa {
        transform: rotate(180deg); }
    .booking-engine .hotelName .hotelListDropDown {
      position: absolute;
      width: 245px;
      background: #f2f2f2;
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
      padding: 10px 0;
      left: 0px;
      top: 40px;
      z-index: 10;
      display: none; }
      .booking-engine .hotelName .hotelListDropDown .mobileHeader {
        display: none; }
      .booking-engine .hotelName .hotelListDropDown .allHotels {
        float: left;
        width: 100%; }
        .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList {
          float: left;
          width: 100%;
          padding: 0;
          border-left: #ebebeb solid 1px; }
          .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList:first-child {
            border: 0 !important; }
          .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock {
            float: left;
            width: 100%;
            margin: 0 0 10px 0; }
            .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock:last-child {
              margin: 0; }
            .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .heading {
              float: left;
              width: 100%;
              color: #ab2530;
              font-weight: 400;
              margin: 0 0 10px 0; }
            .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list {
              float: left;
              width: 100%; }
              .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list span {
                padding: 5px 20px; }
              .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul {
                list-style: none;
                margin: 0px;
                padding: 0px; }
                .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li {
                  float: left;
                  width: auto;
                  margin: 0 0 3px 0;
                  cursor: pointer;
                  transition: all 0.3s ease-in-out;
                  white-space: normal;
                  position: relative;
                  padding: 5px 20px;
                  box-sizing: border-box;
                  clear: both;
                  width: 100%; }
                  .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover, .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li.active {
                    color: #fff;
                    background: #ab2530; }
                  .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .label {
                    float: left;
                    width: 100%; }
                  .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav {
                    position: absolute;
                    width: 220px;
                    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
                    color: #000;
                    margin: 0px 0 0 0;
                    left: 0;
                    top: 100%;
                    z-index: 2;
                    background: #fff;
                    display: none; }
                    .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head {
                      float: left;
                      width: 100%;
                      padding: 10px;
                      border-top: #e6e6e6 solid 1px; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:hover {
                        color: #ab2530; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:first-child {
                        border: 0; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head .arrowWrap {
                        float: right;
                        transition: all 0.3 ease-in-out; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head.active .arrowWrap {
                        transform: rotate(180deg); }
                    .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content {
                      float: left;
                      width: 100%;
                      padding: 0;
                      display: none; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values {
                        float: left;
                        width: 100%;
                        padding: 5px 10px;
                        margin: 0; }
                        .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:hover, .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values.active {
                          color: #ab2530; }
                        .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:first-child {
                          padding-top: 0; }
                      .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap {
                        float: left;
                        width: 100%;
                        padding: 10px;
                        border-top: #e6e6e6 solid 1px; }
                        .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap:hover, .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap.active {
                          color: #ab2530; }
                        .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap .button {
                          float: left;
                          width: auto;
                          font-size: 0.95em; }
                  .booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover .subNav {
                    display: inline; }
  .booking-engine .NumberOfNights {
    float: left;
    width: 21%;
    padding: 8px;
    height: 36px;
    margin-left: 7px;
    border: #bbbbbb solid 1px;
    background: #fff;
    position: relative; }
    .booking-engine .NumberOfNights.NoClick {
      pointer-events: none; }
      .booking-engine .NumberOfNights.NoClick .arrowWrap {
        display: none; }
    .booking-engine .NumberOfNights .NumberOfNightsLabel {
      float: left;
      width: 100%;
      cursor: pointer; }
      .booking-engine .NumberOfNights .NumberOfNightsLabel .name {
        float: left;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #af393f; }
        .booking-engine .NumberOfNights .NumberOfNightsLabel .name abbr {
          font-weight: 400;
          display: block; }
        .booking-engine .NumberOfNights .NumberOfNightsLabel .name .desktopN {
          display: inline; }
        .booking-engine .NumberOfNights .NumberOfNightsLabel .name .mobileN {
          display: none; }
      .booking-engine .NumberOfNights .NumberOfNightsLabel .arrowWrap {
        float: right;
        width: auto;
        padding: 0 0 0 7px;
        font-size: 20px;
        line-height: 10px;
        border-left: 1px solid #af393f;
        color: #af393f; }
        .booking-engine .NumberOfNights .NumberOfNightsLabel .arrowWrap i.fa {
          transition: all 0.3s ease-in-out;
          transform-origin: center center; }
      .booking-engine .NumberOfNights .NumberOfNightsLabel.active i.fa {
        transform: rotate(180deg); }
    .booking-engine .NumberOfNights .NumberOfNightsDropDown {
      position: absolute;
      width: 245px;
      background: #f2f2f2;
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
      padding: 10px 0;
      left: 0px;
      top: 40px;
      z-index: 10;
      display: none; }
      .booking-engine .NumberOfNights .NumberOfNightsDropDown .list span {
        padding: 5px 10px; }
      .booking-engine .NumberOfNights .NumberOfNightsDropDown ul {
        margin: 0px;
        padding: 0px; }
        .booking-engine .NumberOfNights .NumberOfNightsDropDown ul li {
          list-style-type: none;
          padding: 5px 10px; }
          .booking-engine .NumberOfNights .NumberOfNightsDropDown ul li.active {
            color: #fff;
            background: #ab2530; }
      .booking-engine .NumberOfNights .NumberOfNightsDropDown .mobileHeader {
        display: none; }
      .booking-engine .NumberOfNights .NumberOfNightsDropDown .NumberOfNights {
        float: left;
        width: 100%;
        padding: 0;
        border-left: #ebebeb solid 1px; }
        .booking-engine .NumberOfNights .NumberOfNightsDropDown .NumberOfNights:first-child {
          border: 0 !important; }
  .booking-engine .checkInCheckOut {
    display: flex;
    float: left;
    width: 34%;
    height: 36px;
    padding: 8px 0;
    margin: 0 7px;
    border: #bbbbbb solid 1px;
    background: #fff;
    /*  border-bottom: #af393f solid 1px; */
    color: #af393f;
    flex-wrap: nowrap;
    position: relative !important;
    clear: none;
    white-space: nowrap; }
    .booking-engine .checkInCheckOut .checkInDate {
      border-right: 1px solid #ab2530; }
    .booking-engine .checkInCheckOut .t-mobile-heading {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      text-align: center;
      font-weight: 600;
      padding: 0 0;
      z-index: 10000;
      visibility: hidden;
      padding: 0 0 20px 0;
      box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05); }
      .booking-engine .checkInCheckOut .t-mobile-heading .backWrap {
        float: left;
        width: 100%;
        text-align: left;
        padding: 5% 5% 10px 5%; }
        .booking-engine .checkInCheckOut .t-mobile-heading .backWrap svg {
          width: 15px;
          fill: #000; }
      .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap {
        float: left;
        width: 100%; }
        .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut {
          float: left;
          width: 50%;
          padding: 0 5%;
          text-align: left;
          position: relative; }
          .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut.active:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 3px;
            background: #ab2530;
            left: 0;
            bottom: -20px; }
          .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .label {
            color: #9b9b9b;
            font-size: 10px;
            float: left;
            width: 100%;
            font-weight: normal; }
          .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates {
            float: left;
            width: 100%;
            font-weight: 700;
            border: 0;
            height: 20px;
            font-size: 1.4em; }
            .booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates {
              padding: 0;
              height: auto; }
      .booking-engine .checkInCheckOut .t-mobile-heading .close {
        float: right;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #ab2530;
        border-radius: 50%;
        color: #fff;
        right: 0;
        font-size: 15px;
        font-weight: 700;
        position: fixed;
        left: 50%;
        bottom: 20px;
        transform: translate(-50%, 0);
        z-index: 10000;
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .booking-engine .checkInCheckOut .calenderWrap {
      position: absolute;
      width: 700px;
      left: 0px;
      padding: 10px;
      top: 49px;
      background: #fff;
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
      z-index: 1; }
    .booking-engine .checkInCheckOut .t-datepicker-day {
      top: 50px; }
    .booking-engine .checkInCheckOut .datesWrap {
      width: 50%;
      display: flex;
      padding: 0 10px; }
      .booking-engine .checkInCheckOut .datesWrap.disableCheckout:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        width: 50%;
        height: 38px; }
      .booking-engine .checkInCheckOut .datesWrap .label {
        width: 85px;
        white-space: nowrap;
        padding: 0 7px 0 0;
        position: absolute;
        pointer-events: none; }
      .booking-engine .checkInCheckOut .datesWrap.disabled .label {
        opacity: 0.3; }
      .booking-engine .checkInCheckOut .datesWrap .dateWrap {
        float: left;
        width: 100%;
        /* background: url(/images/oberoihotels/booking-engine/calender-icon.jpg) left center no-repeat;
        background-size: 13px; */
        border: 0;
        text-align: right; }
        .booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-in, .booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-out {
          position: static; }
        .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-date-check-in span {
          font-family: flamaSemiBold; }
        .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-date-check-out span {
          font-family: flamaSemiBold; }
        .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
          left: 0px;
          background: #fff;
          color: #050505;
          border: none;
          padding-top: 25px;
          padding-bottom: 25px; }
          .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification {
            position: absolute;
            width: 100%;
            text-align: center;
            color: #af393f;
            font-weight: 600;
            top: 10px;
            display: none; }
        .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates {
          padding: 0 0 0 0px;
          height: auto;
          border: 0; }
          .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title,
          .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title {
            top: 0;
            left: 0;
            opacity: 0;
            position: relative; }
          .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .fa {
            opacity: 0; }
      .booking-engine .checkInCheckOut .datesWrap.disabled .dateWrap .t-dates {
        opacity: 0.3; }
  .booking-engine.reverse .noOfRoomsWrap .addRoomDropDown {
    top: auto;
    bottom: 39px;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05); }
  .booking-engine .noOfRoomsWrap {
    float: left;
    width: 11%;
    height: 36px;
    padding: 8px 20px 8px 10px;
    border: 1px solid #bbbbbb;
    /*  border-bottom: #af393f  solid 1px; */
    color: #af393f;
    margin-right: 7px;
    position: relative;
    background: #fff; }
    .booking-engine .noOfRoomsWrap .addRoomLabel {
      float: left;
      width: 100%;
      cursor: pointer; }
      .booking-engine .noOfRoomsWrap .addRoomLabel .deskTop {
        float: left;
        width: 100%; }
        .booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .roomsCount {
          float: left;
          width: 90%; }
        .booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap {
          float: left;
          width: 5%;
          padding-left: 6px;
          font-size: 20px;
          line-height: 10px;
          border-left: 1px solid #ab2530; }
          .booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap i.fa {
            transition: all 0.3s ease-in-out;
            transform-origin: center center; }
      .booking-engine .noOfRoomsWrap .addRoomLabel .mobile {
        float: left;
        width: 100%;
        display: none; }
      .booking-engine .noOfRoomsWrap .addRoomLabel.active i.fa {
        transform: rotate(180deg); }
    .booking-engine .noOfRoomsWrap .addRoomDropDown {
      position: absolute;
      width: 108px;
      background: #f2f2f2;
      padding: 0px 0px 0px 0px;
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
      z-index: 1;
      top: 39px;
      left: 0;
      display: none; }
      .booking-engine .noOfRoomsWrap .addRoomDropDown .mobileHeader {
        display: none; }
      .booking-engine .noOfRoomsWrap .addRoomDropDown .block {
        float: left;
        width: 100%;
        padding: 0 0 10px 0;
        position: relative; }
        .booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption {
          float: left;
          width: 100%;
          padding: 10px 10px;
          /* border-bottom: #d7d7d7 solid 1px; */
          background: #f2f2f2;
          cursor: pointer; }
          .booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:last-child {
            border: 0; }
          .booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption.active, .booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:hover {
            color: #fff;
            background: #ab2530; }
      .booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap {
        float: left;
        width: 100%;
        border-top: #d7d7d7 solid 1px;
        display: none; }
        .booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton {
          float: left;
          width: auto;
          text-transform: uppercase;
          cursor: pointer;
          border: #a1a1a1 solid 1px;
          padding: 8px 10px; }
          .booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton:hover {
            background: #ab2530;
            color: #fff;
            border-color: #ab2530; }
        .booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton {
          float: right;
          width: auto;
          padding: 8px 0px;
          cursor: pointer; }
          .booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton:hover {
            color: #ab2530; }
  .booking-engine.reverse .noOfGuestWrap .addGuestDropDown {
    top: auto;
    bottom: 39px;
    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05); }
  .booking-engine .noOfGuestWrap {
    float: left;
    width: 11%;
    height: 36px;
    padding: 8px 20px 8px 10px;
    position: relative;
    border: 1px solid #bbbbbb;
    /* border-bottom: #af393f  solid 1px; */
    color: #af393f;
    margin-right: 7px;
    background: #fff; }
    .booking-engine .noOfGuestWrap .addGuestLabel {
      float: left;
      width: 100%;
      cursor: pointer; }
      .booking-engine .noOfGuestWrap .addGuestLabel .guestCount {
        float: left;
        width: 90%; }
      .booking-engine .noOfGuestWrap .addGuestLabel .arrowWrap {
        float: left;
        width: 5%;
        padding-left: 5px;
        border-left: 1px solid #af393f;
        font-size: 20px;
        line-height: 10px; }
        .booking-engine .noOfGuestWrap .addGuestLabel .arrowWrap i.fa {
          transition: all 0.3s ease-in-out;
          transform-origin: center center; }
      .booking-engine .noOfGuestWrap .addGuestLabel.active i.fa {
        transform: rotate(180deg); }
    .booking-engine .noOfGuestWrap .addGuestDropDown {
      position: absolute;
      width: 400px;
      background: #fff;
      padding: 20px 20px 10px 20px;
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
      z-index: 2;
      top: 50px;
      left: 0;
      color: #666;
      display: none; }
      .booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader {
        display: none; }
      .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper {
        float: left;
        width: 100%; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block {
          float: left;
          width: 100%;
          padding: 0 0 10px 0;
          margin: 10px 0 0 0;
          border-bottom: #ab2530 solid 1px;
          position: relative; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block:first-child {
            margin-top: 0; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block.active .roomsIndividualCount {
            top: 24px; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock {
            position: absolute;
            width: auto;
            right: 0;
            top: 0; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .edit {
              float: left;
              color: #ab2530;
              cursor: pointer;
              font-size: 0.92em;
              border-right: #b1b1b1 solid 1px;
              padding: 0 5px 0 0; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn {
              float: left;
              width: 13px;
              height: 13px;
              border: #b1b1b1 solid 1px;
              border-radius: 50%;
              text-align: center;
              color: #b1b1b1;
              font-size: 9px;
              font-family: flamaregular;
              margin: 2px 0 0 5px;
              cursor: pointer;
              line-height: 10px; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn:hover {
                background: #ab2530;
                color: #fff;
                border: #ab2530 solid 1px; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomsIndividualCount {
            float: left;
            width: auto;
            position: absolute;
            font-weight: 700;
            margin: 0 0 10px 0; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount {
            float: left;
            width: 100%;
            white-space: nowrap; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount.roomGuestCountSummery {
              margin-left: 55px;
              width: auto; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose {
              float: left;
              width: 25%; }
			.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.child{margin-left: 3%;}

              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.adult {
                margin-left: 55px; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .label {
                float: left;
                width: 100%;
                margin: 0 0 5px 0; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number {
                float: left;
                width: auto; }
                .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul {
                  list-style-type: none;
                  margin: 0px;
                  padding: 0px; }
                  .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li {
                    float: left;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    font-size: 0.8em;
                    margin: 0 0 0 0;
                    cursor: pointer;
                    border: 1px solid #f2f2f2;
                    border-left: none; }
                    .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li:first-child {
                      border-left: 1px solid #f2f2f2; }
                    .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li.active, .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li:hover {
                      background: #ab2530;
                      color: #fff; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn {
              float: left;
              width: 15px;
              height: 15px;
              border: #b1b1b1 solid 1px;
              border-radius: 50%;
              text-align: center;
              color: #b1b1b1;
              font-size: 11px;
              font-family: flamaregular;
              margin: 2px 0 0 10px;
              cursor: pointer;
              display: none;
              line-height: 11px; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn:hover {
                background: #ab2530;
                color: #fff;
                border: #ab2530 solid 1px; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap {
              float: left;
              width: 100%;
              margin: 15px 0 0 0;
              display: none; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .label {
                float: left;
                width: 22%;
                margin: 0 0 5px 0; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList {
                float: left;
                width: 75%; }
                .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul {
                  list-style-type: none;
                  margin: 0px;
                  padding: 0px; }
                  .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li {
                    float: left;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    font-size: 0.8em;
                    margin: 0 0px 0 0;
                    cursor: pointer;
                    border: 1px solid #f2f2f2;
                    border-left: none;
                    color: #666666; }
                    .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active, .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover {
                      background: #ab2530;
                      color: #fff; }
                    .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:first-child {
                      border-left: 1px solid #f2f2f2; }
      .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap {
        float: left;
        width: 100%;
        padding: 10px 0 0; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton {
          float: left;
          width: auto;
          text-transform: uppercase;
          cursor: pointer;
          border: #ab2530 solid 1px;
          padding: 8px 15px;
          background: #ab2530;
          color: #fff; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton:hover {
            color: #ab2530;
            background: #fff;
            border: #ab2530 solid 1px; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton {
          float: right;
          width: auto;
          text-transform: uppercase;
          cursor: pointer;
          border: #ab2530 solid 1px;
          padding: 8px 15px;
          background: #ab2530;
          color: #fff; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton:hover {
            color: #ab2530;
            background: #fff;
            border: #ab2530 solid 1px; }
  .booking-engine .viewAvailabilityButton {
    float: left;
    width: auto;
    height: 36px;
    background: #ab2530;
    color: #fff;
    padding: 8px 15px;
    cursor: pointer; }
    .booking-engine .viewAvailabilityButton:hover {
      background: #ab2530; }
  .booking-engine .plusIcon {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    margin: 10px 0 0 25px;
    position: relative; }
    .booking-engine .plusIcon .imgIconWrap {
      float: left;
      width: 20px;
      height: 20px;
      background: url(/images/oberoihotels/sprites-icons.png) left top no-repeat;
      background-position: -119px -166px;
      /*background-size: 100%;*/ }
    .booking-engine .plusIcon.active .imgIconWrap {
      background-position: -119px -186px; }
    .booking-engine .plusIcon.activeAlways .imgIconWrap {
      background-position: -119px -186px; }
    .booking-engine .plusIcon .toolTipWrap {
      position: absolute;
      width: auto;
      padding: 2px 5px;
      background: #fff;
      left: 33px;
      top: 50%;
      transform: translate(0, -50%);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
      white-space: nowrap;
      font-size: 11px;
      display: none; }
      .booking-engine .plusIcon .toolTipWrap:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #fff;
        position: absolute;
        left: -10px;
        top: 0px;
        z-index: 2; }
      .booking-engine .plusIcon .toolTipWrap:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 13px solid rgba(0, 0, 0, 0.05);
        position: absolute;
        left: -12px;
        top: -1px;
        z-index: 1; }
    .booking-engine .plusIcon:hover .toolTipWrap {
      display: inline; }
  .booking-engine .promocodeDropDown {
    width: auto;
    padding: 0px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
    z-index: 1;
    top: 60px;
    right: 0;
    display: block !important;
    float: left;
    margin-right: 7px; }
    .booking-engine .promocodeDropDown .input {
      float: left;
      width: 85px;
      height: 36px;
      line-height: 36px;
      border: #bbbbbb solid 1px;
      /* border-bottom: #af393f solid 1px; */
      padding: 0 8px;
      border-radius: 0px;
      color: #af393f;
      font-size: 0.9375em;
      font-family: flamaregular;
      box-shadow: none; }
      .booking-engine .promocodeDropDown .input::placeholder {
        color: #af393f; }
    .booking-engine .promocodeDropDown .submit {
      float: left;
      width: 40px;
      height: 30px;
      line-height: 30px;
      background: #d7d7d7;
      padding: 0 10px;
      font-size: 0.9375em;
      cursor: pointer; }
      .booking-engine .promocodeDropDown .submit:hover {
        background: #ab2530;
        color: #fff; }
    .booking-engine .promocodeDropDown .errorMsg {
      float: left;
      width: 100%;
      color: #f00;
      font-size: 11px;
      padding: 5px 0 0 0; }
  .booking-engine .offerMsgWrap {
    float: left;
    width: 100%;
    font-size: 0.8em;
    text-align: center;
    display: none;
    color: #ff0000;
    font-size: 12px; }
  .booking-engine.layout2.left .hotelName .hotelListDropDown {
    right: auto;
    left: 0; }
  .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
    right: auto;
    left: 0px; }
  .booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown {
    left: 0px;
    right: auto; }
  .booking-engine.layout2 {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border: 1px solid #ebebeb;
    padding: 0px; }
    .booking-engine.layout2 .bookYourStay {
      padding: 10px 15px;
      font-family: flamaregular;
      font-size: 0.938em; }
    .booking-engine.layout2.moveUp {
      transform: none; }
    .booking-engine.layout2 .bookYourStay {
      display: inline; }
    .booking-engine.layout2 .hotelName {
      width: 100%;
      height: auto;
      border: 0;
      padding: 10px 0;
      position: relative; }
      .booking-engine.layout2 .hotelName .name {
        text-align: center; }
        .booking-engine.layout2 .hotelName .name abbr {
          font-weight: 400;
          display: block; }
        .booking-engine.layout2 .hotelName .name .desktopN {
          display: inline; }
        .booking-engine.layout2 .hotelName .name .mobileN {
          display: inline; }
      .booking-engine.layout2 .hotelName .hotelListDropDown {
        position: absolute;
        width: 800px;
        background: #fff;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
        padding: 0px;
        right: 0px;
        left: auto;
        top: 100%;
        z-index: 2;
        display: none; }
        .booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList {
          width: 100%; }
          .booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList .hotelList {
            width: 100%; }
          .booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList .hotelList {
            border: none; }
        .booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader {
          display: none; }
    .booking-engine.layout2 .cruiseSelectionWrap {
      float: left;
      width: 100%;
      border-top: #f3f3f3 solid 1px;
      display: none; }
      .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap {
        float: left;
        width: 50%;
        height: 70px;
        border-right: #f3f3f3 solid 1px;
        padding: 15px 12%;
        cursor: pointer;
        position: relative; }
        .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .arrowWrap {
          font-size: 20px;
          position: absolute;
          right: -9px;
          top: 22px; }
        .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel {
          float: left;
          width: 100%;
          position: relative; }
          .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel .label {
            width: 100%;
            font-size: 10px;
            padding: 0;
            color: #afafaf; }
          .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel .value {
            float: left;
            width: 100%;
            font-size: 25px;
            font-weight: 400; }
        .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown {
          position: absolute;
          width: 100%;
          left: 0;
          top: 100%;
          background: #fff;
          padding: 0px 20px 20px 20px;
          position: absolute;
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
          z-index: 1;
          display: none; }
          .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block {
            float: left;
            width: 100%; }
            .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap {
              float: left;
              width: 100%;
              padding: 10px 0;
              border-bottom: #d7d7d7 solid 1px;
              cursor: pointer; }
              .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:first-child {
                padding-top: 0; }
              .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:last-child {
                border: 0;
                padding-bottom: 0; }
              .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap.active, .booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:hover {
                color: #ab2530; }
      .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap {
        float: left;
        width: 50%;
        height: 70px;
        padding: 15px 12%;
        cursor: pointer;
        position: relative; }
        .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .arrowWrap {
          font-size: 20px;
          position: absolute;
          right: -9px;
          top: 22px; }
        .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel {
          float: left;
          width: 100%;
          position: relative; }
          .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .label {
            width: 100%;
            font-size: 10px;
            padding: 0;
            color: #afafaf; }
          .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .value {
            float: left;
            width: 100%;
            font-size: 30px;
            font-weight: 400; }
            .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .value span {
              font-size: 13px;
              font-weight: 300; }
        .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown {
          position: absolute;
          width: 100%;
          left: 0;
          top: 100%;
          background: #fff;
          padding: 0px 20px 20px 20px;
          position: absolute;
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
          z-index: 1;
          display: none; }
          .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block {
            float: left;
            width: 100%; }
            .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap {
              float: left;
              width: 100%;
              padding: 10px 0;
              border-bottom: #d7d7d7 solid 1px;
              cursor: pointer; }
              .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:first-child {
                padding-top: 0; }
              .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:last-child {
                border: 0;
                padding-bottom: 0; }
              .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap.active, .booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:hover {
                color: #ab2530; }
    .booking-engine.layout2 .checkInCheckOut {
      width: 100%;
      height: auto;
      border: 0;
      padding: 0;
      max-width: 100%;
      white-space: normal;
      position: relative; }
      .booking-engine.layout2 .checkInCheckOut .t-mobile-heading {
        background: #fff;
        visibility: visible;
        /* padding-top: 30px; */
        z-index: 9999999; }
      .booking-engine.layout2 .checkInCheckOut .datesWrap {
        border: #f3f3f3 solid 1px;
        border-bottom: 0;
        border-left: 0;
        padding: 10px 12%;
        display: inline;
        position: static; }
        .booking-engine.layout2 .checkInCheckOut .datesWrap:last-child {
          border-left: 0;
          border-right: 0; }
        .booking-engine.layout2 .checkInCheckOut .datesWrap.disableCheckout:before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          z-index: 2;
          width: 50%;
          height: 100%; }
        .booking-engine.layout2 .checkInCheckOut .datesWrap.active {
          background-color: #ebebeb; }
        .booking-engine.layout2 .checkInCheckOut .datesWrap .label {
          width: 100%;
          font-size: 10px;
          padding: 0;
          color: #afafaf; }
        .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap {
          background: none;
          padding: 0; }
          .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
            left: auto;
            right: 0px;
            top: 71px; }
          .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates {
            padding: 0;
            position: relative; }
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .fa {
              display: none; }
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out {
              font-size: 30px;
              line-height: 30px;
              font-weight: 400; }
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out {
              font-size: 13px;
              padding: 0 0 0 5px; }
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,
            .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out {
              font-size: 13px; }
    .booking-engine.layout2 .noOfRoomsWrap {
      width: 50%;
      border: 0;
      height: 70px;
      padding: 10px 12%;
      border: #f3f3f3 solid 1px;
      border-left: 0; }
      .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile {
        display: none;
        padding: 0 10%;
        cursor: auto; }
        .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value {
          font-size: 40px;
          line-height: 50px;
          font-weight: 400;
          display: flex;
          align-items: center; }
          .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .counter {
            text-align: center; }
          .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner {
            display: inline-block;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 50%;
            margin: 0 5px;
            font-size: 0.8em;
            cursor: pointer;
            user-select: none;
            font-weight: 300;
            font-size: 12px !important;
            line-height: 15px;
            margin: 0;
            text-indent: -100px;
            overflow: hidden; }
            .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus {
              margin-right: 3px;
              background: url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;
              background-size: 100%; }
            .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus {
              margin-right: 3px;
              background: url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;
              background-size: 100%; }
        .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl {
          position: absolute;
          left: 54%;
          top: 50%;
          transform: translate(0, -50%); }
      .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount {
        text-align: left; }
        .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .lbl {
          float: left;
          width: 40%; }
        .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value {
          float: left;
          width: 50%;
          padding: 0px;
          white-space: nowrap;
          font-size: 30px;
          line-height: 40px;
          font-weight: 400;
          display: flex;
          align-items: center; }
          .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter {
            text-align: center;
            padding: 0 5px; }
          .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner {
            display: inline-block;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 50%;
            margin: 0 5px;
            font-size: 0.8em;
            cursor: pointer;
            user-select: none;
            font-weight: 300;
            font-size: 12px !important;
            line-height: 15px;
            margin: 0;
            text-indent: -100px;
            overflow: hidden; }
            .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.minus {
              margin-right: 3px;
              background: url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;
              background-size: 60%; }
            .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus {
              margin-right: 3px;
              background: url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;
              background-size: 60%; }
        .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl {
          position: absolute;
          left: 42%;
          top: 52%;
          font-size: 13px;
          transform: translate(0, -50%); }
      .booking-engine.layout2 .noOfRoomsWrap .arrowWrap {
        /*  display: none; */
        margin-top: 10px; }
    .booking-engine.layout2 .noOfGuestWrap {
      width: 50%;
      border: 0;
      height: 70px;
      padding: 10px 12%;
      border: #f3f3f3 solid 1px;
      border-right: 0;
      border-left: 0; }
      .booking-engine.layout2 .noOfGuestWrap .guestCount {
        text-align: left; }
        .booking-engine.layout2 .noOfGuestWrap .guestCount span.value {
          font-size: 30px;
          line-height: 40px;
          font-weight: 400; }
        .booking-engine.layout2 .noOfGuestWrap .guestCount span.lbl {
          position: absolute;
          left: 42%;
          top: 50%;
          transform: translate(0, -50%);
          font-size: 13px; }
      .booking-engine.layout2 .noOfGuestWrap .arrowWrap {
        margin-top: 10px;
        /*  display: none; */ }
      .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown {
        left: auto;
        right: 0; }
    .booking-engine.layout2 .t-arrow-top {
      display: none !important; }
    .booking-engine.layout2 .viewAvailabilityButton {
      margin: 20px 0 20px 50%;
      transform: translate(-50%, 0); }
    .booking-engine.layout2 .plusIcon {
      width: auto;
      text-align: center;
      margin: 30px 0 0 -10%;
      height: auto; }
      .booking-engine.layout2 .plusIcon .toolTipWrap {
        left: 50%;
        top: auto;
        bottom: 100%;
        transform: translate(-50%, -50%); }
        .booking-engine.layout2 .plusIcon .toolTipWrap:before {
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top: 12px solid #fff;
          left: 50%;
          top: 100%;
          transform: translate(-50%, 0); }
        .booking-engine.layout2 .plusIcon .toolTipWrap:after {
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-top: 13px solid rgba(0, 0, 0, 0.05);
          left: 50%;
          top: 100%;
          transform: translate(-50%, 0); }
    .booking-engine.layout2 .promocodeDropDown {
      position: relative;
      width: 300px;
      float: left;
      margin-left: 50%;
      transform: translate(-50%, 0);
      top: auto;
      padding: 10px;
      box-shadow: none;
      z-index: 0; }
      .booking-engine.layout2 .promocodeDropDown.activeAlways {
        display: block !important; }
      .booking-engine.layout2 .promocodeDropDown .input {
        width: calc(100% - 50px);
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase; }
      .booking-engine.layout2 .promocodeDropDown .submit {
        width: 50px;
        padding: 0 10px;
        height: 40px;
        line-height: 40px; }
    .booking-engine.layout2 .offerMsgWrap {
      display: inline;
      float: left;
      width: 100%;
      text-align: center;
      padding: 10px 0; }

.boxColumn {
  float: right;
  /*     width: 450px;
  margin: 5% 5% 0 5%; */ }

header .header-right-unit .right-side-menu .dynamicMsgWrap.calanderBottomMessage br {
  display: none; }

.container-offer-page {
  max-width: 1200px;
  margin: 0 auto; }
  .container-offer-page .hotelName {
    width: 200px; }
  .container-offer-page .NumberOfNights {
    width: 200px; }
  .container-offer-page .checkInCheckOut {
    width: 344px; }
  .container-offer-page .noOfRoomsWrap {
    width: 105px; }
  .container-offer-page .noOfGuestWrap {
    width: 105px; }

@media only screen and (min-width: 1100px) and (max-width: 1280px) {
  .booking-engine {
    width: 100%;
    margin: 0; } }
@media only screen and (min-width: 960px) and (max-width: 1024px) {
  .availability-cta .booking-engine.layout2 .plusIcon {
    margin: 30px 0 0 -4%; }

  .booking-engine {
    width: 100%;
    margin: 0; }
    .booking-engine.moveUp {
      transform: translate(0, 0%); }
    .booking-engine .hotelName {
      width: 21%; }
    .booking-engine .checkInCheckOut {
      padding-right: 8px; }
      .booking-engine .checkInCheckOut .datesWrap {
        padding: 0 5px 0 10px; }
        .booking-engine .checkInCheckOut .datesWrap:last-child {
          padding: 0 0 0 5px; }
    .booking-engine .noOfRoomsWrap {
      width: 11%; }
    .booking-engine .noOfGuestWrap {
      width: 10%; }
    .booking-engine.layout2.left .hotelName .hotelListDropDown {
      left: auto;
      right: 0; }
    .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
      left: auto;
      right: 0; }
    .booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown {
      left: auto;
      right: 0; }
    .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile {
      cursor: auto; }
    .booking-engine .plusIcon {
      margin-left: 10px; }
      .booking-engine .plusIcon .toolTipWrap {
        left: auto;
        right: 33px; }
        .booking-engine .plusIcon .toolTipWrap:before {
          border-right: none;
          border-left: 12px solid #fff;
          left: auto;
          right: -10px; }
        .booking-engine .plusIcon .toolTipWrap:after {
          border-right: 0;
          border-left: 13px solid rgba(0, 0, 0, 0.05);
          left: auto;
          right: -12px; }

  .booking-engine.layout2 .checkInCheckOut .datesWrap {
    border: #f3f3f3 solid 1px;
    border-bottom: 0;
    padding: 10px 12%;
    display: inline;
    position: static; }
    .booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day {
      right: 0;
      left: auto; }
  .booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl {
    left: 60%; } }
.t-check-in .t-datepicker-day .cico-identification.CheckIn {
  display: block !important; }

.t-check-out .t-datepicker-day .cico-identification.CheckOut {
  display: block !important; }

@media only screen and (max-width: 991px) {
  .t-check-in .t-datepicker-day .cico-identification.CheckIn {
    display: none !important; }

  .t-check-out .t-datepicker-day .cico-identification.CheckOut {
    display: none !important; }

  .reservationConsole {
    height: auto;
    background: transparent;
    background-image: none;
    z-index: 101;
    padding-top: 74px; }

  .close-bookingEngine {
    position: absolute;
    right: 0px;
    top: 21px;
    display: inline-block !important;
    width: 58px !important;
    background: #e2e2e2;
    box-sizing: border-box !important; }

  .availability-cta .booking-engine.layout2.left .noOfGuestWrap, .availability-cta .booking-engine.layout2.left .noOfRoomsWrap, .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap, .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap {
    padding: 10px 8%; }

  .availability-cta .booking-engine.layout2.left .hotelName .arrowWrap {
    margin: 10px 0 0 -30px; }

  .availability-cta .booking-engine.layout2.left .noOfRoomsWrap .arrowWrap, .availability-cta .booking-engine.layout2.left .noOfGuestWrap .arrowWrap {
    top: 12px; }

  .availability-cta .booking-engine.layout2.left .hotelName .arrowWrap {
    margin: 10px 0 0 -30px; }

  .banner-component-style1 .booking-engine {
    top: -30px;
    display: none; }

  .booking-engine, .booking-engine.layout2, .booking-engine.reverse {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 15px 15px 0 15px;
    background: #ebebeb;
    font-size: 1em;
    position: static; }
    .booking-engine.moveUp, .booking-engine.layout2.moveUp, .booking-engine.reverse.moveUp {
      transform: none; }
    .booking-engine .bookYourStay, .booking-engine.layout2 .bookYourStay, .booking-engine.reverse .bookYourStay {
      display: inline; }
    .booking-engine .hotelName, .booking-engine.layout2 .hotelName, .booking-engine.reverse .hotelName {
      width: 100%;
      height: auto;
      border: 0;
      padding: 5px 0;
      margin-bottom: 15px;
      position: relative;
      border: 1px solid #bbbcb7;
      /* .hotelListDropDown{
          position: fixed;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          padding: 50px 0 50px 0;
          overflow: auto;
          z-index: 999999;
          .mobileHeader{
              display: block;
              width: 100%;
              text-align: center;
              position: fixed;
              left: 0;
              top: 0;
              padding: 0px;
              font-weight: 1em;
              font-weight: 700;
              background: #fff;
              z-index: 2;
              box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05);
              .close{
                  float: left;
                  width: auto;
                  line-height: 50px;
                  text-align: center;
                  color: #000;
                  right: 0;
                  top: 0;
                  font-size: 20px;
                  padding: 0 5%;
                  svg{
                      width: 15px;
                      fill: #000;
                  }
              }
          }
          .allHotels {
              .hotelList{
                  width: 100% !important;
                  border: 0;
                 padding: 15px 20px 0 20px;
              }
          }
      } */ }
      .booking-engine .hotelName .hotelLabel .name, .booking-engine.layout2 .hotelName .hotelLabel .name, .booking-engine.reverse .hotelName .hotelLabel .name {
        text-align: left;
        color: #8f8f8f;
        padding: 7px 10px; }
        .booking-engine .hotelName .hotelLabel .name .desktopN, .booking-engine.layout2 .hotelName .hotelLabel .name .desktopN, .booking-engine.reverse .hotelName .hotelLabel .name .desktopN {
          display: inline; }
        .booking-engine .hotelName .hotelLabel .name .mobileN, .booking-engine.layout2 .hotelName .hotelLabel .name .mobileN, .booking-engine.reverse .hotelName .hotelLabel .name .mobileN {
          display: inline; }
      .booking-engine .hotelName .hotelLabel .arrowWrap, .booking-engine.layout2 .hotelName .hotelLabel .arrowWrap, .booking-engine.reverse .hotelName .hotelLabel .arrowWrap {
        color: #7f7f7f;
        border-left: 1px solid #7f7f7f;
        padding: 5px 0 5px 7px; }
    .booking-engine .checkInCheckOut, .booking-engine.layout2 .checkInCheckOut, .booking-engine.reverse .checkInCheckOut {
      width: 100%;
      height: auto;
      border: 0;
      padding: 5px  0;
      margin: 0px;
      max-width: 100%;
      border: 1px solid #bbbcb7;
      margin-bottom: 15px;
      white-space: normal;
      color: #8f8f8f;
      /*   .datesWrap{
            border: #f3f3f3 solid 1px;
            border-bottom: 0;
            padding: 10px 5% 10px 10%;
            display: inline;
            position: relative;
            &.disableCheckout:before {
                content: "";/* 
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
            }
            &:last-child{
                border-left: 0;
            }
            .label{
                width: 100%;
                font-size: 10px;
                padding: 0;
                color: #afafaf;
            }
            .dateWrap{
                background: none;
                padding: 0;
                &.t-check-in,
                &.t-check-out {
                    position: relative;
                }
                .t-dates {
                    padding: 0;
                    .fa {
                        display: none;
                    }
                    .t-day-check-in,
                    .t-day-check-out {
                        font-size: 30px;
                        font-size: 30px;
                        line-height: 30px;
                        font-weight: 400;
                    }
                    .t-month-check-in,
                    .t-month-check-out {
                        font-size: 13px;
                        padding: 0 0 0 10px;
                    }
                    .t-year-check-in,
                    .t-year-check-out {
                        font-size: 13px;
                    }
                }
            }
        } */ }
      .booking-engine .checkInCheckOut .t-mobile-heading, .booking-engine.layout2 .checkInCheckOut .t-mobile-heading, .booking-engine.reverse .checkInCheckOut .t-mobile-heading {
        background: #fff;
        visibility: visible;
        z-index: 9999999;
        /* padding-top: 30px; */ }
      .booking-engine .checkInCheckOut .datesWrap, .booking-engine.layout2 .checkInCheckOut .datesWrap, .booking-engine.reverse .checkInCheckOut .datesWrap {
        padding: 5px 10px; }
        .booking-engine .checkInCheckOut .datesWrap .label i, .booking-engine.layout2 .checkInCheckOut .datesWrap .label i, .booking-engine.reverse .checkInCheckOut .datesWrap .label i {
          font-size: 1.3em;
          color: #7f7f7f; }
        .booking-engine .checkInCheckOut .datesWrap.checkInDate, .booking-engine.layout2 .checkInCheckOut .datesWrap.checkInDate, .booking-engine.reverse .checkInCheckOut .datesWrap.checkInDate {
          border-right: 1px solid #7f7f7f; }
      .booking-engine .checkInCheckOut .t-datepicker-day, .booking-engine.layout2 .checkInCheckOut .t-datepicker-day, .booking-engine.reverse .checkInCheckOut .t-datepicker-day {
        top: 100px;
        z-index: 99999; }
        .booking-engine .checkInCheckOut .t-datepicker-day .calender-dynamic-text, .booking-engine.layout2 .checkInCheckOut .t-datepicker-day .calender-dynamic-text, .booking-engine.reverse .checkInCheckOut .t-datepicker-day .calender-dynamic-text {
          text-align: center;
          padding: 2px 15px; }
          .booking-engine .checkInCheckOut .t-datepicker-day .calender-dynamic-text span, .booking-engine.layout2 .checkInCheckOut .t-datepicker-day .calender-dynamic-text span, .booking-engine.reverse .checkInCheckOut .t-datepicker-day .calender-dynamic-text span {
            color: #ab2530; }
        .booking-engine .checkInCheckOut .t-datepicker-day .t-table-wrap, .booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap, .booking-engine.reverse .checkInCheckOut .t-datepicker-day .t-table-wrap {
          padding: 0 5%; }
          .booking-engine .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed, .booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed, .booking-engine.reverse .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed {
            margin-top: 20px; }
    .booking-engine .noOfRoomsWrap, .booking-engine.layout2 .noOfRoomsWrap, .booking-engine.reverse .noOfRoomsWrap {
      width: 48%;
      float: left;
      margin-bottom: 15px;
      margin-right: 0px;
      box-sizing: border-box;
      border: 1px solid #bbbcb7;
      color: #8f8f8f;
      /*
      .addRoomLabel{
          cursor: auto;
          .mobile {
              display: block;
              padding: 0 5%;
                          position: relative;
              span.value {
                  font-size: 30px;
                  line-height: 50px;
                  font-weight: 400;
                  display: flex;
                  align-items: center;
                  .counter{
                      text-align: center;
                  }
                  .spinner{
                      font-weight: normal;
                      font-size: 13px;
                      line-height: 14px;
                      width: 25px;
                      height: 25px;
                      border-radius: 50%;
                      display: inline-block;
                      text-align: center;
                      text-indent: -100px;
                      overflow: hidden;
                      &.minus{
                          margin-right: 3px;
                          background: url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;
                          background-size: 60%;
                      }
                      &.plus {
                          margin-right: 3px;
                          background: url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;
                          background-size: 60%;
                      }
                  }
              }
              span.lbl {
                  position: absolute;
                  left: 67%;
                  top: 17px;
                  transform: translate(0,0);
                              
              }
          }
          .roomsCount{
              text-align: left;
              .lbl{
              float: left;
              width: 40%;
              }
              .value {
                  float: left;
                  width: 60%;
                  padding: 0px;
                  white-space: nowrap;
                  font-size: 30px;
                  line-height: 50px;
                  font-weight: 400;
                  display: flex;
                  align-items: center;
                  .counter{
                      text-align: center;
                      padding: 0 5px;
                  }
                  .spinner{
                      display: inline-block;
                      width: 15px;
                      height: 15px;
                      line-height: 15px;
                      text-align: center;
                      border: #000 solid 1px;
                      border-radius: 50%;
                      margin: 0 5px;
                      font-size: 0.8em;
                      cursor: pointer;
                      user-select: none;
                      font-weight: 300;
                      font-size: 12px !important;
                      line-height: 15px;
                      margin: 0;
                      &.plus{
                          margin-left: -3px;
                      }
                  }
              }
              span.lbl {
                  position: absolute;
                  left: 48%;
                  top: 60%;
                  transform: translate(0,-50%);
                  font-size: 13px;
              }
          }
      }*/ }
      .booking-engine .noOfRoomsWrap .arrowWrap, .booking-engine.layout2 .noOfRoomsWrap .arrowWrap, .booking-engine.reverse .noOfRoomsWrap .arrowWrap {
        border-left: 1px solid #7f7f7f !important; }
    .booking-engine .noOfGuestWrap, .booking-engine.layout2 .noOfGuestWrap, .booking-engine.reverse .noOfGuestWrap {
      width: 48%;
      float: right;
      margin-bottom: 15px;
      margin-right: 0px;
      border: 1px solid #bbbcb7;
      color: #8f8f8f;
      /*  .guestCount{
          text-align: left;
          span.value {
              font-size: 30px;
              line-height: 50px;
              font-weight: 400;
          }
          span.lbl {
              position: absolute;
              left: 48%;
              top: 60%;
              transform: translate(0,-50%);
              font-size: 13px;
          }
      }*/ }
      .booking-engine .noOfGuestWrap .arrowWrap, .booking-engine.layout2 .noOfGuestWrap .arrowWrap, .booking-engine.reverse .noOfGuestWrap .arrowWrap {
        border-left: 1px solid #7f7f7f !important; }
      .booking-engine .noOfGuestWrap .addGuestDropDown, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 70px 20px 100px 20px;
        position: fixed;
        overflow: auto;
        z-index: 999999;
        color: #666; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList {
          overflow: auto; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul {
            float: left;
            width: 570px; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li {
              width: 40px;
              height: 40px;
              line-height: 40px;
              border: #ab2530 solid 1px;
              border-left: #ab2530 solid 1px !important;
              margin-right: 5px; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover {
                background: transparent;
                color: #000; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child {
                border-right: #ab2530 solid 1px; }
              .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active {
                background: #ab2530;
                color: #fff; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose {
          width: 35%; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.adult, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.adult, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.adult {
            margin-left: 75px; }
        .booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader {
          display: block;
          width: 100%;
          text-align: center;
          position: fixed;
          left: 0;
          top: 0;
          padding: 0px;
          z-index: 2;
          padding: 5%;
          box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05);
          background: #fff; }
          .booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader .close, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader .close, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader .close {
            float: left;
            width: auto; }
            .booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg {
              width: 15px;
              fill: #000; }
    .booking-engine .t-datepicker-day, .booking-engine.layout2 .t-datepicker-day, .booking-engine.reverse .t-datepicker-day {
      position: fixed;
      left: 0 !important;
      top: 0;
      width: 100%;
      height: calc(100% - 100px);
      overflow: auto;
      padding: 0 0 100px 0;
      border: none; }
    .booking-engine .t-arrow-top, .booking-engine.layout2 .t-arrow-top, .booking-engine.reverse .t-arrow-top {
      display: none !important; }
    .booking-engine .viewAvailabilityButton, .booking-engine.layout2 .viewAvailabilityButton, .booking-engine.reverse .viewAvailabilityButton {
      width: 48%;
      float: right;
      margin-right: 0px;
      text-align: center; }
    .booking-engine .plusIcon, .booking-engine.layout2 .plusIcon, .booking-engine.reverse .plusIcon {
      width: 100%;
      text-align: center;
      margin: 0;
      height: auto; }
      .booking-engine .plusIcon .imgIconWrap, .booking-engine.layout2 .plusIcon .imgIconWrap, .booking-engine.reverse .plusIcon .imgIconWrap {
        display: none; }
      .booking-engine .plusIcon .toolTipWrap, .booking-engine.layout2 .plusIcon .toolTipWrap, .booking-engine.reverse .plusIcon .toolTipWrap {
        display: inline;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        box-shadow: none;
        font-size: 1em;
        font-size: 700; }
        .booking-engine .plusIcon .toolTipWrap::before, .booking-engine .plusIcon .toolTipWrap::after, .booking-engine.layout2 .plusIcon .toolTipWrap::before, .booking-engine.layout2 .plusIcon .toolTipWrap::after, .booking-engine.reverse .plusIcon .toolTipWrap::before, .booking-engine.reverse .plusIcon .toolTipWrap::after {
          display: none; }
    .booking-engine .promocodeDropDown, .booking-engine.layout2 .promocodeDropDown, .booking-engine.reverse .promocodeDropDown {
      position: relative;
      width: 48%;
      float: left;
      top: auto;
      margin-right: 0px;
      padding: 0px;
      box-shadow: none;
      z-index: 0;
      margin-bottom: 15px; }
      .booking-engine .promocodeDropDown .input, .booking-engine.layout2 .promocodeDropDown .input, .booking-engine.reverse .promocodeDropDown .input {
        width: 100%;
        padding: 5px 10px;
        margin: 0px;
        border: 1px solid #bbbcb7;
        color: #8f8f8f; }
        .booking-engine .promocodeDropDown .input::placeholder, .booking-engine.layout2 .promocodeDropDown .input::placeholder, .booking-engine.reverse .promocodeDropDown .input::placeholder {
          color: #8f8f8f; }
    .booking-engine .offerMsgWrap, .booking-engine.layout2 .offerMsgWrap, .booking-engine.reverse .offerMsgWrap {
      display: inline; }

  .boxColumn {
    width: 100%;
    margin: 0; } }
@media only screen and (max-width: 767px) {
  .calender-dynamic-text-ma {
    display: none; }

  .container-offer-page {
    max-width: 1200px;
    margin: 0 auto; }
    .container-offer-page .NumberOfNights {
      width: 100%;
      margin-left: 0%;
      margin-bottom: 15px;
      padding: 12px 8px;
      height: 44px; }
      .container-offer-page .NumberOfNights .NumberOfNightsLabel .name {
        color: #8f8f8f; }
      .container-offer-page .NumberOfNights .NumberOfNightsLabel .arrowWrap {
        color: #7f7f7f;
        border-left: 1px solid #7f7f7f;
        margin-right: 3px; }

  .hotelListDropDown {
    width: 100%;
    top: 39px !important;
    bottom: auto !important;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05) !important; }

  .addRoomDropDown {
    width: 100%;
    left: 0;
    top: 100%;
    padding: 0px 20px 20px 20px; }
    .addRoomDropDown .mobileHeader {
      display: block;
      width: 100%;
      text-align: center;
      position: fixed;
      left: 0;
      top: 0;
      padding: 0px;
      font-weight: 1em;
      font-weight: 700; }
      .addRoomDropDown .mobileHeader .close {
        float: right;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background: #ab2530;
        color: #fff;
        right: 0;
        top: 0;
        font-size: 20px;
        font-weight: 300; }
     
     .booking-engine .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{
      padding-bottom: 85px;
     }   


      }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .calender-dynamic-text-ma {
    display: none; }

  .container-offer-page {
    max-width: 1200px;
    margin: 0 auto; }
    .container-offer-page .NumberOfNights {
      width: 48%;
      margin-left: 2%;
      margin-bottom: 15px;
      padding: 12px 8px;
      height: 44px; }
      .container-offer-page .NumberOfNights .NumberOfNightsLabel .name {
        color: #8f8f8f; }
      .container-offer-page .NumberOfNights .NumberOfNightsLabel .arrowWrap {
        color: #7f7f7f;
        border-left: 1px solid #7f7f7f;
        margin-right: 3px; }

  .reservationConsole {
    padding-top: 0px !important;
    bottom: 0px !important; }

  .booking-engine {
    margin: 0px !important;
    padding-bottom: 15px !important; }
    .booking-engine .hotelName {
      width: 46% !important; }
    .booking-engine .checkInCheckOut {
      width: 52% !important;
      float: right !important; }
      .booking-engine .checkInCheckOut .datesWrap {
        padding: 7px 10px !important; }
    .booking-engine .noOfRoomsWrap {
      width: 21.5% !important;
      margin-right: 3% !important;
      height: 44px;
      padding: 11px 20px 11px 10px;
      margin-bottom: 12px; }
    .booking-engine .noOfGuestWrap {
      width: 21.5% !important;
      float: left !important;
      height: 44px;
      padding: 11px 20px 11px 10px;
      margin-bottom: 12px; }
      .booking-engine .noOfGuestWrap .addGuestDropDown {
        padding: 115px 20px 100px 20px !important; }
    .booking-engine .promocodeDropDown {
      width: 52% !important;
      float: right !important; }
      .booking-engine .promocodeDropDown input {
        height: 44px !important;
        padding: 10px 10px !important; }
    .booking-engine .viewAvailabilityButton {
      width: auto !important;
      padding: 7px 25px !important;
      height: auto;
      float: none !important;
      display: inline-block;
      margin-left: 0px;
      position: relative;
      left: auto; }

  .container-offer-page .booking-engine .promocodeDropDown {
    float: left !important; }

  .container-offer-page .booking-engine .viewAvailabilityButton {
    left: auto;
    margin-left: 2%;
    height: 42px;
    padding: 12px 25px !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-engine .noOfGuestWrap .addGuestDropDown {
    left: auto;
    right: 0; }

  .container-offer-page .hotelName {
    width: 344px;
    left: 7px;
    margin-bottom: 10px; }
  .container-offer-page .checkInCheckOut {
    clear: left; }
  .container-offer-page .NumberOfNights {
    width: 312px;
    margin-left: 16px; } }
@media only screen and (max-width: 359px) {
  .booking-engine {
    padding: 15px 5px 0 5px !important; }
    .booking-engine .checkInCheckOut .datesWrap {
      padding: 5px 8px !important; }
      .booking-engine .checkInCheckOut .datesWrap .label {
        padding: 0 3px 0 0 !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .booking-engine .checkInCheckOut .datesWrap .label {
    width: auto; } }

/*# sourceMappingURL=booking-engine.css.map */