.result_wrapper {padding: 0; position: relative; }

.mainCats {font-size: 0; position: absolute; z-index: 1; left: 0; bottom: calc(100% - 1px); width: 100%; display: block; text-align: center; margin: 0 auto; }
.mainCats .cat {display: inline-block; vertical-align: middle; position: relative; width: 300px; height: 70px; cursor: pointer; border-radius: 1.15rem 1.15rem 0 0; }
.mainCats .cat.active {background: #fff;}
.mainCats .cat.active:before, .mainCats .cat.active:after {content: "";position: absolute;bottom: 0;width: 20px;height: 20px;background: #fff;}
.mainCats .cat.active:before {left: -19px; -webkit-mask-image: radial-gradient(circle 20px at 0 0, transparent 0, transparent 20px, black 0); mask-image: radial-gradient(circle 20px at 0 0, transparent 0, transparent 20px, black 0);}
.mainCats .cat.active:after {right: -19px; -webkit-mask-image: radial-gradient(circle 20px at 20px 0, transparent 0, transparent 20px, black 0); mask-image: radial-gradient(circle 20px at 20px 0, transparent 0, transparent 20px, black 0);}
.mainCats .cat > span {display: block; width: 100%; height: 100%;}
.mainCats .cat1 > span {background: url(../images/booking-tag1.png) no-repeat center center; background-size: auto 70%;}
.mainCats .cat2 > span {background: url(../images/booking-tag2.png) no-repeat center center; background-size: auto 70%;}
.mainCats .cat.active > span:after {content: '';display: block;border-radius: 1.15rem 1.15rem 0 0;box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);position: absolute;top: 0;left: 0;width: 100%;height: 85%;z-index: -1;}

@media (max-width: 768px) {
  .mainCats {display: block; margin-bottom: 0;margin-top: 0px;}
  .mainCats .cat {width: 47%; height: 50px; margin: 0 }
  .mainCats .cat1 > span, .mainCats .cat2 > span {background-size: auto 65%;}
}

.result_wrapper .inner {box-shadow: 0 -5px 20px 0 rgb(0 0 0 / 16%); background-image: linear-gradient(to bottom, #fff 0%, #fffded 5%); padding-bottom: 50px;}


.anchorNav {height: 185px; margin: 0px auto;text-align: center; padding: 50px 0 0;}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; top: -70px; text-align: center; font-size: 0; display: none;}
.anchorNav .container.active {display: block;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; right: 0; top: 0;  -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: rgba(255, 255, 255, 0.9)}
.anchorNav .filterBtn {display: inline-block; vertical-align: middle; position: relative; cursor: pointer; padding: 0; margin: 0 30px;}
.anchorNav .filterBtn:before {content: ''; display: block; position: relative; z-index: 1; transition: transform .3s ease; width: 200px; height: 85px;}
.anchorNav .filterBtn:hover:before {transform: scale(1.05);}

#tap-1:before {background: url(../images/tab/tab-1@2x.png) no-repeat center; background-size: contain;}
#tap-2:before {background: url(../images/tab/tab-2@2x.png) no-repeat center; background-size: contain;}
#tap-3:before {background: url(../images/tab/tab-3@2x.png) no-repeat center; background-size: contain;}
#tap-4:before {background: url(../images/tab/tab-4@2x.png) no-repeat center; background-size: contain;}


#tap2-1:before {background: url(../images/tab/tab-1@2x.png) no-repeat center; background-size: contain;}
#tap2-2:before {background: url(../images/tab/tab-2@2x.png) no-repeat center; background-size: contain;}
#tap2-3:before {background: url(../images/tab/tab-3@2x.png) no-repeat center; background-size: contain;}


.anchorNav .filterBtn.active:after {content: ''; display: block; width: 280px; height: 155px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 0% 0%; background: url(../images/tab/bd.png) no-repeat center / contain; z-index: 0; -webkit-animation: activeBD .3s cubic-bezier(.62, .28, .23, .99); animation: activeBD .3s cubic-bezier(.62, .28, .23, .99);}
@keyframes activeBD {
  0% {transform: scale(.85) translate(-50%, -50%);}
  100% {transform: scale(1) translate(-50%, -50%);}
}


@media (min-width: 769px) {
  .anchorNav.sticky .filterBtn:before {width: 140px;}
  .anchorNav.sticky .filterBtn.active:after {width: 150px; height: 85px;}
}

@media (max-width: 48rem) {
  .anchorNav {height: 115px; padding: 0; position: relative; }
  .anchorNav .container {font-size: 0; width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none; padding: 35px 15px;}
  .anchorNav .container::-webkit-scrollbar {display: none;}
  .anchorNav .container.up {left: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
  .anchorNav.sticky .container {width:100%;}

  .anchorNav .filterBtn {margin: 0 20px;}
  .anchorNav .filterBtn:before {width: 110px; height: 45px;}
  .anchorNav .filterBtn.active:after {width: 180px; height: 100px;}

}





.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}
.offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}




@media (min-width: 769px) {
  .poiList {padding: 0;}
  .offerItem {width: 32%; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; max-width: 330px}
}

@media (max-width: 768px) {
  .result-container {padding:2rem 15px 0;}
} 


#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: 350px; background-color: #fff;border-radius: 6px; overflow: hidden; border: 2px solid #442e0b;}
#booking-extra .poi .vw {display: block;}
#booking-extra .poi .vw .v {display: none;}
#booking-extra .poi .vw .v.active {display: block;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}
#booking-extra .poi .topImg {display: block; height: 200px; position: relative; padding: 6px 6px 0;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}
#booking-extra .poi .topImg .v {height: 100%;}
#booking-extra .poi .topImg .img {height: 100%; border-radius: 5px; overflow: hidden;}
#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% - 200px);}
#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 > span {}
#booking-extra .poi .text .offerTT .tag, #booking-extra .poi .text .offerTT .tag2 {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, #booking-extra .poi .text .offerTT.extra .tag2  {border: 1px solid #00A25A; color: #00A25A;top:0;}
#booking-extra .poi .text .offerTT .tt, #booking-extra .poi .text .offerTT .tt2 {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 .offerTT.extra .tag2 {padding-top: 0; border: 1px solid rgb(229, 1, 1); background-color: rgb(229, 1, 1);color: rgb(255, 255, 255);}
#booking-extra .poi .text .offerTT.extra .tt2{color:rgb(229, 1, 1);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; font-size: 1em; text-align: center; border-radius: 4px; line-height: 1.9;border: 1px solid; color: #000; font-weight: 800; display: inline-block; 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: 5px; margin-top: 1em; border: 1px solid #008543; letter-spacing: 1px; padding: 0 .8em;line-height: 2.5;font-size: 1.1rem;text-align: center; font-weight: 600; width: 49.5%; transition: all .3s;}
#booking-extra .poi .text .btns > a:first-child {margin-right: 1%; color: #fff; background-color: #008543;}
#booking-extra .poi .text .btns > a:last-child {color: #008543;}
#bookingPage .offerItem .itemTop .badge .bookBtnDollar {  background-color: #ffc600;  color: #3f363b;  border-radius: 3px;font-weight: 600;  display: inline-table;  vertical-align: middle;  text-align: center;  font-size: 1.1em;  line-height: 2;  padding: 0 8px;  letter-spacing: 0;  margin-right: 3px;}

@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;}
}


#bookingPage .offerItem {border-radius: 6px; overflow: hidden; border: 2px solid #442e0b;}
#bookingPage .offerItem .itemTop {padding: 6px 6px 10px;}
#bookingPage .offerItem .itemTop .offerImg {border-radius: 5px;}
#bookingPage .offerItem .itemBtm1, #bookingPage .offerItem .itemBtm2 {border-top: 1px dashed #ccc;}

@media (min-width: 769px) {
  #bookingPage .offerItem {max-width: 350px;}
  #booking-extra .poi .text .btns > a:first-child:hover {background-color: #00d26a; border-color: #00d26a;}
  #booking-extra .poi .text .btns > a:last-child:hover {background-color: #00d26a; border-color: #00d26a; color: #fff;}
}

@media (min-width: 641px) {
  #bookingPage .offerItem {margin: 0 0.5% 1em;}
}

@media (max-width: 640px) {
  #bookingPage .offerItem {margin-top: 0;}
}