.banner .info {text-align: center;}
.banner .info .code2 .hl {color: #0030d4;}
.banner .info .code2 .hl2 {color: #ff5c00;}
.banner .info .offerTT {background-color: #0030d4; color: #fff;}
.banner .info .offerTT.red {background-color: #ff5c00;}



.banner .info hr {display: block; margin: 1rem auto; border: 0; border-top: 1px solid #d9d9d9;}
.banner .info .note2 {margin-top: 1rem; display: block; color: #222222;}
.prizes {max-width: 1000px; margin: 10px auto 60px; padding: 0 20px;}
.prizes .columns {position: relative;}
.prizes .tncBtn {text-decoration: underline!important;color: #777; font-size: .7rem; display: inline-block; line-height: 1.5;}
#bookingPage .prizes .pageTT img {margin: 1rem auto;}
#bookingPage .prizes small {margin:0 0.5rem;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.5px;}
#bookingPage .prizeWrapper {margin-top: 20px; justify-content: center;}

@media (min-width: 641px) {
  .column1 .banner {max-width: 900px;}
  .column1 .banner .info {width: 42%;}
  .column1 .banner .img {width: 58%;}
  .banner .img {background: url(../images/page/banner-booking.jpg) no-repeat center center; background-size: cover;}
}
@media (min-width: 769px) {
  .prizes {text-align: center;}
  #bookingPage .prizeWrapper {margin-top: 70px;}
  .prizes .medium-4:nth-child(1), .prizes .medium-4:nth-child(3) {-ms-flex: 0 0 33%;-webkit-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
  .prizes .medium-4:nth-child(2) {-ms-flex: 0 0 33%;-webkit-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
  .prizes .medium-4:nth-child(2) img {margin-top: 0px;}
  .prizes .medium-4:nth-child(3) img {/*margin-top: -55px;*/}
  .medium-uncollapse>.column, .medium-uncollapse>.columns {padding:0px;} 
}

@media (max-width: 640px) {
  .banner .img {background: url(../images/page/banner-booking.jpg) no-repeat center center; background-size: cover;}
  .prizes {margin: 50px auto; padding: 0 15px;text-align: center;}
  #bookingPage .prizes .pageTT {max-width: 270px;}
  #bookingPage .prizes small {font-size: .9rem;}
  .prizes .columns {margin-top: 25px;}
  .prizes .medium-4 img {margin: auto; width: 90%;}
  .prizes .tncBtn {font-size:.9rem;}
}


#preloader {font-size: 0; padding: 0; text-align: center; }
#preloader .skeleton {background-color: #e2e5e7; background-image: linear-gradient(90deg , rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-size: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; -webkit-animation: shine 1s ease infinite; animation: shine 1s ease infinite; }
#preloader .offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}
#preloader .offerItem, #preloader .offerItem p {font-size: 1rem; }
#preloader .offerItem .itemTop {height: 200px; display: block;}
#preloader  .offerItem .itemTop .offerImg {display: block; position: relative; height: 100%; }
#preloader .badge {position: absolute; left: 15px; top: 10px; font-size: 1.2em; font-weight: 600; padding: 0 8px;border-radius: 3px; line-height: 2; text-align: center; }
#preloader .itemBtm {padding: 10px 15px 5px; }
#preloader .itemBtm > div:first-child {margin-bottom: 0.2em; }
#preloader .itemBtm .poiName {color: #000; font-weight: 400; font-size: 1.1em; line-height: 1.5; padding: 5px 5px 0px 0; margin-bottom: 8px; display: block; }
#preloader .itemBtm > .oDetailTitle {color: #000; letter-spacing: .5px; padding-bottom: 5px; font-weight: 600; font-size: 1.15em; line-height: 1.5; }
#preloader .itemBtm2 {position: absolute; bottom: 20px; left: 15px; }
#preloader .btn a {border-radius: 5px; padding: 0 .8em; line-height: 2.5; font-size: 1.1em; text-align: center; font-weight: 600; margin-top: 0.4em; min-width: 90px;}

@media (min-width: 641px) {
    #preloader .offerItem {width: 330px; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px;}
}
@media (max-width: 640px) {
    #preloader .offerItem {padding: 0 0 15px; margin: 0px auto 10px; display: block; width: 100%; }
    #preloader .badge {font-size: 1.4em; }
    #preloader .itemBtm {padding: 10px 15px 3px; }
    #preloader .itemBtm > .oDetailTitle {max-height: none; -webkit-line-clamp: unset; }
    #preloader .itemBtm2 {position: initial; padding: 0 15px; }
    #preloader .btn {position: initial; }
    #preloader .offerItem, #preloader .offerItem p {font-size: 1.1rem; }
}

.anchorNav {margin: 50px auto 40px; position: relative; text-align: center; height: auto; z-index: 10;}
.anchorNav .mainCats {font-size: 0; position: relative; display: block; text-align: center; margin: 20px auto; background: #fff; padding: 5px 0;}
.anchorNav .mainCats:before, .anchorNav .mainCats:after {content: ''; display: block; width: 100%; left: 0; height: 1px; background-color: #b8b8b8;}
.anchorNav .mainCats:before {top: 5px;}
.anchorNav .mainCats:after {bottom: 5px;}
.anchorNav .mainCats .cat {display: inline-block; vertical-align: middle; position: relative; width: 285px; height: 65px; opacity: .5; cursor: pointer;}
.anchorNav .mainCats .cat.active {opacity: 1; background-color: #c6e9fa;}
.anchorNav .mainCats .cat1 {background: url(../images/page/booking-tag1.png) no-repeat center center; background-size: auto 75%;}
.anchorNav .mainCats .cat2 {background: url(../images/page/booking-tag2.png) no-repeat center center; background-size: auto 75%;}
.anchorNav .container {display: none; padding-top: 20px;}
.anchorNav .container.active {display: block;}

@media (min-width: 769px) {
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1rem;}
  .anchorNav #subcat2 .filterBtn, .anchorNav #subcat2 .allBtn {padding: 0.3em 3%;}
}
@media (min-width: 1000px) {
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1.2rem;}
}
@media (max-width: 768px) {
  .result_wrapper {padding: 0 0 50px;position: relative; margin-top: 50px;}
  .anchorNav {height: 120px;  margin: 0 auto 30px; position: relative; }
  .anchorNav .mainCats {display: block; margin-bottom: 0;margin-top: 0px;}
  .anchorNav .mainCats .cat {width: 50%; height: 50px; margin: 0 }
  .anchorNav .mainCats .cat2 {position: unset; width: 50%; margin-left: 0%;}
  .anchorNav .mainCats .cat1:after {width: 14px; height: 12px; top: 31px; margin-left: 11px;}
  .anchorNav .mainCats .cat1 {background: url(../images/page/booking-tag1.png) no-repeat center center; background-size: auto 60%;}
  .anchorNav .mainCats .cat2 {background: url(../images/page/booking-tag2.png) no-repeat center center; background-size: auto 60%;}
  .anchorNav .container {font-size: 0; width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding-top: 15px;}
  .anchorNav .container.up {left: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
  .anchorNav .filterBtn, .anchorNav .allBtn { margin: 0 4px; position: relative; font-size: 1.2rem; padding: 0.3em 3%; line-height: 32px;}
  .anchorNav .filterBtn:after {bottom: -10px;}
  .anchorNav.sticky .filterBtn:after {bottom: -5px;}
}
#bookingPage .line-clamp-4 {height:calc(1em * 1.5 * 4);}
#booking-extra {text-align: center; display: none;}
#booking-extra.active {display: block;}

#booking-extra .poi {display: inline-block; vertical-align: top; margin: 0 0.5% 1em; font-size: 1rem;width: 32%; max-width: 380px; background-color: #fff; }
#booking-extra .poi .vw {display: block;}
#booking-extra .poi .vw .v {display: none;}
#booking-extra .poi .vw .v.active {display: block;}
#booking-extra .poi .topImg {display: block; height: 250px; position: relative; }
#booking-extra .poi .topImg .v {height: 100%; position: relative;}
#booking-extra .poi .topImg .img {height: 100%;}
#booking-extra .poi .topImg .img:before {content: "";display: block;width: 100%;height: 100%;position: absolute;background: #ffffff;top: 0;left: 0;padding: 0;margin: 0;z-index: 99;}
#booking-extra .poi .topImg .v.active .img:before {-webkit-animation-name: fadeoutW; -webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-name: fadeoutW; animation-duration: 1s;animation-fill-mode: forwards;opacity: 1;}
#booking-extra .poi .topImg .badge {position: absolute; top: 10px; left: 10px; }
#booking-extra .poi .topImg .badge .am {font-size: 20px;background-color: #FBCF08; border-radius: 4px; text-align: center; padding: 0 8px; color: #222; letter-spacing: -1px; font-weight: 800;display: inline-block;}
#booking-extra .poi .topImg .badge .am > span {display: inline-block; vertical-align: middle; line-height: 2;font-weight: 800;}
#booking-extra .poi .topImg .badge .am .amIcon {width: 16px;height: 16px;background: url(../images/asiamile-icon.png) no-repeat center center;background-size: cover;}
#booking-extra .poi .topImg .badge .badgeIcon {display: inline-block; border-radius: 5px;overflow: hidden;vertical-align: middle;max-width: 39px;}
#booking-extra .poi .topImg .reminder {display:block;;padding:0.4em 1em;background-color: red;font-size:0.8em;color: white;line-height:1.4;position: absolute;bottom: 5%;right: 5%;border-radius: 50px;}
#booking-extra .poi .text {position: relative; text-align: left; padding: .75em 1.25em 1.5em; display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; height: calc(100% - 250px);}
#booking-extra .poi .text .top {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#booking-extra .poi .text .subtags {font-size: 0.9em; color: #8c8c8c; line-height: 1; margin: 0.6em 0 .75em;}
#booking-extra .poi .text .name {font-size: 1.5em; color: #000; font-weight: 800; line-height: 1.2; display: block; margin-bottom: .4em;}
#booking-extra .poi .text .offer_intro {margin-bottom: 1em;font-size:0.9em;line-height: 1.5;}
#booking-extra .poi .text .offerTT {position: relative;}
#booking-extra .poi .text .offerTT.extra {border-bottom: 1px dashed #ccc; padding-bottom: .85em; margin-bottom: .75em;}
#booking-extra .poi .text .offerTT > div {margin-bottom: 3px;}
#booking-extra .poi .text .offerTT .tag {font-size: 0.85em;line-height: 1.5;border-radius: 3px;border: 1px solid #000;color: #000;font-weight: 800;padding: 0.15em 0.45em 0.2em 0.6em;margin: 0 0.3em 0 0;position: relative;letter-spacing: 0.1em;vertical-align: text-bottom;}
#booking-extra .poi .text .offerTT.extra .tag {border: 1px solid #00A25A; color: #00A25A;top:0;}
#booking-extra .poi .text .offerTT .tt {color: #000;font-weight: 800;font-size: 1.2em;margin-bottom: .4em;letter-spacing: 0.05em;line-height: 1.4;}
#booking-extra .poi .text .offerTT.extra .tt {color: #00A25A;font-size: 1em;}

#booking-extra .poi .text .btm {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; -ms-flex-align: end;-webkit-box-align: end;-webkit-align-items: flex-end; align-self: flex-end;}
#booking-extra .poi .text .vwPriceBtns {padding-top: 0.5em;padding-bottom: 0.2em;}
#booking-extra .poi .text .vwPriceBtns.vw1 {display: none;}
#booking-extra .poi .text .vwPriceBtns .Btn {cursor: pointer; position: relative; font-size: 1em; text-align: center; border-radius: 4px; line-height: 1.9;border: 1px solid; color: #000; font-weight: 800; display: inline-block; z-index: 1; vertical-align: top; margin-right: 0.25%; margin-bottom: .3em;padding: 0 0.8em;}
#booking-extra .poi .text .vwPriceBtns .Btn.active {color: #B90000; border-color: #B90000; cursor: default;}
#booking-extra .poi .text .prices {margin-top: .7em;}
#booking-extra .poi .text .prices .price {display: inline-block; vertical-align: bottom;margin-bottom: 0.5em;}
#booking-extra .poi .text .prices .price > span {display: inline-block; vertical-align: text-bottom; margin-right: .15em;}
#booking-extra .poi .text .prices .price .discount {color: #009245; font-size: 2.2em; position: relative; font-weight: 800; line-height: 1;}
#booking-extra .poi .text .prices .price .original {color: #ed1c24; font-size: .9em; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px;}
#booking-extra .poi .text .desc p {font-size: 0.9em; color: #8a8a8a; -webkit-line-clamp : 3; max-height: calc(1em * 1.6 * 3); display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.6; overflow: hidden; text-overflow: ellipsis;}
#booking-extra .poi .text .desc ul {margin-top: .5em; padding-left: 1em;}
#booking-extra .poi .text .desc ul li {font-size: .75em; margin-bottom: .25em; color: #555;}
#booking-extra .poi .text .btns {font-size: 0;}
#booking-extra .poi .text .btns > a {display: inline-block; border-radius: 3px; border: 1px solid; margin-top: 1em; letter-spacing: 1px; padding: 0 .8em;line-height: 2.3;font-size: 1.1rem;text-align: center;font-weight: 800; width: 49.5%;}
#booking-extra .poi .text .btns > a:first-child {margin-right: 1%; color: #555; border-color: #555;}
#booking-extra .poi .text .btns > a:last-child {color: #fff;background-color: #00A25A; border-color: #00A25A;}


@media (max-width: 768px) {
  #booking-extra .poi {width: 45%;}
}
@media (max-width: 680px) {
  #booking-extra .poi {margin: 0 0 1em; width: 100%;}
  #booking-extra .poi .text .tt { font-size: 1.3em; }
} 
@media (max-width: 320px) {
  #booking-extra .poi .text .name {font-size: 1.3em;}
  #booking-extra .poi .text .offerTT .tt{font-size: 1.2em;}
  #booking-extra .poi .text .tt { font-size: 1.1em; }
  #booking-extra .poi .text .vwPriceBtns .Btn {margin-right: 0.5%;}
  #booking-extra .poi .text .offerTT .tag {top: -0.15em;font-size: 0.8em;}
  #booking-extra .poi .text .offerTT.extra .tag {top: -0.1em;}
}