/* -------------------- booking-form -------------------- */
#reservation-wrapper { display: none; position: fixed; z-index: 1003; right: 460px; top: 0px; padding: 40px 50px 40px 40px; background-color: #959477; height: 100%; }
#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: 30px 0px; }
#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(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 {
    padding: 5px 0;
    cursor: pointer;
}
#reservation-wrapper #reservation-form input[type=radio]:checked + label>img { background-color: #4f4e3f; }
#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; }
#reservation-wrapper .booking-btn a { display: block; /*background-color: #fff; color: #959477;*/ padding: 15px 10px; font-size: 15px; text-decoration: none; text-align: center; letter-spacing: 1px; }
/*
#reservation-wrapper.fullwidth #reservation-form { margin: auto; max-width: 100%; }
#reservation-wrapper.fullwidth h1 { text-align: center; }
*/
#reservation-wrapper .head1 {
    text-align: left;
    font-size: 24px;
    line-height: 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 #4f4e3f;
    width: 50%;
    margin: auto;
    opacity: 0;
}
#reservation-wrapper #reservation-form input[type=radio]:checked + label>hr {
    opacity: 1;
}

@media only screen and (max-width: 980px) {
	#reservation-wrapper { padding: 30px 5%; width: 90% !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%;  
	    height:96% !important; 
	}
	#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: 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: #959477;
    color: #fff;
}
}

@media only screen and (min-width: 981px) {
#reservation-wrapper .booking-btn {
    /*padding-top: 77px;*/
}
#reservation-wrapper #close-btn { display:none; }
#reservation-wrapper .head1 {
    color: #fff;
}
#reservation-wrapper .booking-btn a {
    background-color: #fff !important;
    color: #959477;
}
#booking-wrapper table.others, #reservation-wrapper table.others { display:none; }
}
img[src="//secure.adnxs.com/seg?add=10595646&t=2"] {
    display: none;
}