.bm-wrp-background {
	height: max-content;
	position: fixed;
	top: 50%;
	display: block;
	background: rgba(61, 57, 58,0.8 );
	width: 880px;
	z-index: 12;
	bottom: unset;
	left: 50%;
	margin: auto;
	padding: 21px;
	opacity: 1;
	transition: all 0.5s;
	transform: translate(-50%, -50%);
}
.header-right-section.ipad-only{display: none;}
body.hotel-booking-mask.bm-opened{
	overflow: unset;
	height: unset;
}
.fixed-header .bm-wrp-background{
	opacity: 0;
	transition: all 0.5s;
	z-index: -1;
}
.select-box {
	width: 263px;
	background: #fff;
	height: 51px;
	float: left;
	position: relative;
}
.select-box #hotels {
	position: absolute;
	top: 0;
	bottom: 0;
	padding-left: 10px;
	text-transform: uppercase;
	width: 100%;
	background: #fff;
	font-size: 0.7em;
	height: 51px;
}


.hotels.after {
	position: relative;
	overflow: hidden;
	width: 261px;
	height: 51px;
	margin: 13px 9px 0 0;
	float: left;
}
#booking-form .hotels::after {
	background-position: 13px 21px;
	height: 49px;
	right: 1px;
	top: 1px;
	width: 40px;
}
.hotel .bm-wrapper #booking-form {
	float: unset;
	width: 100%;
}
.border-sec.boxes {
	width: 51px;
	margin: 13px 9px 21px 0;
	height: 49px;
}
#booking-form .border-sec.boxes .field-label{
	background: #252526;
	display: block;
	line-height: 14px;
	text-align: center;
	padding-top: 1px;
	font-size: .5em;
	box-sizing: border-box;
	width: 100%;
	display: block;
	color: #fff;
}
#booking-form .choose .selector{
	background: #fff;
}
.border-sec.boxes input{
	opacity: 0;
}
.book-stay, .book-stay .stay-title {
	color: #fff;
}
.book-stay .stay-title {
	margin: 0;
	font-size: 33px;
	line-height: 34px;
	letter-spacing: 0.6px;
}
.book-stay p {
	margin: 0;
	font-size: 0.903em;
	line-height: 32px;
	letter-spacing: 0.018em;
}
.input-wrapper .input-month, .promo-code-wrp::after, .promo-enterCode, .date-arrow, .check-rates.only-mobile-btn {
	display: none;
}
#booking-mask-date-in, #booking-mask-date-out {
	height: 32px;
	width: 100%;
	opacity: 0;
	position: absolute;
}
#booking-form .input-wrapper .input-number{
	background: #fff;
	border: 3px solid #fff;
	display: block;
	padding: 0 5px;
	height: 13px;
	text-align: center;
	font-size: 23px;
	height: 28px;
}
.choose.boxes select {
	font-size: 23px;
	padding-top: 2px;
	width: 100%;
	background: #fff;
	text-align: center;
	text-align-last: center;
}
.bm-wrp-background .number-controls {
	top: 18px;
}
.hotel-booking-mask .bm-wrp-background .promo-code {
	background: transparent;
	color: #fff;
	padding: 0;
	width: auto;
	font-size: 16px;
	height: 20px !important;
}
.promo-code strong {
	color: #8d7a4a;
	font-weight: 100;
}
#booking-form .booking-link {
	float: unset;
	padding: 16px 26px;
	margin: 13px 0 0 8px !important;
	letter-spacing: 1px;
	width: max-content;
	line-height: 0;
	position: relative;
	font-size: 0.85em;
	height: 51px;
	text-transform: uppercase;
	min-width: 170px;
	position: absolute;
}
.bm-wrapper .book-stay p a {
	text-transform: uppercase;
	text-decoration: none;
}
.ipad-background {
	display: none;
}
.hotel-booking-mask .promo-code-wrp-outer {
	position: absolute;
	top: 130px;
	left: -21px;
	width: 780px;
	background: rgba(61, 57, 58,0.8 );
	height: 89px;
}
.hotel-booking-mask .promo-code-wrp {
	padding: 22px 40px 22px 22px;
}
.discount-box {
	width: 263px;
	height: 45px;
	float: left;
	margin-right: 9px;
	position: relative;
}
.promo-select > option {
	height: 45px;
	box-sizing: border-box;
}
.bm-wrp-background .promo-code-wrp .promo-select {
	width: 263px !important;
	height: 45px !important;
}
.hotel-booking-mask .promo-code-wrp .promo-value {
	height: 45px !important;
	box-sizing: border-box;
}
.discount-box::after {
	background-color: hsl(210, 3%, 15%);
	background-image: url(/templates/main/images/select-arrow.png);
	background-position: 13px 18px;
	content: "";
	display: block;
	height: 43px;
	pointer-events: none;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 41px;
	background-repeat: no-repeat;
}
.hotel-booking-mask .apply-btn-wrp {
	margin: 0 0 0 9px;
	min-width: 140px;
	height: 46px;
}
.hotel-booking-mask .bm-wrp-background .datepicker-wrapper {
	top: 50%;
	left: 50% !important;
	transform: translate(-50%, -50%);
	width: 500px;
	bottom: unset;
	position: absolute;
}
.number-input option {
	font-size: 12px;
}
.new-book-btn, .bm-wrp-background.is-mobile{
	display: none;
}
.hotel-booking-mask .promocode-close {
	background: rgba(0, 0, 0, 0) url("../images/bm-close.png") no-repeat scroll 0 0/15px;
}
#booking-form {
	position: relative;
}
#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
	font-size: 1.5em !important;
}
#main-visual .bannerEnabled.slide .slide-description-wrapper {
	bottom: calc(0% + 108px) !important;
}
.datepicker-wrapper .ui-widget .ui-datepicker-calendar thead span {
	padding-bottom: 21px;
}
.hotel-booking-mask .datepicker-wrapper .ui-widget-content td > span {
	padding: 8px 0;
}
.hotel-booking-mask .datepicker-wrapper{
	display: none;
}
body.bm-opened .bm-wrp-background{z-index: 12;}
.covid-bar.group .bm-wrp-background {	bottom: 13px;}

@media (min-width: 1280px) and (max-width: 1399px) {
	.group .bm-wrp-background {
		bottom: 50px;
		top: unset;
	}
}

@media (min-width: 1024px) and (max-width: 1365px) {
	.hotel-booking-mask:not(.fixed-header) .header-right-section{display: none;}
	.hotel-booking-mask .applyBtn {
		padding: 16px 0;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		font-size: 1.3em !important;
	}
	.hotel-booking-mask #booking-form .ui-widget-content td > span {
		padding: 8px 0;
	}
	.hotel-booking-mask .promo-code-wrp-outer {
		width: 730px;
	}
	.bm-wrp-background.open-promo-box {
		opacity: 1;
		z-index: 12;
	}

	
}
/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.ipad-background {
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		z-index: 10;
		left: 0;
	}
	.bm-popup-close {
		display: block;
		background: url(../images/bm-close.png) no-repeat;
		width: 22px;
		height: 22px;
		position: absolute;
		right: 40px;
		top: 40px;
		cursor: pointer;
	}
	.availability-wrapper-outer.new-booking-mask{
		display: block;
	}
	.bm-wrp-background {
		top: 50%;
		width: 650px;
		left: 50%;
		transform: translate(-50%, -50%);
		bottom: unset;
		display: none;
		position: fixed;
		margin: 0;
	}
	.fixed-booking-mask .bm-wrp-background{
		height: max-content;
		opacity: 1;
		transform: all 0.5s;
	}
	.hotels.after, .discount-box {width: 208px;}
	.selector.select-box, .bm-wrp-background .promo-code-wrp .promo-select, .promo-select > option {
		width: inherit !important; 
		font-size: 9px;
	}
	.hotel-booking-mask .bm-wrp-background .boxes {
		width: 53px;
		margin: 0 7px 21px 0;
	}
	#booking-form .booking-link {
		padding: 0;
		margin: 0 !important;
		width: 123px !important;
		line-height: 15px;
		height: 52px;
		min-width: unset;
	}
	.hotel-booking-mask .applyBtn {
		padding: 16px 0;
	}
	.promo-code-wrp .promo-value {
		width: 208px !important;
	}
	.hotel-booking-mask .promo-code-wrp-outer {
		top: 117px;
		left: -21px;
		width:680px;
	}
	.datepicker-wrapper .ui-widget-content td > a, .datepicker-wrapper .ui-widget-content td > span {
		width: 65px !important;
	}
	.hotels #hotels, .promo-code-wrp .promo-select {
		font-size: 9px !important;
	}
/*	body.hotel-booking-mask.bm-opened{
		overflow: hidden;
		height: 100vh;
	}*/
	.bm-wrp-background.open-promo-box {
		opacity: 1;
		z-index: 12;
	}
	html.bookingView, .bookingView body {
		height: 100%;
		overflow: hidden;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.covid-bar.group .bm-wrp-background { bottom: unset; }
}

@media (max-width: 767px) {
	.bm-wrp-background, .fixed-header .bm-wrp-background {
		width: 100%;
		height: 0;
		top: 82px;
		padding: 0;
		opacity: 1;
		transition: all 0.5s;	
		margin: unset;
		background: rgba(61, 57, 58 );
		left: unset;
		transform: unset;
	}
	.check-rates.only-mobile-btn{
		display: block;
	}
	.new-book-btn {
		display: block;
		position: absolute;
		right: 0px;
		width: 100px;
		background: #931309;
		padding: 12px 0 12px;
		font-size: 0.8em;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
	}
	.bm-wrp-background.active {
		opacity: 1;
		transition: all 0.5s;
	}
	.bm-wrapper {
		padding: 21px;
	}
	.hotels.after, .select-box {
		width: 100%;
	}
	#booking-form .booking-link {
		margin-left: 0 !important;
		width: 100%;
		z-index: 0;
		position: unset;
	}
	/*calendar*/
	.hotel-booking-mask .datepicker-wrapper .ui-widget-content td > span, .datepicker-wrapper .ui-widget-content td > a.ui-state-default {
		width: 29px !important;
		line-height: 21px !important;
		height: 29px !important;
		padding: 0 !important;
	}
	.ui-datepicker table, .ui-datepicker-row-break, .hotel-booking-mask .datepicker-wrapper .ui-datepicker{
		width: 240px !important;
	}
	.rate, .poundCurrency {
		font-size: 8px !important;
		line-height: 0;
	}
	.datepicker-wrapper .ui-widget-content td > span, .datepicker-wrapper .ui-widget-content td > a {
		padding-top: 5px !important;
	}
	.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header {
		margin: 0 !important;
	}
	.hotel-booking-mask .bm-wrp-background .datepicker-wrapper {
		width: 270px;
	}
	.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header {
		font-size: 21px;
		padding-bottom: 14px;
	}
	.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd, .datepicker-wrapper .ui-datepicker .ui-datepicker-cmd:hover {
		top: 3px;
	}
	.hotel-booking-mask .datepicker-wrapper .ui-widget-content td > a, .hotel-booking-mask .datepicker-wrapper .ui-widget-content td > span {
		font-size: 14px;
	}
	.number-input option {
		font-size: 10px;
	}
	.bm-wrapper {
		max-width: 333px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0 !important;
		width: calc(100% - 42px);
	}
	.bm-wrp-background{
		position: relative;
	}
	.border-sec.boxes {
		width: calc(calc(100% / 5) - 9.2px);
	}

	.hotel-booking-mask .promo-code-wrp-outer {
		/* position: absolute; */
		left: 50%;
		max-width: 333px;
		background: rgb(61, 57, 58);
		height: auto;
		top: 50%;
		margin: auto;
		transform: translate(-50%, -50%);
		bottom: unset;
		z-index: 3;
		width: calc(100% - 42px);
	}			
	.hotel-booking-mask .promo-code-wrp {
		padding: 32px 22px;
		width: calc(100% - 42px);
	}
	.hotel-booking-mask .discount-box, .hotel-booking-mask .promo-code-wrp .promo-select {
		width: 100%;
		height: 46px;
	}
	.hotel-booking-mask .promo-code-wrp .promo-value {
		padding: 0 8px;
		margin-top: 11px;
		width: 94%;
	}
	.hotel-booking-mask .bm-wrp-background.promo-box::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: #ccc;
		opacity: 0.3;
		top: 0;
	}
	.bm-wrp-background::after{
		content: '';
		width: 100%
		height:0;
		opacity: 0;
		transform: all 0.5s; 
	}
	
	#main-visual, .hotel-booking-mask .trip-advisor-logo.mobile-only{display: none;}
	.toggle-icon .bar{border-right: 41px solid #000;}
	.toggle-icon .menu-text{color: #000;}
	.bm-wrp-background, .fixed-header .bm-wrp-background{z-index: 0;}
	.bm-wrp-background .promo-code-wrp .promo-select {width: inherit !important;}
	.promo-code-wrp .promo-value {width: 100% !important; padding-left: 15px !important;}
	.hotel-booking-mask .apply-btn-wrp {
		float: left;
		margin: 10px 0 0 0;
	}
	.fixed-header #main, #main {
		margin-top: 82px;
		display: inherit;
	}
	.hotel-booking-mask .header-content {
		top: 0;
	}
	.datepicker-wrapper.checkInClass, .datepicker-wrapper.checkOutClass {
		position: absolute;
	}
	.hotel-booking-mask .header-right-section{
		display: none;
	}
	#booking-form {
		position: unset;
	}
	body:not(.cookieEnabled) .bm-wrp-background {
		top: 82px !important;
	}
	body:not(.scroll).covid-bar .bm-wrp-background {	top: 120px !important;}
	.covid-bar:not(.scroll).fixed-header #main, .covid-bar:not(.scroll) #main {margin-top: 105px;	}
	body:not(.scroll).covid-bar.cookieEnabled .bm-wrp-background {top: 102px !important;}
	.covid-bar:not(.scroll).fixed-header.cookieEnabled #main, .cookieEnabled.covid-bar:not(.scroll) #main {	margin-top: 46px;}
}