/* -------------------- booking-form -------------------- */
#booking-wrapper { display: none; position: fixed; z-index: 1003; right: 0px; top: 0px; padding: 100px 0px; background-color: #32323e; height: 100%; text-align: center; font-family: ScoGroteskA; }
#booking-wrapper #close-btn { position: absolute; top: 30px; right: 30px; cursor: pointer; }
#booking-wrapper #close-btn > img { display: block; }
#booking-wrapper #booking-forms { margin:auto; }
#booking-wrapper.fullwidth #booking-forms { margin: auto; }
#booking-wrapper #booking-forms .booking-body { padding: 30px 20px; }
#booking-wrapper #booking-forms .fields { margin: 30px 0px; }
#booking-wrapper #booking-forms .fields span.header { display: block; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; letter-spacing:1px; margin-bottom: 5px; }
#booking-wrapper #booking-forms .fields .promo span.header { font-size: 14px; }
#booking-wrapper #booking-forms input { width: 100%; margin-bottom: 25px; padding: 15px; color: #333; /*background: url(https://www.dusitthanilagunasingapore.com/public/themes/default/css/themes/icon-cal.png) no-repeat 95% 50% #f4f4f1;*/ border-radius: 0px; background-color: #f4f4f4;}
#booking-wrapper #booking-forms input#promo { background: none; color: #fff; opacity: 0.7; width: 60%; border: none; border-right: solid 1px #ddd; }
#booking-wrapper #booking-forms a#apply { color: #fff; margin-left: 20px; text-decoration: none; margin-top: 2px;}
#booking-wrapper h1 { text-align: left; color: #959477; font-size: 24px; }
#booking-wrapper .booking-btn { }
#booking-wrapper .booking-btn a { display: block; background-color: #959477; color: #fff; padding: 15px 10px; font-size: 15px; text-decoration: none; text-align: center; letter-spacing: 1px; }

/* -------------------- booking-form -------------------- */
#reservation-wrapper { display: none; position: fixed; z-index: 1003; right: 369px; top: 0px; padding: 100px 0px; background-color: #607480; height: 100%; text-align: center; font-family: ScoGroteskA; }
#reservation-wrapper #close-btn { position: absolute; top: 30px; right: 30px; cursor: pointer; }
#reservation-wrapper #close-btn > img { display: block; }
#reservation-wrapper #reservation-form { width: 370px; }
#reservation-wrapper.fullwidth #reservation-form { margin: auto; }
#reservation-wrapper #reservation-form .booking-body { padding: 30px 20px; }
#reservation-wrapper #reservation-form .fields { margin: 25px 0; }
#reservation-wrapper #reservation-form .fields span.header { display: block; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; letter-spacing:1px; margin-bottom: 5px; }
#reservation-wrapper #reservation-form .fields .promo span.header { font-size: 14px; }
#reservation-wrapper #reservation-form input { width: 100%; margin-bottom: 25px; padding: 15px; color: #333; /*background: url(https://www.dusitthanilagunasingapore.com/public/themes/default/css/themes/icon-cal.png) no-repeat 95% 50% #f4f4f1;*/ border-radius: 0px; background-color: #f4f4f4;}
#reservation-wrapper #reservation-form input#pcode { background: none; color: #fff; opacity: 0.7; width: 60%; border: none; border-right: solid 1px #ddd; }
#reservation-wrapper #reservation-form input[type="radio"] { display:none; }
#reservation-wrapper #reservation-form input[type=radio] + label>img, #reservation-wrapper #reservation-form img {
    padding: 5px 0;
    cursor: pointer;
    max-height: 80px;
    max-width: 100px;
    padding: 10px;
}
#reservation-wrapper #reservation-form input[type=radio]:checked + label>img { background-color: #414854; }
#reservation-wrapper table {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
#reservation-wrapper td, #booking-wrapper td { /*cursor:pointer;*/ font-size: 15px; }

#reservation-wrapper #reservation-form a#apply { color: #fff; margin-left: 20px; text-decoration: none; margin-top: 2px;}
#reservation-wrapper h1 { text-align: left; color: #959477; font-size: 24px; }

.head1 {
    font-size: 24px;
}

#reservation-wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#reservation-wrapper ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#reservation-wrapper :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#reservation-wrapper :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#reservation-wrapper #reservation-form label hr {
    border-bottom: solid #414854;
    width: 50%;
    margin: auto;
    opacity: 0;
}
#reservation-wrapper #reservation-form input[type=radio]:checked + label>hr {
    /*opacity: 1;*/
}

#reservation-wrapper .booking-btn a { border-radius: 0; }

table.others {
    cursor: pointer;
}

/* #book-now */
#booking-wrapper #book-now {
    right: 0;
    position: relative;
    background: none;
    color: white;
    padding: 0;
    display: block;
    background-color: transparent !important;
}
#booking-wrapper #book-now img.logo {
    display: none;
}
#booking-wrapper #book-now p {
    font-size: 24px !Important;
    text-transform: uppercase;
    margin: 0;
}
#booking-wrapper #book-now table {
    margin-top: 30px;
}
#booking-wrapper #book-now td {
    padding: 0 8px;
}
#booking-wrapper #book-now input, #booking-wrapper #book-now select, #booking-wrapper .date {
    width: 65px;
}
#booking-wrapper #book-now .month {
    margin-top: 8px;
}
#booking-wrapper #book-now .select {
    margin-top: -30px;
}
#booking-wrapper tr:nth-child(3) td {
    padding-top: 15px !IMPORTANT;
}
#booking-wrapper #book-now .date {
    height: 65px;
}
#booking-wrapper #book-now .primary {
    background: #607480;
    text-transform: uppercase;
    margin-bottom: 1em;
}
#booking-wrapper input#book-now {
    height: 0 !IMPORTANT;
    margin: 0 !IMPORTANT;
    padding: 0 !IMPORTANT;
}
#booking-wrapper img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}


@media only screen and (max-width: 1080px) { /*980px*/
	#reservation-wrapper, #booking-wrapper { padding: 40px 5%; width: 100% !important; }
	#reservation-wrapper #reservation-form { margin: auto; width: auto !important; width: initial !important; }
	#reservation-wrapper #reservation-form .booking-body { padding: 30px 0px; }
	#reservation-wrapper #reservation-form .fields > div { width: auto; width: initial; }
	#reservation-wrapper #reservation-form input#pcode, #reservation-wrapper #reservation-form a#apply { /*border: solid 1px #555;*/ line-height: 17px; float: left;  }
	#reservation-wrapper #reservation-form input#pcode { width: 65%; }
	#reservation-wrapper #reservation-form a#apply { padding: 15px 5%; width: 13.5%; margin-left: 0px; }
	#reservation-wrapper #reservation-form input { width: 90%; padding: 15px 5%; }
	#reservation-wrapper .booking-btn { clear: both; }

}

@media only screen and (max-width: 600px) {
	#reservation-wrapper {    
		-webkit-overflow-scrolling: touch;
	    padding: 2% 5% 2% 5%;  
	}
	#reservation-wrapper h1 { font-weight: 20px; margin-bottom:5px;}
	#reservation-wrapper #reservation-form .fields { margin: 10px 0px; }
	#reservation-wrapper #reservation-form input { margin-bottom: 10px; padding: 10px 5%; }
	#reservation-wrapper #reservation-form a#apply { padding: 10px 5%; width: 13.5%; margin-left: 0px;  text-align: center; }
	#reservation-wrapper .booking-btn{ margin-top:5px; }
	#reservation-wrapper .booking-btn a { padding: 8px 5px; }
	#reservation-wrapper #reservation-form label hr { opacity:0 !important; }
}

@media only screen and (max-width: 1080px) { /*980px*/
#reservation-wrapper { right: 0; }
#reservation-wrapper {
    background-color: #000;
    color: white;
}
#reservation-wrapper .apply {
    border: solid 1px #555;
    display: flex;
}
#reservation-wrapper #reservation-form input#pcode, #reservation-wrapper #reservation-form a#apply { margin: auto; }
#reservation-wrapper #reservation-form a#apply { text-align:center; }
#reservation-wrapper #reservation-form input#pcode { border-right: solid 1px #555; }
#reservation-wrapper .booking-btn a {
    background-color: #32323e;
    color: #fff;
    width: 100%;
}
#booking-wrapper {
    width: 100%;
}
#reservation-wrapper label {
    width: 100px;
}
#reservation-wrapper tr {
    display: inline;
}
nav .menu li:last-child {
    /*display: none;*/
}
}

@media only screen and (min-width: 1081px) { /*981px*/
    
#reservation-wrapper .booking-btn {
    /*padding-top: 77px;*/
}
#reservation-wrapper #close-btn { display:none; }
.head1 {
    color: #fff;
}
#reservation-wrapper .booking-btn a {
    background-color: #32323e;
    color: #ffffff !important;
}
#booking-wrapper table.others, #reservation-wrapper table.others { display:none; }
#booking-wrapper #booking-forms { width: 370px; }

}


img[src="//secure.adnxs.com/seg?add=10595646&t=2"] {
    display: none;
}

















/* -------------------- booking-form -------------------- */
#mobile-wrapper { display: none; position: fixed; z-index: 1003; right: 740px; top: 0px; padding: 40px 0; background-color: #000; height: 100%; }
#mobile-wrapper #close-btn { position: absolute; top: 30px; right: 30px; cursor: pointer; }
#mobile-wrapper #close-btn > img { display: block; }
#mobile-wrapper #mobile-form { width: 370px; }
#mobile-wrapper.fullwidth #mobile-form { margin: auto; }
#mobile-wrapper #mobile-form .booking-body { padding: 30px 20px; }
#mobile-wrapper #mobile-form .fields { margin: 30px 0px; }
#mobile-wrapper #mobile-form .fields span.header { display: block; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; letter-spacing:1px; margin-bottom: 5px; }
#mobile-wrapper #mobile-form .fields .promo span.header { font-size: 14px; }

#mobile-wrapper #mobile-form a#apply { color: #fff; margin-left: 20px; text-decoration: none; margin-top: 2px;}
#mobile-wrapper h1 { text-align: left; color: #959477; font-size: 24px; }
#mobile-wrapper .booking-btn a { display: block; background-color: #fff !important; color: #959477; padding: 15px 10px; font-size: 15px; text-decoration: none; text-align: center; letter-spacing: 1px; }

#mobile-wrapper .head1 {
    text-align: left;
    color: #959477;
    font-size: 24px;
}

#mobile-wrapper tr { cursor:pointer; }
#mobile-wrapper table img { padding: 10px; }

#mobile-wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#mobile-wrapper ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#mobile-wrapper :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#mobile-wrapper :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

@media only screen and (max-width: 1080px) { /*980px*/
	#mobile-wrapper { padding: 30px 5%; width: 100% !important; right: 0; } 
	#mobile-wrapper #mobile-form { margin: auto; width: auto !important; width: initial !important; }
	#mobile-wrapper #mobile-form .booking-body { padding: 30px 0px; }
	#mobile-wrapper #mobile-form .fields > div { width: auto; width: initial; }

	#mobile-wrapper #mobile-form a#apply { padding: 15px 5%; width: 13.5%; margin-left: 0px; }
	#mobile-wrapper .booking-btn { clear: both; }
	

#booking-wrapper, #reservation-wrapper {
    overflow: auto;
}
}

@media only screen and (max-width: 600px) {
	#mobile-wrapper {    
		-webkit-overflow-scrolling: touch;
	    padding: 2% 5% 2% 5%;  
	    height:100% !important; 
	}
	#mobile-wrapper h1 { font-weight: 20px; margin-bottom:5px;}
	#mobile-wrapper #mobile-form .fields { margin: 10px 0px; }
	#mobile-wrapper #mobile-form a#apply { padding: 10px 5%; width: 13.5%; margin-left: 0px;  text-align: center; }
	#mobile-wrapper .booking-btn{ margin-top:5px; }
	#mobile-wrapper .booking-btn a { padding: 8px 5px; }

}

/* start book-now icon-engage */
#mobile-book-now{ display: none; background: #000000; color:#FFFFFF; text-align: center; margin:auto; position: fixed; bottom:0; left:0; right: 0; width:100%; z-index: 9999; /*height:48px;*/ line-height: 48px;  }
#mobile-book-now a{ color:#FFFFFF; text-decoration: none; display: block;  }

@media (max-width:1222px) { 
	#mobile-book-now{ display: block; }
	footer {
    margin-bottom: 48px;
}
.menu li:last-child {
    display: none;
}
}

#mobile-form, #reservation-form, #booking-forms {
    display: table;
    height: 100%;
}
#mobile-form .booking-body, #reservation-form .booking-body, #booking-forms .booking-body {
    display: table-cell;
    vertical-align: middle;
}

.unscroll {
    max-height: 100vh;  
    overflow: hidden;
}
#book-now {
    height: auto;   
}