/*
/* Part of NS Mobile V2 */
/* source: staticroute/static/mobile/css/v2/ns-mobile-new-v2 */
/*
 * Nusa Icons
 */
@font-face{font-family:'NusaIcons';src:url(../fonts/NusaIcons.eot?6ca5z4);src:url(../fonts/NusaIcons.eot?6ca5z4#iefix) format('embedded-opentype'),url(../fonts/NusaIcons.ttf?6ca5z4) format('truetype'),url(../fonts/NusaIcons.woff?6ca5z4) format('woff'),url(../fonts/NusaIcons.svg?6ca5z4#NusaIcons) format('svg');font-weight:400;font-style:normal}.ns-icon{font-family:'NusaIcons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ns-stack{display:inline-block;height:2rem;line-height:2rem;position:relative;text-align:center;vertical-align:middle;width:2rem}.ns-stack-1x,.ns-stack-2x{left:0;position:absolute;text-align:center;width:100%}.ns-stack-1x{line-height:inherit}.ns-stack-2x{font-size:2rem}.ns-stack.ns-circle-stack{border-radius:50%;border-width:1px;border-style:solid}.ns-stack.ns-stack-lg{height:3rem;width:3rem}.ns-stack-lg .ns-icon{font-size:1.5rem;line-height:3rem}.ns-angle-down:before{content:"\e90c"}.ns-angle-right:before{content:"\e90e"}.ns-angle-up:before{content:"\e90f"}.ns-users-group:before{content:"\e91a"}.ns-question:before{content:"\f128"}.ns-list-ul:before{content:"\f0ca"}.ns-airplane-diagonal:before{content:"\e919"}.ns-hotel-star:before{content:"\e918"}.ns-family:before{content:"\e917"}.ns-seat:before{content:"\e916"}.ns-infant:before{content:"\e915"}.ns-menu:before{content:"\e910"}.ns-angle-left-1:before{content:"\e914"}.ns-adult:before{content:"\e912"}.ns-child:before{content:"\e913"}.ns-bed-big:before{content:"\e911"}.ns-suitcase:before{content:"\e900"}.ns-search:before{content:"\f002"}.ns-user:before{content:"\f007"}.ns-check:before{content:"\f00c"}.ns-close:before{content:"\f00d"}.ns-remove:before{content:"\f00d"}.ns-times:before{content:"\f00d"}.ns-home:before{content:"\f015"}.ns-refresh:before{content:"\f021"}.ns-times-circle:before{content:"\f057"}.ns-sign-out:before{content:"\f08b"}.ns-sign-in:before{content:"\f090"}.ns-facebook:before{content:"\f09a"}.ns-facebook-f:before{content:"\f09a"}.ns-group:before{content:"\f0c0"}.ns-users:before{content:"\f0c0"}.ns-caret-down:before{content:"\f0d7"}.ns-caret-up:before{content:"\f0d8"}.ns-caret-left:before{content:"\f0d9"}.ns-caret-right:before{content:"\f0da"}.ns-sort:before{content:"\f0dc"}.ns-unsorted:before{content:"\f0dc"}.ns-life-bouy:before{content:"\f1cd"}.ns-life-buoy:before{content:"\f1cd"}.ns-life-ring:before{content:"\f1cd"}.ns-life-saver:before{content:"\f1cd"}.ns-support:before{content:"\f1cd"}.ns-user-plus:before{content:"\f234"}.ns-bed:before{content:"\f236"}.ns-hotel:before{content:"\f236"}.ns-star:before{content:"\f005"}.ns-star-o:before{content:"\f006"}.ns-star-half-empty:before{content:"\f123"}.ns-star-half-full:before{content:"\f123"}.ns-star-half-o:before{content:"\f123"}.ns-calendar:before{content:"\e902"}.ns-calendar-go:before{content:"\e903"}.ns-calendar-return:before{content:"\e904"}.ns-nusatrip-icon:before{content:"\e90b"}.ns-airplane-left:before{content:"\e905"}.ns-airplane-right:before{content:"\e906"}.ns-mapmarker:before{content:"\e907"}.ns-bus {margin-top: 13px;transform: rotate(0deg) !important}.ns-bus:before {content: "\e901"}.ns-ferry {margin-top: 13px;transform: rotate(0deg) !important}.ns-ferry:before {content: "\e908"}.ns-hovercraft {margin-top: 13px;transform: rotate(0deg) !important}.ns-hovercraft:before {content: "\e909"}.ns-limo {margin-top: 13px;transform: rotate(0deg) !important}.ns-limo:before {content: "\e90a"}.ns-train {margin-top: 13px;transform: rotate(0deg) !important}.ns-train:before {content: "\e90d"}
.bg-primary {
  color: #fff !important;
  background-color: #0b78b1 !important;
}
.pull-xs-left {
  float: left !important;
}
.pull-xs-right {
  float: right !important;
}

#bookingReview.ui-page-panel,
#loginUser.ui-page-active,
#mybooking .bookingHistory.ui-content {
	margin-top: 0!important;
}
#bookingReview.ui-page-panel .ui-panel-content-wrap,
#loginUser.ui-page-active .ui-content,
#mycontact #popupContactEditor-popup {
	margin-top: 44px!important;
}
/*
 * HEADER
 */
.header-wrapper,
.header-wrapper:before,
.header-wrapper:after,
.header-wrapper *,
.header-wrapper *:before,
.header-wrapper *:after {
	box-sizing: border-box;
}
.header-wrapper {
    border-bottom: 1px solid #8abede;
	color: #094164;
	height: 44px;
	left: 0;
	max-height: 44px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.header-wrapper.header-review {
	height: 44px;
}
.header-inner:after {
	clear: both;
	content: "";
	display: table;
}
.header-inner {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.bg-secondary-blue .header-inner {
	color: #05558c;
}
@media (min-width: 544px) {
  .header-inner {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .header-inner {
    max-width: 1000px;
  }
}
.ns-brand {
	height: auto;
	max-width: 95px;
	padding: 8px 0;
}
.mobile-home .ns-brand,
.header-home:not(.header-flat) .ns-brand {
	margin-left: .9375rem;
}
.ns-brand a {
	display: block;
	max-height: 28px;
	max-width: 95px;
}
.menu-toggler-holder {
	display: block;
	padding: 0 6px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
.header-inner .navbar-toggler {
	background: none;
	border: 1px solid transparent;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	font-size: 21px;
	line-height: 28px;
	margin: 0;
	padding: 8px 6px;
	text-align: center;
}
.header-inner .navbar-toggler.menu-toggler {
	border-color: transparent transparent transparent rgba(5,85,140,.25);
	border-width: 0 0 0 1px;
	margin-right: 5px;
}
.header-inner .navbar-back {
	padding-left: 0;
}
.header-flat .header-inner .navbar-toggler.menu-toggler,
.header-flat .header-inner .styled-select {
	border-width: 0;
	color: #fff;
}
.header-inner .styled-select {
	border-left: 1px solid rgba(5,85,140,.25);
	height: 100%;
	max-width: 50px;
	overflow: hidden;
	padding: 8px 6px;
	position: relative;
	width: 50px;
	z-index: 0;
}
.header-inner .styled-select.nusa-currency {
	max-width: 62px;
	width: 62px;
}
.header-inner .styled-select select {
    background-image: none;
    border: none;
    box-shadow: none;
    color: inherit;
	float: right;
    padding: 4px 8px;
	appearance: none;
	-moz-appearance: none;
    -webkit-appearance: none;
}
.header-inner .styled-select select > option{
	color: black !important;
}
.header-inner .styled-select i {
	margin-top: -7px;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 50%;
	z-index: -1;
}
.bg-primary .header-inner .styled-select.nusa-lang,
.bg-primary .header-inner .styled-select.nusa-currency {
	background-color: #0b78b1!important;
}
.styled-select.nusa-lang {
	background-position: 10px center!important;
	background-repeat: no-repeat;
	background-size:auto;
}
.styled-select.nusa-lang.lang-en {
	/*background-image: url("../../img/en20.png")!important;*/
	background-image: url("../../img/en20circle.png")!important;
}
.styled-select.nusa-lang.lang-id {
	/*background-image: url("../../img/id20.png")!important;*/
	background-image: url("../../img/id20circle.png")!important;
}
.styled-select.nusa-lang.lang-sg {
	/*background-image: url("../../img/sg20.png")!important;*/
	background-image: url("../../img/sg20circle.png")!important;
}
.styled-select.nusa-lang.lang-my {
	/*background-image: url("../../img/my20.png")!important;*/
	background-image: url("../../img/my20circle.png")!important;
}
.styled-select.nusa-lang.lang-ph {
	/*background-image: url("../../img/ph20.png")!important;*/
	background-image: url("../../img/ph20circle.png")!important;
}
.styled-select.nusa-lang.lang-vn {
	/*background-image: url("../../img/vn20.png")!important;*/
	background-image: url("../../img/vn20circle.png")!important;
}
.styled-select.nusa-lang.lang-th {
	/*background-image: url("../../img/th20.png")!important;*/
	background-image: url("../../img/th20circle.png")!important;
}
.styled-select.nusa-lang select {
	text-indent: -9999px;
}

/*
 * MENU PANEL
 */
.nusamobile-nav-menu.ui-panel {
	background-color: #383a4c;
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.25);
	top: 0;
    width: 20em;
	z-index: 1101;
}
.nusamobile-nav-menu.ui-panel.ui-panel-closed {
	width: 0;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(-20em,0,0);
	-moz-transform: translate3d(-20em,0,0);
	transform: translate3d(-20em,0,0);
}
.ns-home .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-flightIndex .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-hotelIndex .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-flightTo .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ns-airlineStaticPage .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
#customerReg .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
#loginUser .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
    -webkit-transform: translate3d(20em,0,0);
    -moz-transform: translate3d(20em,0,0);
    transform: translate3d(20em,0,0);
}
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 20em;
	right: -20em;
}
#navMenuPanel-screen.ui-popup-screen.in {
	opacity: 0.8;
}
.nav-menu-header {
	background-color: #424458;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.nav-menu-header:after,
.panel-close:after {
	clear: both;
	content: "";
	display: table;
}
.nav-menu-brand {
	float: left;
	margin-top: 16px;
	width: 100%;
}
.nusamobile-nav-menu .ui-panel-inner {
	padding: 0;
}
.nusamobile-nav-menu .list-group-item:first-child,
.nusamobile-nav-menu .list-group-item:last-child {
	border-radius: 0;
}
.nusamobile-nav-menu .list-group {
	margin: 0;
	padding: 0;
}
.nusamobile-nav-menu .list-group-item {
	background-color: #383a4c;
	border-width: 0;
	color: #fff;
	display: block;
	margin-bottom: 0;
	padding: 0 0 0 16px;
	position: relative;
	transition: all 0.25s ease 0s;
	width: auto;
}
.nusamobile-nav-menu .list-group-item-inner {
	border-bottom: 2px solid #4c4e5e;
	padding: 12px 16px 12px 0;
    position: relative;
}
.nusamobile-nav-menu a.list-group-item .list-group-item-heading {
	color: inherit;
	font-family: Ubuntu,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0;
	text-transform: uppercase;
}
.nusamobile-nav-menu .list-group-item-inner.sub-item {
	padding-left: 2em;
}
.nusamobile-nav-menu .acc-balance span:not(.list-group-item-icon) {
	display: block;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2;
	opacity: .75;
	text-transform: uppercase;
}
.nusamobile-nav-menu .acc-balance .list-group-item-icon {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1.2;
}
.nusamobile-nav-menu a.list-group-item .ns-icon {
	display: inline-block;
	vertical-align: middle;
}
.nusamobile-nav-menu a.list-group-item:focus,
.nusamobile-nav-menu a.list-group-item:hover{
	background-color: #0f7abf;
}

.nusamobile-nav-menu a.list-group-item:focus,
.nusamobile-nav-menu a.list-group-item:hover,
.nusamobile-nav-menu a.list-group-item:focus .list-group-item-heading,
.nusamobile-nav-menu a.list-group-item:hover .list-group-item-heading {
	color: #fff;
}
.nusamobile-nav-menu .list-group-item-icon {
	border-color: rgba(255,255,255,0.75);
	border-width: 2px;
	color: rgba(255,255,255,0.75);
	display: inline-block;
	height: 28px;
	line-height: 24px;
	margin-top: -14px;
	position: absolute;
	right: 16px;
	top: 50%;
	width: 28px;
}
.nusamobile-nav-menu .flight-icon {
	font-size: 107%;
}
.nusamobile-nav-menu .panel-close .btn {	
	background: #252632; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #252632 90%, black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #252632 90%, black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #252632 90%, black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #252632 90%, black); /* Standard syntax */
	border: none;
	border-radius: 24px 0 0 24px;
	color: #777;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	float: right;
	line-height: 1;
	margin-top: 30px;
	padding: 10px 20px 12px;
	text-align: center;
	transition: color 0.25s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
}
.nusamobile-nav-menu .panel-close .btn:focus,
.nusamobile-nav-menu .panel-close .btn:hover {
	color: #aaa;
}
 #bookingReview .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
 #bookingReview .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
    -webkit-transform: translate3d(20em,0,0);
    -moz-transform: translate3d(20em,0,0);
    transform: translate3d(20em,0,0);
}
.ns-mobile-page .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ns-mobile-page .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ns-mobile-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ns-mobile-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(20em,0,0);
	-moz-transform: translate3d(20em,0,0);
	transform: translate3d(20em,0,0);
}
.ns-mobile-page .ui-page-panel,
.ns-mobile-page #selectRoomInput.ui-page {
	margin-top: 0;
}
 
.ns-mobile-page .support-content-wrap .ui-panel-content-wrap {
	margin-top: 0!important;
}
.recentbooking-bar a.recentBooking {
	font-size: 85%;
	height: 24px;
	line-height: 20px;
}
.recentbooking-bar a.recentBooking span.views {
	line-height: 18px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}

.insurance-status-includes { 
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px solid #b8d1e1;
    border-radius: 4px;
    font-size: 12px;
    font-style: italic;
    color: #095896;
    background: #e8edff;
    text-align: center;
}

/* override css header bar */
.menu-toggler-holder{
	padding: 0 6px;
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

/* change float and make it inline block to use v-align middle */
.header-inner .styled-select.nusa-currency,
.header-inner .styled-select.nusa-lang,
.header-flat .header-inner .navbar-toggler.menu-toggler{
	float: none !important;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.header-inner .styled-select.nusa-currency{
    width: auto;
    padding: 13px 5px;
}
.header-inner .styled-select.nusa-lang{
	height: 43px;
	background-position: left center !important;
	width: 40px;
	padding: 0px 6px 0 0;
	margin: 0;
	margin-left: 6px;
}
.header-flat .header-inner .navbar-toggler.menu-toggler{
	padding: 11px 6px;
    line-height: 16px;
    margin: 0;
    margin-right: 5px;
}

.active-curcode,
.header-inner .styled-select.nusa-currency i{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    right: unset;
    margin-right: 3px;
}

/* for invisible button */
.header-inner .styled-select select{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/* nearby attractions list on hotel-detail */
.poi-list, .poi-list-single{list-style: circle;display: flex;flex-direction: row;width: 100%;flex-wrap: wrap;padding-inline-start: 17px;}
ul.poi-list > li {flex-basis: 48%; margin-bottom: 2px;}
ul.poi-list-single > li {flex-basis: 100%; margin-bottom: 2px;}
.poi-name {display: block;}
ul.poi-list-single .poi-name {display: inline; margin-right: 0.3em;}
ul.poi-list-single .poi-name::after {
	content: ":";
}

#listHotel .listviews-thumb img {
	object-fit: cover;
}