.colorMainColor, .header .headerRight .hrPhone, .hdFlights .hdfBox .hbTitle .hbFilterTrigger, .hdFlights .hdFlightItem .hdfDetails .detailsTrigger, .bCheck input:checked + label:before, .hdRoomTypes .hdRoomTypeBox .hdtCenter .hdcLeft .availableTrigger, .hdRoomTypes .hdRoomTypeBox .hdtRight .hrTable .hrtTrigger, .newFooter .trustBox .tbIcon, .newFooter .trustBox .tbrTitle, .newFooter .flBox:hover, .newFooter .footerOthers .foBox:hover, .nBookingItem .biFlightTitle .biFlightFiltersTrigger, .nBookingItem .flightMore .fmTrigger, .nBookingItem .biText .btTitle span, .nBookingItem .biMore, .nBookingItem .paidBox .pbCheck, .nBookingItem .cardListTitle.blueTitle, .nBookingItem .instList .instBox .instDisc, .nBookingItem .allCards, .nBookingCart .bcPrices .bcCardTrigger, .nBookingCart .promCode .promButton, .confirmationBox .cbLeft .cblTitle, .confirmationBox .cbRight .total, .pgbTitle {
  color: #5496df !important;
}

.colorSecondColor, .header .headerRight .callbackTrigger {
  color: #42bfdb !important;
}

.colorPriceColor {
  color: #70b60d !important;
}

.bgMainColor, .auto-button, .passengers .passOkBt, .hdFlights .hdFlightItem:after, .biFlightFilters .bifBts .bbBt, .bCheck.radio input:checked + label:after, .nBookingItem .biSearch .bSearchButton, .nBookingItem .instList .instBox.selected:after, .bcbHolder .bcButton, .autoButton.mainBg {
    background: #2563eb !important;
}

.bgSecondColor {
  background: #42bfdb !important;
}

.bgPriceColor {
  background: #70b60d !important;
}

/*.bgMainGradient, .searchTabNav .stnBt.active {
  background: linear-gradient(#5496df, #4e81c4) !important;
}
*/
.bgSecondGradient {
  background: linear-gradient(#42bfdb, #3bacc7) !important;
}

.borderColorMainColor, .newFooter .flBox:hover, .nBookingItem .cardList .cardBox.selected, .nBookingItem .instList .instBox.selected {
  border-color: #5496df !important;
}

.borderColorSecondColor {
  border-color: #42bfdb !important;
}

.borderColorPriceColor {
  border-color: #70b60d !important;
}

.borderTopColorSecondColor {
  border-top-color: #42bfdb !important;
}

.borderTopColorMainColor {
  border-top-color: #5496df !important;
}

.colorStarColor {
  color: #ffc000 !important;
}

.textOverflow, .passengers .passTrigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transitionP2 {
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.transitionP4 {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.transitionP6 {
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
}

.redColor,
.red {
  color: #8e3436 !important;
}

.darkColor {
  color: #333333 !important;
}

.boldText {
  font-weight: 600 !important;
}

.orangeColor {
  color: orange !important;
}

.greenColor {
  color: #70b60d !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs21 {
  font-size: 21px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs23 {
  font-size: 23px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs25 {
  font-size: 25px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs27 {
  font-size: 27px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs29 {
  font-size: 29px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.tl {
  text-align: left !important;
}

.tc {
  text-align: center !important;
}

.tr {
  text-align: right !important;
}

.vm tr td {
  vertical-align: middle !important;
}

.vt tr td {
  vertical-align: top !important;
}

.vb tr td {
  vertical-align: bottom !important;
}

.vt {
  vertical-align: top !important;
}

.vm {
  vertical-align: middle !important;
}

.vb {
  vertical-align: bottom !important;
}

.p0 {
  padding: 0px !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p20 {
  padding: 20px !important;
}

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

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

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

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m0 {
  margin: 0px !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m20 {
  margin: 20px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.full-table {
  width: 100%;
  height: auto;
  float: left;
}

.full-table tr td {
  padding: 5px;
}

.full-table tr td:first-child {
  padding-left: 0;
}



.children {
  display: none;
}

.children .child {
  width: 33.3%;
  padding-right: 7px;
  float: left;
  display: none;
}

.children .child:last-child {
  padding: 0;
}

.full {
  width: 100%;
  float: left;
}

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.nano .nano-content:focus {
  outline: thin dotted;
}

.nano .nano-content::-webkit-scrollbar {
  visibility: hidden;
}

.has-scrollbar .nano-content::-webkit-scrollbar {
  visibility: visible;
}

.nano > .pane {
  background: #CCC;
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.nano > .pane > .slider {
  background: #999;
  position: relative;
  margin: 0 0px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.full-select,
.full-input {
  width: 100%;
  height: 40px;
  float: left;
  border-radius: 3px;
  background: #fbfdff;
  border: 1px solid #dfdfdf;
  padding: 0 10px;
  font-family: "Montserrat", sans-serif;;
  font-size: 13px;
}

.full-select.dater,
.full-input.dater {
  background-image: url("../img/full-input-dater-bg.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.full-select:disabled,
.full-input:disabled {
  opacity: .5;
}

.full-select.quat,
.full-input.quat {
  width: 23%;
  float: left;
  margin-right: 2%;
}

.full-select.half,
.full-input.half {
  width: 49%;
  float: left;
  margin-right: 2%;
}

.full-select {
  padding: 0 7px;
}

.full-label {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 14px;
  margin-left:2px;
  font-weight:600;
  margin-bottom: 5px;
}

.auto-button {
  width: auto;
  height: 40px;
  float: right;
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: 0 15px;
  font-family: "Montserrat", sans-serif;;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}

.auto-button:hover {
  opacity: .8;
}

.auto-button.min {
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  font-size: 12px;
}

.auto-button.passive {
  background: #999 !important;
}

.full-textarea {
  width: 100%;
  height: 80px;
  float: left;
  border-radius: 3px;
  background: #fbfdff;
  border: 1px solid #dfdfdf;
  padding: 10px;
  font-family: "Montserrat", sans-serif;;
  font-size: 13px;
}

body {
  background: #f5f9fd;
  min-width: 320px;
}

.centerAligner {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
}

.header {
  width: 100%;
  height: 100px;
  float: left;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header .headerLogo {
  width: 200px;
  height: 100px;
  float: left;
  overflow: hidden;
}

.header .headerLogo img {
  width: 100%;
}

.header .headerRight {
  width: auto;
  height: 100px;
  padding-top: 13px;
  float: right;
  text-align: right;
}

.header .headerRight .hrLabel {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.header .headerRight .hrPhone {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.header .headerRight .callbackTrigger {
  width: 100%;
  float: left;
  font-size: 13px;
  letter-spacing: -0.3px;
  cursor: pointer;
}

.header .headerRight .callbackTrigger:Hover {
  text-decoration: underline;
}

.containerItem {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
  padding: 19px;
}

.container {
  width: 100%;
  float: left;
}

.searchTabNav {
  width: auto;
  float: left;
  overflow: hidden;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  margin-bottom: 10px;
}

.searchTabNav .stnBt {
  width: auto;
  height: 38px;
  float: left;
  padding: 0 14px;
  color: #666666;
  font-size: 15px;
  border-right: 1px solid #ebebeb;
  line-height: 38px;
  cursor: pointer;
}

.searchTabNav .stnBt:last-child {
  border: none;
}

.searchTabNav .stnBt:hover {
  background: #f8f8f8;
}

.searchTabNav .stnBt.active {
  color: #fff;
}

.passengers {
  width: 100%;
  position: relative;
  min-width: 120px;
  float: left;
}

    .passengers .passTrigger {
        width: 100%;
        height: 62px;
        float: left;
        line-height: 62px;
        padding: 0 12px;
        font-family: "Montserrat", sans-serif;
        overflow: hidden;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: -0.6px;
        color: #333333;
        border: 1px solid #dfdfdf;
        cursor: pointer;
        padding-right: 40px;
        border-radius: 12px;
    }

.passengers .pass-drop {
  width: 300px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  position: absolute;
  font-size: 14px;
  color: #666666;
  right: 0;
  display: none;
  top: 50px;
  z-index: 99;
  border: 1px solid #e4e4e4;
  background: #fff !important;
}

.passengers .pass-drop table tr td {
  padding: 10px;
}

.passengers .pass-drop:Before {
  border: solid transparent;
  border-bottom-color: #e4e4e4;
  border-width: 6px;
  right: 20px;
  top: -12px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.passengers .pass-drop .children {
  width: 100%;
  float: left;
  position: relative;
  border-top: 2px solid #f1f1f1;
  margin-top: 10px;
}

.passengers .pass-drop .children:Before {
  border: solid transparent;
  border-bottom-color: #f1f1f1;
  border-width: 6px;
  right: 20%;
  top: -12px;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  margin-right: -6px;
}

.passengers .pass-drop .children .child {
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 0 10px;
}

.passengers .pass-drop .children .child .c-left {
  width: 50%;
  float: left;
  font-size: 11px;
  color: #999999;
}

.passengers .pass-drop .children .child .c-left span {
  font-size: 13px;
  color: #666666;
}

.passengers .pass-drop .children .child .c-right {
  width: 45%;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  float: right;
  background: #fff;
  border: 1px solid #e7e7e7;
}

.passengers .pass-drop .children .child .c-right .cr-minus {
  width: 40px;
  height: 30px;
  float: left;
  line-height: 30px;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}

.passengers .pass-drop .children .child .c-right .cr-minus:hover {
  background: #f1f1f1;
}

.passengers .pass-drop .children .child .c-right .cr-plus {
  width: 40px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
}

.passengers .pass-drop .children .child .c-right .cr-plus:hover {
  background: #f1f1f1;
}

.passengers .pass-drop .children .child .c-right .cr-center {
  width: 100%;
  position: relative;
  text-align: center;
  float: left;
}

.passengers .pass-drop .children .child .c-right .cr-center input {
  width: 100%;
  border: none;
  outline: none;
  height: 30px;
  text-align: center;
}

.passengers .pass-drop .children .child .c-right .cr-center:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: ' ';
}

.passengers .passOkBt {
  width: 90%;
  float: left;
  height: 36px;
  border-radius: 6px;
  border: none;
  color: #fff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

.passengers .passOkBt:hover {
  opacity: .8;
}

.hdFlights {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.hdFlights .hdfHalf {
  width: 49%;
  float: left;
}

.hdFlights .hdfBox {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  background-color: #fff;
  border-radius: 3px;
  margin: 7px 0;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
  padding: 14px;
}

.hdFlights .hdfBox .hbTitle {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}

.hdFlights .hdfBox .hbTitle .title {
  width: auto;
  float: left;
  color: #999999;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.hdFlights .hdfBox .hbTitle .title span {
  color: #666666;
  font-weight: 600;
  font-size: 15px;
}

.hdFlights .hdfBox .hbTitle .hbFilterTrigger {
  width: auto;
  float: right;
  cursor: pointer;
  font-size: 12px;
}

.hdFlights .hdfBox .hbTitle .hbFilterTrigger:hover {
  text-decoration: underline;
}

.hdFlights .hdFlightList {
  width: 100%;
  float: left;
  max-height:190px;
  overflow:hidden;
}

.hdfOther {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    float: left;
    margin-top: 5px;
    color: #6995dd;
    cursor: pointer;
    text-align: center;
}

.hdfOther:hover {
  text-decoration: underline;
}

/*.hdFlights .hdFlightItem {
  width: 100%;
  float: left;
  margin: 7px 0;
  background: #f9f9f9;
  border-radius: 3px;
  padding: 10px;
  cursor: pointer;
  padding-left: 105px;
  padding-right: 40px;
  position: relative;
}

.hdFlights .hdFlightItem.choosed {
  background: #e5f7fd;
}

.hdFlights .hdFlightItem.choosed:after {
  display: block;
}

.hdFlights .hdFlightItem:hover {
  background: #f3f3f3;
}

.hdFlights .hdFlightItem:hover:before {
  border-color: #d8d8d8;
}

.hdFlights .hdFlightItem:before {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -9px;
  border: 1px solid #ebebeb;
  background: #fff;
  border-radius: 50%;
  content: ' ';
  box-sizing: border-box;
}

.hdFlights .hdFlightItem:after {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
  border-radius: 50%;
  content: ' ';
  display: none;
}

    .hdFlights .hdFlightItem .hdfLogo {
        width: auto;
        height: auto;
        overflow: hidden;
        position: absolute;
        left: 10px;
        margin-top: -8px;
        top: 50%;
    }

.hdFlights .hdFlightItem .hdfLogo img {
  width: 100%;
}

.hdFlights .hdFlightItem .hdfDetails {
  width: 66%;
  float: left;
  padding-right: 10px;
  font-size: 13px;
  color: #999999;
  text-align: center;
}

.hdFlights .hdFlightItem .hdfDetails span {
  font-weight: 600;
  color: #666666;
}

.hdFlights .hdFlightItem .hdfDetails .flightType {
  font-weight: normal;
  font-size: 11px;
  color: #999999;
}

.hdFlights .hdFlightItem .hdfDetails .detailsTrigger {
  font-weight: normal;
  font-size: 11px;
}

.hdFlights .hdFlightItem .hdfDetails .detailsTrigger:hover {
  text-decoration: underline;
}

.hdFlights .hdFlightItem .hdfPrice {
  width: 33.3%;
  float: left;
  text-align: right;
  font-size: 15px;
  color: #666666;
  padding-top: 7px;
  font-weight: bold;
}*/

.biMinTitle {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  margin: 10px 0;
  letter-spacing: -.4px;
}

.biFlightFilters {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  border: 1px solid #ebebeb;
  border-top: none;
  position: relative;
  display: none;
  margin-bottom: 10px;
  background: #fcfcfc;
}

.biFlightFilters.show {
  display: block;
}

.biFlightFilters .bifClose {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f1f1f1;
  color: #999999;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  cursor: pointer;
}

.biFlightFilters .bifClose:hover {
  background: #ebebeb;
}

.biFlightFilters .bifGrid {
  width: 33.3%;
  float: left;
  padding: 10px;
}

.biFlightFilters .bifFilTitle {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}

.biFlightFilters .bifBts {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.biFlightFilters .bifBts .bbBt {
  width: auto;
  height: 32px;
  float: right;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  border-radius: 3px;
  margin-left: 7px;
  cursor: pointer;
}

.biFlightFilters .bifBts .bbBt:hover {
  opacity: .8;
}

.biFlightFilters .bifBts .bbBt.passive {
  background: #ebebeb !important;
  color: #999999;
}

.bCheck {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
}

.bCheck input {
  position: absolute;
  left: -50px;
  top: -50px;
  margin-top: -6px;
}

.bCheck input:checked + label:before {
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  content: "\f00c";
}

.bCheck label {
  width: 100%;
  float: left;
  padding: 5px 7px 5px 28px;
  position: relative;
}

.bCheck label:Before {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -9px;
  border: 1px solid #b6b6b6;
  border-radius: 2px;
  content: ' ';
}

.bCheck.radio label:Before {
  border-radius: 50%;
}

.bCheck.radio input:checked + label:before {
  background: #fff;
  content: ' ';
}

.bCheck.radio input:checked + label:after {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 13px;
  top: 50%;
  margin: -5px -4px;
  border-radius: 50%;
  content: ' ';
}

.hdRoomTypes {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.hdRoomTypes .hdRoomTypeBox {
  width: 100%;
  min-height: 158px;
  cursor:pointer;
  float: left;
  margin: 10px 0;
  border: 1px solid #ebebeb;
  background-color: #fff;
/*  position: relative;*/
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
}

.hdRoomTypes .hdRoomTypeBox .hdtImage {
  width: 229px;
  height: 158px;
  float: left;
  overflow: hidden;

}

.hdRoomTypes .hdRoomTypeBox .hdtImage img {
  width: 100%;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter {
  width: calc(100% - 492px);
  height: auto;
  float: left;
  padding: 10px 20px;
  margin-right: -1px;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter .hdtTitle {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  letter-spacing: -0.7px;
  margin-bottom: 5px;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter .hdcLeft {
  width: auto;
  float: left;
  font-size: 13px;
  color: #999999;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter .hdcLeft .availableTrigger {
  cursor: pointer;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter .hdcLeft .availableTrigger:hover {
  text-decoration: underline;
}

.hdRoomTypes .hdRoomTypeBox .hdtCenter .hdcRight {
  width: 48%;
  float: right;
  font-size: 13px;
  color: #999999;
  text-align: right;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight {
  width: 264px;
  min-height: 158px;
  float: left;
  border-left: 1px solid #ebebeb;
  padding-top: 14px;
  text-align: center;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrLabel {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrPrices {
  width: 100%;
  float: left;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrPrices .oldPrice {
  color: #999999;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.3px;
  text-decoration: line-through;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrPrices .newPrice {
  color: #666666;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrDiscount {
  width: 100%;
  float: left;
  color: #70b60d;
  font-size: 13px;
  letter-spacing: -0.3px;
  margin-bottom: 3px;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrTable {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrTable .hrtTrigger {
  cursor: pointer;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrTable .hrtTrigger:hover {
  text-decoration: underline;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrButton {
  width: auto;
  height: 40px;
  display: inline-block;
  background: #70b60d;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 5px;
  border-radius: 3px;
  padding: 0 12px;
  cursor: pointer;
}
/*
.hdRoomTypes .hdRoomTypeBox .hdtRight .hrButton:hover {
  opacity: .8;
}*/

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrButton.orangeBt {
  background: #ff8400;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrButton.grayBt {
  padding-top: 6px;
  background: #cdcdcd;
  line-height: 13px;
}

.hdRoomTypes .hdRoomTypeBox .hdtRight .hrButton.grayBt span {
  font-size: 11px;
  font-weight: normal;
}

.footerMain {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
  margin-top: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 30px 0;
}

.hotelHeader {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 16px;
}



.hotelBanner {
    width: 100%;
    height: 60vh;
    min-height: 280px;
    max-height: 520px;
    overflow: hidden;
    border-radius: 16px;
}

    .hotelBanner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.hotelName {
    margin-top: 20px;
    font-size: clamp(26px, 4vw, 20px);
    margin-bottom: 10px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .hotelBanner {
        height: 35vh;
        min-height: 220px;
        border-radius: 12px;
    }

    .hotelName {
        margin-top: 14px;
        font-size: 24px;
    }
}

.hotelLocation {
    margin-top: 6px;
    color: #666;
    font-size: 16px;
}


.newFooter {
  width: 100%;
  float: left;
  background: #fff;
  border-top: 2px solid #ebebeb;
  margin-top: 40px;
  padding: 20px 0 0 0;
}

.newFooter .footerTop {
  width: 100%;
  float: left;
}

.newFooter .footerTrustTable {
  width: 100%;
  float: left;
}

.newFooter .footerTrustTable tr td {
  padding: 10px;
}

.newFooter .footerTrustTable tr td:first-child {
  padding-left: 0;
}

.newFooter .footerTrustTable tr td:last-child {
  padding-right: 0;
}

.newFooter .trustBox {
  width: 100%;
  float: left;
}

.newFooter .trustBox .tbIcon {
  width: 60px;
  height: 60px;
  float: left;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
}

.newFooter .trustBox .tbRight {
  margin-left: 70px;
}

.newFooter .trustBox .tbrTitle {
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.newFooter .trustBox .tbrText {
  width: 100%;
  float: left;
  color: #999999;
}

.newFooter .footerSubscribe {
  width: 100%;
  float: left;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin: 20px 0;
  padding: 20px 0;
  text-align: center;
}

.newFooter .footerSubscribe .fsTitle {
  width: 100%;
  float: left;
  text-align: center;
  color: #999999;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 5px;
}

.newFooter .footerSubscribe .fsInputHolder {
  width: 100%;
  max-width: 500px;
  height: 38px;
  display: inline-block;
  border: 2px solid #ebebeb;
  border-radius: 3px;
  padding-right: 80px;
  position: relative;
}

.newFooter .footerSubscribe .fsInputHolder .fsButton {
  width: 80px;
  height: 34px;
  background: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  border: none;
  font-family: "Montserrat", sans-serif;;
  color: #999999;
  outline: none;
  cursor: pointer;
}

.newFooter .footerSubscribe .fsInputHolder .fsButton:hover {
  background: #d8d8d8;
}

.newFooter .footerSubscribe .fsInputHolder .fsInput {
  width: 100%;
  height: 34px;
  float: left;
  background: none;
  border: none;
  font-family: "Montserrat", sans-serif;;
  font-size: 13px;
  color: #666666;
  padding-left: 12px;
}

.newFooter .footerSubscribe .fsDesc {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 7px;
  color: #999999;
  font-size: 11px;
}

.newFooter .footerLinks {
  width: 100%;
}

.newFooter .flTable {
  width: 100%;
  float: left;
}

.newFooter .flTable tr td {
  padding: 10px;
}

.newFooter .flTable tr td:first-child {
  padding-left: 0;
}

.newFooter .flTable tr td:last-child {
  padding-right: 0;
}

.newFooter .flTitle {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.3px;
  margin-bottom: 15px;
}

.newFooter .flBox {
  width: 100%;
  float: left;
  padding: 4px;
  color: #999999;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid #ebebeb;
}

.newFooter .flBox .flbIcon {
  width: 40px;
  height: 40px;
  float: left;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
}

.newFooter .flBox .flbRight {
  margin-left: 40px;
  padding-top: 10px;
  font-size: 16px;
}

.newFooter .footerLinkList {
  width: 100%;
  float: left;
}

.newFooter .footerLinkList li {
  width: 100%;
  float: left;
  margin: 4px 0;
}

.newFooter .footerLinkList li a {
  color: #999999;
  font-size: 12px;
}

.newFooter .footerLinkList li a:Hover {
  text-decoration: underline;
}

.newFooter .footerLinkList li .flIcon {
  width: 36px;
  height: 36px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}

.newFooter .footerLinkList li .flIRight {
  margin-left: 42px;
  line-height: 32px;
}

.newFooter .footerBand {
  width: 100%;
  float: left;
  background: #f9f9f9;
  margin: 15px 0;
  text-align: center;
}

.newFooter .footerBand .fbMenu {
  width: auto;
  display: inline-block;
}

.newFooter .footerBand .fbMenu ul li {
  width: auto;
  height: 40px;
  float: left;
  line-height: 40px;
}

.newFooter .footerBand .fbMenu ul li a {
  width: auto;
  height: 40px;
  float: left;
  color: #999999;
  padding: 0 12px;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.newFooter .footerBand .fbMenu ul li a:hover {
  text-decoration: underline;
}

.newFooter .footerOthers {
  width: 100%;
  float: left;
  text-align: center;
  margin: 25px 0;
}

.newFooter .footerOthers .foBox {
  width: auto;
  display: inline-block;
  margin: 0 15px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #999999;
}

.newFooter .footerBottom {
  width: 100%;
  float: left;
  margin-top: 15px;
  background: #f1f1f1;
  padding: 20px 0;
  color: #999999;
}

.nBookingLeft {
  width: calc(100% - 350px);
  float: left;
}

.nBookingRight {
  width: 330px;
  float: right;
}

.nBookingItem {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  background-color: #fff;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
  margin: 15px 0;
  padding: 29px;
}

.nBookingItem.blueShadow {
  border-color: #b3d8ec;
  box-shadow: 0 3px 4px #cbe1ec;
  background: #f7fcff;
}

.nBookingItem .full-input, .nBookingItem .full-select {
  font-weight: 600;
  letter-spacing: -0.4px;
}

.nBookingItem .full-input:disabled, .nBookingItem .full-select:disabled {
  padding-right: 24px;
  opacity: 1;
  background: url("../img/booking-input-disabled-bg.png") center right no-repeat #fff;
}

.nBookingItem .biBigTitle {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  letter-spacing: -1px;
}

.nBookingItem .biMidTitle {
  width: 100%;
  float: left;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -.6px;
}

.nBookingItem .biMidTitle span {
  color: #999999;
  font-weight: normal;
}

.nBookingItem .biMainOptions {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.nBookingItem .biMainOptions .biOpt {
  width: auto;
  float: left;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -0.6px;
}

.nBookingItem .biSecOptions {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.nBookingItem .biSecOptions .biOpt {
  width: auto;
  float: left;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -0.4px;
}

.nBookingItem .biSecOptions .biRemove {
  width: auto;
  float: right;
  color: #999999;
  cursor: pointer;
  letter-spacing: -0.4px;
  font-size: 12px;
}

.nBookingItem .biSecOptions .biRemove:hover {
  text-decoration: underline;
}

.nBookingItem .biSpacer {
  width: 100%;
  height: 2px;
  float: left;
  background: #e9e9e9;
  margin: 10px 0;
}

.nBookingItem .biSearch {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.nBookingItem .biSearch .bSearchButton {
  width: auto;
  height: 40px;
  float: left;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  border: none;
  font-family: "Montserrat", sans-serif;;
  padding: 0 17px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.nBookingItem .biSearch .bSearchButton:hover {
  opacity: .8;
}

.nBookingItem .biFlightTitle {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.nBookingItem .biFlightTitle .title {
  width: auto;
  float: left;
  color: #666666;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.6px;
}

.nBookingItem .biFlightTitle .biFlightFiltersTrigger {
  width: auto;
  float: right;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: -0.3px;
}

.nBookingItem .biFlightTitle .biFlightFiltersTrigger:hover {
  text-decoration: underline;
}

.nBookingItem .flightMore {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 40px;
}

.nBookingItem .flightMore:last-child {
  margin-bottom: 0;
}

.nBookingItem .flightMore .fmTrigger {
  width: auto;
  float: right;
  font-size: 12px;
  margin: 5px 0;
  cursor: pointer;
  letter-spacing: -0.3px;
}

.nBookingItem .flightMore .fmTrigger i {
  margin-left: 5px;
}

.nBookingItem .flightMore .fmTrigger:hover {
  text-decoration: underline;
}

.nBookingItem .biHalf {
  width: 49%;
  float: left;
}

.nBookingItem .full-label {
  width: 100%;
  float: left;
  font-size: 13px;
  margin-bottom: 7px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -0.3px;
}

.nBookingItem .biText {
  width: 100%;
  height: auto;
  float: left;
  color: #666666;
  font-size: 13px;
  letter-spacing: -0.2px;
}

.nBookingItem .biText .btTitle {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
  color: #666666;
}

.nBookingItem .biPerson {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 12px;
  margin: 10px 0;
}

.nBookingItem .biMore {
  width: 100%;
  float: left;
  margin: 5px 0;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  letter-spacing: -0.4px;
}

.nBookingItem .biMore span {
  font-weight: normal;
  color: #999999;
}

.nBookingItem .biMore:hover {
  text-decoration: underline;
}

.nBookingItem .checkList {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #666666;
}

.nBookingItem .checkList li {
  width: 100%;
  float: left;
  margin: 2px 0;
}

.nBookingItem .biText {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
  margin-bottom: 10px;
}

.nBookingItem .paidBox {
  width: 98%;
  height: auto;
  float: left;
  margin: 8px 1%;
  padding: 20px 58px 20px 120px;
  border: 2px solid #e9e9e9;
  position: relative;
  background: #fbfbfb;
}

.nBookingItem .paidBox .pbCheck {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -13px;
  font-size: 29px;
  line-height: 0;
  text-align: right;
}

.nBookingItem .paidBox .pbLogo {
  width: 87px;
  height: 35px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -17px;
  border: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}

.nBookingItem .paidBox .pbLogo img {
  width: 100%;
}

.nBookingItem .paidBox .pbLeft {
  width: 35%;
  float: left;
}

.nBookingItem .paidBox .pbLeft .pbName {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}

.nBookingItem .paidBox .pbLeft .pbNr {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #999999;
}

.nBookingItem .paidBox .pbRight {
  width: 62%;
  text-align: right;
  float: right;
}

.nBookingItem .paidBox .pbRight .pbrTitle {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.nBookingItem .paidBox .pbRight .pbrPrice {
  width: 100%;
  float: left;
}

.nBookingItem .paidBox .pbRight .pbrPrice .label {
  color: #999999;
  letter-spacing: -0.2px;
}

.nBookingItem .paidBox .pbRight .pbrPrice .price {
  color: #70b60d;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.2px;
  margin-left: 5px;
}

.nBookingItem .remainingBox {
  width: 100%;
  height: auto;
  float: left;
  margin: 8px 0;
  padding: 18px;
  border: 2px solid #e9e9e9;
  position: relative;
  background: #fff;
}

.nBookingItem .remainingBox .rbTop {
  width: 100%;
  float: left;
  padding-bottom: 12px;
  border-bottom: 1px solid #e9e9e9;
}

.nBookingItem .remainingBox .rbTop .rbtLeft {
  width: 50%;
  height: auto;
  float: left;
  border-right: 1px solid #e9e9e9;
  padding-right: 10px;
}

.nBookingItem .remainingBox .rbTop .rbtRight {
  width: 50%;
  height: auto;
  float: right;
  padding-left: 10px;
  text-align: right;
}

.nBookingItem .remainingBox .rbTop .rbtTitle {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 14px;
  letter-spacing: -0.2px;
}

.nBookingItem .remainingBox .rbTop .rbtPrice {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
}

.nBookingItem .remainingBox .rbBottom {
  width: 100%;
  margin-top: 15px;
  float: left;
}

.nBookingItem .remainingBox .rbBottom .rbLabel {
  width: 40%;
  float: left;
  color: #666666;
  font-size: 15px;
  letter-spacing: -0.4px;
  line-height: 40px;
}

.nBookingItem .remainingBox .rbBottom .rbInput {
  width: 40%;
  height: 40px;
  float: right;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  padding: 0 12px;
  text-align: right;
  font-size: 14px;
  color: #666666;
  font-family: "Montserrat", sans-serif;;
}

.nBookingItem .remainingBox .rbBottom .rbInput::-webkit-input-placeholder {
  color: #b6b6b6;
}

.nBookingItem .remainingBox .rbBottom .rbInput::-moz-placeholder {
  color: #b6b6b6;
}

.nBookingItem .remainingBox .rbBottom .rbInput:-ms-input-placeholder {
  color: #b6b6b6;
}

.nBookingItem .remainingBox .rbBottom .rbInput:-moz-placeholder {
  color: #b6b6b6;
}

.nBookingItem .biCardInst {
  width: 100%;
  height: auto;
  float: left;
  margin: 30px 0;
}

.nBookingItem .cardListTitle {
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #666666;
  margin-bottom: 10px;
}

.nBookingItem .cardList {
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.nBookingItem .cardList .cardBox {
  width: 31%;
  height: 36px;
  float: left;
  margin: 1%;
  border: 1px solid #e9e9e9;
  text-align: center;
  overflow: hidden;
  border-radius: 2px;
  cursor: pointer;
}

.nBookingItem .cardList .cardBox img {
  height: 100%;
}

.nBookingItem .cardList .cardBox:hover {
  border-color: #ccc;
}

.nBookingItem .cardList .cardBox.selected {
  border: 2px solid transparent;
}

.nBookingItem .instList {
  width: 100%;
  float: left;
  padding-left: 15px;
  border-left: 1px solid #e9e9e9;
  position: relative;
}

.nBookingItem .instList:before {
  border: solid transparent;
  border-left-color: #ebebeb;
  border-width: 6px;
  left: 0;
  top: 50%;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  margin-top: -4px;
}

.nBookingItem .instList .instBox {
  width: 100%;
  height: auto;
  float: left;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  margin: 5px 0;
  position: relative;
  cursor: pointer;
  padding: 5px 8px 5px 30px;
}

.nBookingItem .instList .instBox:before {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -9px;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  box-sizing: border-box;
  content: ' ';
}

.nBookingItem .instList .instBox:hover {
  border-color: #ccc;
}

.nBookingItem .instList .instBox .instTitle {
  width: 50%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 29px;
  color: #666666;
}

.nBookingItem .instList .instBox .instDisc {
  width: 20%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 29px;
}

.nBookingItem .instList .instBox .instPrice {
  width: 28%;
  float: right;
  text-align: right;
  color: #70b60d;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 29px;
}

.nBookingItem .instList .instBox.selected:after {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 11px;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
  content: ' ';
}

.nBookingItem .allCards {
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.3px;
  cursor: pointer;
}

.nBookingItem .allCards:hover {
  text-decoration: underline;
}

.nBookingItem .biCardDetails {
  width: 60%;
  float: left;
  margin: 20px 0;
}

.nBookingItem .biCardDetails .biInputMain {
  width: 100%;
  float: left;
  margin: 4px 0;
}

.nBookingItem .biCardDetails .biInputMain.expiration {
  width: 60%;
}

    .nBookingItem .biCardDetails .biInputMain.expiration .full-select {
        width: 48%;
        margin-top: 10px;
    }

    .nBookingItem .biCardDetails .biInputMain.ccv {
        width: 30%;
        float: right;
        margin-top: 15px;
    }

.nBookingItem .newAcceptTrigger {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.nBookingItem .newAcceptTrigger .customCheck label {
  font-size: 13px;
  color: #666666 !important;
}

.nBookingItem .newAcceptTrigger .customCheck label a {
  color: #666666;
  text-decoration: underline;
}

.nBookingItem .newAcceptTrigger .customCheck label a:hover {
  text-decoration: none;
}

.biMinTitle {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  margin: 10px 0;
  letter-spacing: -.4px;
}

.biFlightFilters {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  border: 1px solid #ebebeb;
  border-top: none;
  position: relative;
  display: none;
  margin-bottom: 10px;
  background: #fcfcfc;
}

.biFlightFilters.show {
  display: block;
}

.biFlightFilters .bifClose {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f1f1f1;
  color: #999999;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  cursor: pointer;
}

.biFlightFilters .bifClose:hover {
  background: #ebebeb;
}

.biFlightFilters .bifGrid {
  width: 33.3%;
  float: left;
  padding: 10px;
}

.biFlightFilters .bifFilTitle {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}

.biFlightFilters .bifBts {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.biFlightFilters .bifBts .bbBt {
  width: auto;
  height: 32px;
  float: right;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  border-radius: 3px;
  margin-left: 7px;
  cursor: pointer;
}

.biFlightFilters .bifBts .bbBt.passive {
  background: #ebebeb;
  color: #999999;
}

.biFlightFilters .bifBts .bbBt:hover {
  opacity: .8;
}

.nBookingTable {
  width: 100%;
  height: auto;
  float: left;
}

.nBookingTable tr {
  border-bottom: 1px solid #ddd;
}

.nBookingTable tr td {
  padding: 10px 5px;
  font-size: 13px;
  color: #666666;
  vertical-align: middle;
}

.nBookingTable .airline {
  width: 36px;
  height: 36px;
  float: left;
}

.nBookingTable .airline img {
  width: 100%;
}

.nBookingTable .price {
  font-size: 16px;
  font-weight: 600;
  color: #70b60d;
  letter-spacing: -0.5px;
  white-space: nowrap;
}

.nbMobileTrigger {
  display: none;
}

.nBookingCart {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  background-color: #fff;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
  margin: 15px 0;
  padding: 19px;
}

.nBookingCart .bcaClose {
  display: none;
}

.nBookingCart .bcAccommodation {
  width: 100%;
  border-bottom: 4px solid #e9e9e9;
  padding-bottom: 10px;
  margin-bottom: 5px;
  float: left;
}

.nBookingCart .bcAccommodation .bcaImage {

  margin-bottom:10px;
}

.nBookingCart .bcAccommodation .bcaImage img {
  width: 100%;
}

.nBookingCart .bcAccommodation .bcaTitle {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  letter-spacing: -1px;
}

.nBookingCart .bcAccommodation .bcaSubTitle {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #999999;
  letter-spacing: -0.4px;
}

.nBookingCart .bcAccommodation .bcaSubTitle {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #999999;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.nBookingCart .bcAccommodation .bcaDesc {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #999999;
  letter-spacing: -0.2px;
}

.nBookingCart .bcAccommodation .bcaDates {
  width: 100%;
  float: left;
  margin: 10px 0;
  position: relative;
  padding-top: 10px;
}

.nBookingCart .bcAccommodation .bcaDates .line {
  width: 70%;
  height: 1px;
  position: absolute;
  left: 15%;
  top: 0;
  background: #d4d4d4;
}

.nBookingCart .bcAccommodation .bcaDates .line:before {
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: -2px;
  background: #d4d4d4;
  content: ' ';
  border-radius: 50%;
}

.nBookingCart .bcAccommodation .bcaDates .line:after {
  width: 5px;
  height: 5px;
  position: absolute;
  right: 0;
  top: -2px;
  background: #d4d4d4;
  content: ' ';
  border-radius: 50%;
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate {
  width: auto;
  float: left;
  color: #999999;
  font-size: 16px;
  letter-spacing: -0.6px;
  font-weight: 600;
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate span {
  color: #666666;
}

.nBookingCart .bcAccommodation .bcaDates .bcaDate.fr {
  text-align: right;
}

.nBookingCart .bcAccommodation .bcaPrice {
  width: 100%;
  float: left;
  border-top: 1px solid #ebebeb;
  padding-top: 10px;
}

.nBookingCart .bcAccommodation .bcaPrice .label {
  width: auto;
  float: left;
  font-size: 13px;
  color: #999999;
  line-height: 26px;
}

.nBookingCart .bcAccommodation .bcaPrice .price {
  width: auto;
  float: right;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.8px;
}

.nBookingCart .bcFlight {
  width: 100%;
  border-bottom: 4px solid #e9e9e9;
  padding-bottom: 10px;
  margin: 5px 0;
  position: relative;
  float: left;
}

.nBookingCart .bcFlight:hover .bcfRemove {
  display: block;
}

.nBookingCart .bcFlight .bcfRemove {
  display: none;
  width: auto;
  height: 16px;
  line-height: 16px;
  color: #999999;
  background: #ebebeb;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 5px;
  padding: 0 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.nBookingCart .bcFlight .bcfRemove:hover {
  background: #ddd;
  color: #666666;
}

.nBookingCart .bcFlight .bcfTitle {
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -0.7px;
}

    .nBookingCart .bcFlight .bcfDetails {
        width: 100%;
        height: auto;
        float: left;
        font-weight: 500;
        color: #999999;
        font-size: 13px;
        letter-spacing: -0.3px;
    }

.nBookingCart .bcFlight .bcfPrice {
  width: 100%;
  float: left;
  margin-top: 10px;
  border-top: 1px solid #ebebeb;
  padding-top: 10px;
}

.nBookingCart .bcFlight .bcfPrice .label {
  width: auto;
  float: left;
  font-size: 13px;
  color: #999999;
  line-height: 20px;
}

.nBookingCart .bcFlight .bcfPrice .price {
  width: auto;
  float: right;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.nBookingCart .bcExtra {
  width: 100%;
  border-bottom: 4px solid #e9e9e9;
  padding-bottom: 10px;
  margin: 5px 0;
  position: relative;
  float: left;
}

.nBookingCart .bcExtra:hover .bceRemove {
  display: block;
}

.nBookingCart .bcExtra .bceRemove {
  display: none;
  width: auto;
  height: 16px;
  line-height: 16px;
  color: #999999;
  background: #ebebeb;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 5px;
  padding: 0 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.nBookingCart .bcExtra .bceRemove:hover {
  background: #ddd;
  color: #666666;
}

.nBookingCart .bcExtra .bceLeft {
  width: 60%;
  color: #999999;
  font-size: 12px;
  letter-spacing: -0.4px;
  float: left;
}

.nBookingCart .bcExtra .bceLeft .bceTitle {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  letter-spacing: -0.4px;
}

.nBookingCart .bcExtra .bcePrice {
  width: 40%;
  float: right;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: right;
  padding-top: 8px;
}

.nBookingCart .bcPrices {
  width: 100%;
  padding-bottom: 10px;
  margin: 5px 0;
  position: relative;
  float: left;
}

.nBookingCart .bcPrices .bcPrice {
  width: 100%;
  float: left;
  line-height: 20px;
  margin: 5px 0;
}

.nBookingCart .bcPrices .bcPrice .label {
  width: auto;
  float: left;
  font-size: 14px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.nBookingCart .bcPrices .bcPrice .price {
  width: auto;
  float: right;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.nBookingCart .bcPrices .bcPrice .price.green {
  color: #70b60d;
}

.nBookingCart .bcPrices .bcCardTrigger {
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.3px;
  cursor: pointer;
}

.nBookingCart .bcPrices .bcCardTrigger:hover {
  text-decoration: underline;
}

.nBookingCart .promCode {
  width: 100%;
  border-bottom: 4px solid #e9e9e9;
  padding-bottom: 10px;
  margin: 5px 0;
  position: relative;
  float: left;
}

.nBookingCart .promCode .promLabel {
  width: 27%;
  float: left;
  text-align: right;
  padding-right: 7px;
  color: #999999;
  font-size: 12px;
  line-height: 15px;
}

.nBookingCart .promCode .promButton {
  width: 20%;
  float: right;
  background: none;
  font-family: "Montserrat", sans-serif;;
  border: none;
  outline: none;
  cursor: pointer;
}

.nBookingCart .promCode .promButton:hover {
  text-decoration: underline;
}

.nBookingCart .promCode .promInput {
  width: 53%;
  float: left;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  padding: 0 7px;
  background: #fff;
  font-family: "Montserrat", sans-serif;;
  height: 30px;
}

.nBookingCart .bcDiscount {
  width: 100%;
  float: left;
  color: #70b60d;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.4px;
  margin: 5px 0;
}

.bcbHolder {
  width: 100%;
  float: left;
  margin-top: 5px;
}

.bcbHolder .bcButton {
  width: 100%;
  height: 45px;
  float: left;
  line-height: 45px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  letter-spacing: -0.4px;
}

.bcbHolder .bcButton:hover {
  opacity: .8;
}

.confCenter {
  width: 1000px;
  margin: 0 auto;
}

.confirmationBox {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
  margin-top: 40px;
}

.confirmationBox .cbLeft {
  width: 50%;
  float: left;
  background: #fbfbfb;
}

.confirmationBox .cbLeft .cblImage {
  width: 100%;
  float: left;
}

.confirmationBox .cbLeft .cblImage img {
  width: 100%;
}

.confirmationBox .cbLeft .cblDetails {
  width: 100%;
  float: left;
  padding: 20px;
}

.confirmationBox .cbLeft .cblTitle {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}

.confirmationBox .cbLeft .cblDesc {
  width: 100%;
  font-size: 13px;
  color: #999999;
}

.confirmationBox .cbRight {
  width: 50%;
  float: right;
  padding: 15px;
}

.confirmationBox .cbRight .cbrTitle {
  width: 100%;
  float: left;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
}

.confirmationBox .cbRight .cbrPrices {
  width: 100%;
  float: left;
  color: #333333;
  font-size: 15px;
  font-weight: 600;
}

.confirmationBox .cbRight .cbrPrices .oldPrice {
  text-decoration: line-through;
  color: #8e3436;
  font-size: 13px;
}

.confirmationBox .cbRight .cbrPrices .newPrice {
  font-size: 20px;
  font-weight: 600;
  color: #70b60d;
}

.confirmationBox .cbRight .total {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
}

.borderTable {
  width: 100%;
  font-size: 14px;
  margin: 15px 0;
  color: #999999;
  float: left;
}

.borderTable tr {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

.borderTable tr td {
  padding: 7px;
}

.borderTable span {
  color: #333333;
}

.autoButton {
  width: auto;
  height: 40px;
  float: left;
  border: 1px solid #ccc;
  background: #fff;
  line-height: 38px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;;
  color: #333333 !important;
  border-radius: 4px;
  padding: 0 20px;
}

.autoButton:hover {
  background: #fbfbfb;
}

.autoButton.full {
  width: 100%;
  text-align: center;
}

.autoButton.mainBg {
  color: #fff !important;
}

.autoButton.mainBg:hover {
  opacity: .8;
}

.pgbTitle {
  width: 100%;
  float: left;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.pgbSubTitle {
  width: 100%;
  float: left;
  color: #666666;
  font-size: 17px;
  text-align: center;
}

.pgbDest {
  width: 100%;
  float: left;
  color: #999999;
  font-size: 13px;
  text-align: center;
}

.mainPopup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}

.mainPopup .full-label {
  color: #666666;
}

.mainPopup .mpFilter {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.mainPopup .mpContent {
  width: 400px;
  padding: 15px;
  position: absolute;
  margin-left: -200px;
  left: 50%;
  top: 10%;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.mainPopup .mpContent .mpTitle {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  padding: 4px 35px px 0;
  letter-spacing: -0.5px;
  color: #666666;
  margin-bottom: 5px;
  padding-right: 30px;
}

.mainPopup .mpContent .mpTitle .mpClose {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
}

.mainPopup .mpContent .mpTitle .mpClose:hover {
  background: #f1f1f1;
}

.mainPopup .mpContent .mpCt {
  width: 100%;
  float: left;
  max-height: 60vh;
  overflow: auto;
  padding: 5px 0;
  -webkit-overflow-scrolling: touch;
}

.mainPopup .mpContent .mpCt p {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #666666;
}

.mainPopup .mpContent .mpCt p.info {
  position: relative;
  padding-left: 30px;
}

.mainPopup .mpContent .mpCt p.info:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  color: #999999;
  font-family: fontawesome;
  content: "\f129";
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 50%;
}

.mainPopup .mpContent .mpCt p.maintenence {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  color: #999999;
  letter-spacing: -0.5px;
  padding-left: 40px;
}

.mainPopup .mpContent .mpCt p.maintenence:before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 28px;
  top: 50%;
  margin-top: -15px;
  color: #999999;
  font-family: fontawesome;
  content: "\f071";
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 50%;
}

.mainPopup .mpContent .mpCt p .title {
  font-size: 16px;
  letter-spacing: -0.3px;
  font-weight: 600;
}

.mainPopup .mpContent .mpBottom {
  width: 100%;
  float: left;
  padding-top: 5px;
}

.mainPopup .mpContent .mpScroll {
  width: 100%;
  height: 240px;
}

.mainPopup .mpContent .mpCheck {
  width: 50%;
  float: left;
  margin-top: 6px;
}

.mainPopup .mpContent .mpcIcon {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 5px;
  color: #999999;
  font-size: 40px;
}

.mainPopup .mpContent .mpcIcon.red {
  color: #b30000;
}

.mainPopup .mpContent .mpcIcon.green {
  color: green;
}

.mainPopup.generalTextPopup .mpContent {
  width: 600px;
  margin-left: -300px;
}

.mainPopup.maintenencePopup .mpFilter {
  -webkit-animation: maintenenceBg 7s infinite linear;
  animation: maintenenceBg 7s infinite linear;
}

.mainPopup.maintenencePopup .mpContent {
  width: 500px;
  margin-left: -250px;
}

.mainPopup.mapPopup .mpContent {
  width: auto;
  height: auto;
  margin: 0;
  right: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}

.mainPopup.mapPopup .mpContent .mpCt {
  width: auto;
  position: absolute;
  left: 15px;
  bottom: 15px;
  right: 15px;
  top: 45px;
}

.mainPopup.flightPopup .mpContent {
  width: 600px;
  margin-left: -300px;
}

.mainPopup .flight-detail-box {
  width: 100%;
  height: auto;
  float: left;
  border: 2px solid #e4e4e4;
  background: #fff;
  border-radius: 3px;
}

.mainPopup .flight-detail-box .fdb-title {
  width: 100%;
  height: 25px;
  background: #e4e4e4;
  line-height: 25px;
  padding: 0 7px;
  color: #333333;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.mainPopup .flight-detail-box .fdb-content {
  width: 100%;
  height: auto;
  float: left;
  padding: 5px;
}

.mainPopup .flight-detail-box .fdb-content .fdb-desc {
  width: 100%;
  float: left;
  text-align: center;
  padding-bottom: 5px;
  margin: 7px 0;
  border-bottom: 1px solid #ebebeb;
  color: #999999;
}

.mainPopup .flight-detail-box .fdb-content .airport {
  font-size: 12px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.mainPopup .flight-detail-box .fdb-content .date {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.mainPopup .flight-detail-box .flight-info {
  width: 100%;
  float: left;
  padding: 5px;
  border-radius: 3px;
  background: #f1f1f1;
}

.mainPopup .flight-detail-box .flight-info .airway {
  width: 34px;
  height: 34px;
  float: left;
  border: 1px solid #e7e7e7;
}

.mainPopup .flight-detail-box .flight-info .airway img {
  width: 100%;
}

.mainPopup .flight-detail-box .flight-info .flight-time {
  float: right;
  width: 70px;
  color: #666666;
  text-align: right;
}

.mainPopup .flight-detail-box .flight-info .flight-content {
  margin-left: 45px;
  margin-right: 80px;
}

.mainPopup .flight-detail-box .flight-info .flight-content .airway-name {
  font-size: 12px;
  color: #666666;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.mainPopup .flight-detail-box .flight-info .flight-content .ticket-nr {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.mainPopup .flight-detail-box .fdb-bottom-desc {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 5px;
  margin: 7px 0;
  border-top: 1px solid #ebebeb;
  color: #999999;
}

.mainPopup .flight-detail-box .flight-transfer {
  width: 100%;
  height: 18px;
  float: left;
  background: url("../img/flight-transfer-bg.jpg");
  text-align: center;
  color: #8a2327;
  line-height: 18px;
  margin: 7px 0;
}

.mainPopup .flight-detail-box.half {
  width: 49%;
}

.mainPopup.hotelDetailPopup .mpContent {
  width: 700px;
  margin-left: -350px;
  max-height: 80%;
  overflow: auto;
}

.mainPopup .detailGallery {
  border: none;
  box-shadow: none;
}

.mainPopup.callbackPopup .mpContent {
  width: 500px;
  margin-left: -250px;
  max-height: 80%;
  overflow: auto;
}

.mainPopup.instPopup .mpContent {
  width: 1000px;
  margin-left: -500px;
}

.month-available {
  width: 49%;
  height: 285px;
  float: left;
}

.month-available .ma-title {
  width: 100%;
  height: 30px;
  float: left;
  padding: 0 40px;
  text-align: center;
  line-height: 30px;
  color: #666666;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.5px;
  position: relative;
}

.month-available .ma-title .prev-month {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  color: #999999;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
}

.month-available .ma-title .prev-month:hover {
  background: #f1f1f1;
}

.month-available .ma-title .next-month {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  color: #999999;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50%;
}

.month-available .ma-title .next-month:hover {
  background: #f1f1f1;
}

.ma-table {
  width: 100%;
  float: left;
}

.ma-table tr.title {
  color: #666666;
  font-size: 11px;
}

.ma-table tr td {
  text-align: center;
  padding: 4px;
  font-weight: 600;
}

.ma-table .day {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
}

.ma-table .day.passive {
  opacity: .4;
}

.ma-table .day.callback {
  background: url("../img/ma-callback.png");
}

.ma-table .day.nota {
  background: url("../img/ma-nota.png");
}

.available-bottom {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 20px;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #e0e0e0;
}

.available-bottom .item {
  width: auto;
  height: 30px;
  display: inline-block;
  margin: 0 10px;
  padding-left: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 30px;
}

.available-bottom .item.nota {
  background-image: url("../img/ma-nota.png");
}

.available-bottom .item.callbackTrigger {
  cursor: pointer;
  background-image: url("../img/ma-callback.png");
}

.instTableHolder {
  width: 100%;
  float: left;
  background: #f1f1f1;
  position: relative;
  margin: 10px 0;
  padding-left: 70px;
}

.instTableHolder .instCard {
  width: 60px;
  position: absolute;
  left: 5px;
  top: 5px;
}

.instTableHolder .instCard img {
  width: 100%;
}

.instTableHolder .instTable {
  width: 100%;
  float: left;
  background: #fff;
}

.instTableHolder .instTable tr td {
  padding: 5px;
  font-size: 12px;
  border: 1px solid #ebebeb;
  text-align: center;
}

.instTableHolder .instTable tr td strong {
  font-weight: 600;
}

.instTableHolder .instTable tr.title td {
  background: #ebf4fb;
  font-weight: 600;
}

@media (max-width: 1020px) {
  .confCenter {
    max-width: 100%;
    width: auto;
  }
  .mainPopup.instPopup .mpContent {
    width: 98%;
    left: 0;
    margin: 0 1%;
  }
}

@media (max-width: 900px) {
  .hotelBanner {
    margin-bottom: 10px;
  }
  .bookingLeft {
    width: 100%;
    float: left;
  }
  .bookingRight {
    width: 100%;
    float: left;
  }
  .mobileCartTrigger {
    width: 100%;
    height: 40px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #298dc7;
    display: block;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
  }
  .bookingCart {
    width: 96%;
    max-height: 70%;
    margin: 0;
    position: fixed;
    left: -150%;
    bottom: 40px;
    z-index: 99;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 100px black;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  .bookingCart.show {
    left: 2%;
  }
  .bookingCart .cartImage {
    text-align: center;
  }
  .bookingCart .cartImage img {
    max-width: 300px;
  }
  .bookingNav .bnItem {
    margin: 0 10px;
  }
  .filterWidget .filterClose {
    display: block;
  }
  .newHeader .nhMenu .mMenu > li > a {
    font-size: 13px;
  }
  .nBookingLeft {
    width: calc(100% - 280px);
  }
  .nBookingRight {
    width: 260px;
  }
}

@media (max-width: 800px) {
  .header {
    height: 60px;
  }
  .header .headerLogo {
    width: 120px;
    height: 60px;
  }
  .header .headerRight {
    width: 160px;
    height: 60px;
    padding-top: 0;
  }
  .header .headerRight .hrPhone {
    font-size: 19px;
    line-height: 19px;
  }
  .header .headerRight .callbackTrigger {
    font-size: 11px;
  }
  .hdFlights .hdfHalf {
    width: 100%;
  }
  .hdRoomTypes .hdRoomTypeBox .hdtCenter {
    width: calc(100% - 232px);
    border: none;
    margin: 0;
  }
  .hdRoomTypes .hdRoomTypeBox .hdtRight {
    width: calc(100% - 232px);
    float: right;
    border: none;
    text-align: left;
  }
  .newFooter .flTable tr,
  .newFooter .footerTrustTable tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .newFooter .flTable tr td,
  .newFooter .footerTrustTable tr td {
    width: 50%;
    float: left;
  }
  .nBookingRight {
    width: 100%;
  }
    .nBookingRight .nbMobileTrigger {
        width: 100%;
        height: 45px;
        position: fixed;
        left: 0;
        bottom: 0;
        background: #2563eb;
        color: #fff;
        text-align: center;
        display: block;
        line-height: 45px;
        font-size: 15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        font-weight: 600;
        cursor: pointer;
        z-index: 9999;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }
  .nBookingRight .nBookingCart {
    width: 50%;
    position: fixed;
    right: 5%;
    top:5vh;
    bottom: -100vh;
    z-index: 999;
    margin: 0;
    max-height: calc( 100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  .nBookingRight .nBookingCart .bcaClose {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 7px;
    top: 7px;
    background: #1D8AC9;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    opacity: .8;
  }
  .nBookingRight.showCart .nBookingCart {
    padding-bottom: 60px;
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.56);
    bottom: 0px;
  }
  .nBookingRight.showCart .nBookingCart .bcbHolder {
    position: fixed;
    right: 7%;
    bottom: 5px;
    margin: 0;
    z-index: 99;
    width: 46%;
  }
  .nBookingRight.showCart .nbMobileTrigger {
    box-shadow: none;
    bottom: -50px;
  }
  .nBookingLeft {
    width: 100%;
  }
  .mainPopup.hotelDetailPopup .mpContent {
    width: 98%;
    left: 0;
    margin: 0 1%;
  }
}

@media (max-width: 700px) {
  .nBookingNav .bnCenter:before {
    display: none;
  }
  .nBookingNav .bnCenter .bnItem {
    margin-right: 10px;
  }
  .nBookingItem {
    padding: 15px;
  }
  .month-available {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .bookingTable tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bookingTable tr td {
    width: 33.3%;
    padding: 5px !important;
  }
  .bookingFlights tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bookingFlights tr td {
    width: 100%;
    padding: 5px !important;
  }
  .half {
    width: 100%;
  }
  .multiCardPay .paidItem .pi-left {
    width: 100%;
    float: left;
  }
  .multiCardPay .paidItem .pi-right {
    width: 100%;
    float: left;
    text-align: left;
  }
  .multiCardPay .payMore {
    width: 94%;
    margin: 0 3%;
  }
  .multiCardPay .payMore .payBox .pbLabel {
    width: 100%;
    float: left;
    text-align: center;
  }
  .multiCardPay .payMore .payBox .pbInput {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
  }
  .bcMain {
    width: 100%;
    margin: 20px 0;
  }
  .confirmationBox .cbRight,
  .confirmationBox .cbLeft {
    width: 100%;
  }
  .nBookingNav .bnCenter .bnItem {
    margin-right: 10px;
    margin-bottom: 7px;
    font-size: 14px;
  }
  .nBookingRight .nBookingCart {
    width: 80%;
    right: 10%;
  }
  .nBookingRight.showCart .nBookingCart .bcbHolder {
    position: fixed;
    right: 12%;
    bottom: 5px;
    margin: 0;
    z-index: 99;
    width: 76%;
  }
  .biFlightFilters .bifGrid {
    width: 50%;
  }
  .biSecOptions .biRemove {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 10px;
  }
  .nBookingItem .biHalf {
    width: 100%;
  }
  .paidBox .pbRight,
  .paidBox .pbLeft {
    width: 100%;
    text-align: left;
  }
  .biCardDetails {
    width: 100%;
  }
  .instList {
    border: none;
    padding-left: 0;
  }
  .instList:before {
    display: none;
  }
  .cardListTitle.blueTitle {
    margin-top: 40px;
  }
  .nhNav .nhiBt.fr {
    display: none;
  }
  .nhNav .nhiBt {
    padding: 0 10px;
    height: 40px;
    line-height: 38px;
  }
  .mainPopup.flightPopup .mpContent {
    width: 98%;
    left: 0;
    margin: 0 1%;
  }
}

@media (max-width: 500px) {
  .hotelBanner {
    overflow: hidden;
  }
  .hotelBanner .hbCenterAligner img {
    max-width: none !important;
    width: 150% !important;
    margin-left: -25% !important;
  }
  .full-table.searchMain tr td {
    width: 100%;
    float: left;
    padding: 4px !important;
  }
  .hdRoomTypes .hdRoomTypeBox .hdtImage {
    height: auto;
    width: 100%;
  }
  .hdRoomTypes .hdRoomTypeBox .hdtRight, .hdRoomTypes .hdRoomTypeBox .hdtCenter, .hdRoomTypes .hdRoomTypeBox .hdtImage {
    width: 100%;
  }
  .shTabber .shNav li {
    margin: 0 3px;
  }
  .shTabber li img {
    display: none;
  }
  .instBoxOptions .ibBox .ibImage {
    width: 100px;
  }
  .instBoxOptions .ibBox {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 110px;
    height: auto;
  }
  .nBookingItem .full-table tr td {
    width: 100%;
    float: left;
    padding: 5px !important;
  }
  .nBookingTable tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nBookingTable tr td {
    width: 50%;
    float: left;
    padding: 5px !important;
  }
  .nBookingItem .paidBox {
    padding: 15px;
    padding-right: 48px;
  }
  .nBookingItem .paidBox .pbLogo {
    position: static;
    float: left;
    margin: 0;
    margin-bottom: 7px;
  }
  .nBookingItem .remainingBox {
    padding: 12px;
  }
  .nBookingItem .remainingBox .rbTop .rbtLeft {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  .nBookingItem .remainingBox .rbTop .rbtRight {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  .nBookingItem .remainingBox .rbBottom .rbInput,
  .nBookingItem .remainingBox .rbBottom .rbLabel {
    width: 100%;
    float: left;
    text-align: left;
  }
  .nBookingItem .paidBox .pbLeft,
  .nBookingItem .paidBox .pbRight {
    width: 100%;
    text-align: left;
    float: left;
  }
  .mainPopup.callbackPopup .mpContent {
    width: 98%;
    left: 0;
    margin: 0 1%;
  }
}

@media (max-width: 450px) {
  .biFlightFilters .bifGrid {
    width: 50%;
  }
  .hdFlights .hdFlightItem {
    padding-left: 10px;
  }
  .hdFlights .hdFlightItem .hdfLogo {
    float: left;
    position: static;
    margin: 0;
    width: 66.6%;
  }
  .hdFlights .hdFlightItem .hdfLogo img {
    height: 100%;
    width: auto;
  }
  .hdFlights .hdFlightItem .hdfDetails {
    text-align: left;
  }
  .biFlightFilters .bifGrid {
    width: 100%;
  }
  .mainPopup .flight-detail-box.half {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (max-width: 400px) {
  .searchTabNav .stnBt {
    padding: 0 10px;
    font-size: 13px;
  }
  .passengers .pass-drop {
    width: 250px;
    padding: 5px;
  }
  .newFooter .footerTrustTable tr td {
    width: 100%;
    float: left;
  }
}


.localLoading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgb(12 23 49 / .87)
}

    .localLoading .loadingCenter {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px
    }

        .localLoading .loadingCenter img {
            width: 16px
        }

        .localLoading .loadingCenter:before {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -20px;
            border: 2px solid #fff0;
            border-right-color: rgb(255 255 255 / .3);
            border-left-color: rgb(255 255 255 / .3);
            content: " ";
            border-radius: 50%;
            -webkit-animation: loadingAnim 1s linear infinite;
            animation: loadingAnim 1s linear infinite;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .localLoading .loadingCenter:after {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -20px;
            border: 2px solid #fff0;
            border-bottom-color: rgb(255 255 255 / .3);
            border-top-color: rgb(255 255 255 / .3);
            content: " ";
            border-radius: 50%;
            -webkit-animation: loadingAnim 1.2s linear infinite;
            animation: loadingAnim 1.2s linear infinite;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

@-webkit-keyframes loadingAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loadingAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.site-header {
 /*   position: sticky;*/
    top: 0;
    z-index: 50;
    margin-bottom:20px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.brand-logo {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #0f172a 100%);
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    box-shadow: 0 10px 18px rgba(37,99,235,.18);
    flex: 0 0 auto;
}

.brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .brand-text strong {
        font-size: 14px;
        letter-spacing: -.1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .brand-text span {
        font-size: 12px;
        color: var(--muted);
        font-weight: 650;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.phone {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 18px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 14px rgba(15,23,42,.06);
    font-weight: 500;
    color: #0f172a;
    white-space: nowrap;
}

    .phone svg {
        width: 24px;
        height: 24px;
        color: #0f172a;
        opacity: .85;
    }

    .phone small {
        display: block;
        font-size: 14px;
        color: var(--muted);
        font-weight: 600;
        margin-top: -2px;
    }

    .phone .num {
        display: flex;
        flex-direction: column;
        line-height: 1.05;
    }

.site-footer {
    margin-top: 26px;
    width: 100%;
    bottom: 0;
    background: #fff;
    border-top: 1px solid var(--line);
}

.footer-inner {
    width: min(100% - 32px, var(--container));
    margin: 0 auto;
    padding: 26px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.footer-logo {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #0f172a 100%);
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 500;
    letter-spacing: .6px;
    box-shadow: 0 12px 22px rgba(37,99,235,.18);
}

.footer-text {
    max-width: 720px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
    font-weight: 650;
}
/*
html, body {
    height: 100%;
}
*/
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--page);
    color: var(--text);
    font-family: "Montserrat", sans-serif;
}

/* Make the page content take remaining space so footer sits at bottom */
main {
    flex: 1 0 auto;
}