/***************  templates/main/css/bm.css  ***************/
#check-availability,
.bm-header{
	color: #fff;
}
.best-rate{
	margin: 0;
}
#check-availability select{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	cursor: pointer;
}
.booking-form-wrapper{
	left: 0;
	right:0;
	margin: 0 auto;
}
.datepicker-wrapper {
	margin: 27px auto 0;
	width: 803px;
}
	.datepicker-wrapper .ui-datepicker {
		width: 100% !important;
		padding: 0;
		border:none;
		background:transparent;
	}
	.datepicker-wrapper .ui-widget.ui-widget-content{
		border:none;
	}
		.datepicker-wrapper .ui-datepicker-multi-2 .ui-datepicker-group {
			width: 359px;
			border: none;
		}
		.ui-datepicker-group.ui-datepicker-group-first {
			margin-right: 84px;
		}
			.datepicker-wrapper .ui-widget-header {
				border:1px solid #fff;
				border-bottom: none;
				background: transparent;
				color: #fff;
				font-weight: normal;
			}
			.datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{
				border-left-width: 1px;
			}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-header {
				position: relative;
				padding: 0;
				text-align: center;
			}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-title {
				font-size: 1.2em;
				line-height: 1.55em;
				display: inline-block;
				margin: 0;
				position: relative;
			}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-group-first .ui-datepicker-title:after{
				content: "";
				width: 19px;
				height: 10px;
				position: absolute;
				right: 0;
				top: 10px;
				pointer-events: none;
				background-image: url(/templates/main/images/sprite.svg);
				background-position: -51px -47px;
			}
			.no-svg .datepicker-wrapper .ui-datepicker .ui-datepicker-group-first .ui-datepicker-title:after{
				background-image: url(/templates/main/images/sprite.png);
			}
				.ui-datepicker-month {
					margin-right: 10px;
				}
				.datepicker-wrapper .ui-datepicker .ui-datepicker-prev,
				.datepicker-wrapper .ui-datepicker .ui-datepicker-next {
					position: absolute;
					top: 6px;
					width: 12px;
					height: 19px;
					background-color:transparent;
					border: none !important;
					background-image: url(/templates/main/images/sprite.svg);
					cursor: pointer;
				}
				.no-svg .datepicker-wrapper .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
				.no-svg .datepicker-wrapper .ui-datepicker .ui-datepicker-next.ui-state-disabled {
					background-image: url(/templates/main/images/sprite.png);
				}
				.datepicker-wrapper .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
				.datepicker-wrapper .ui-datepicker .ui-datepicker-next.ui-state-disabled {
					cursor: default;
				}
				.datepicker-wrapper .ui-datepicker .ui-datepicker-prev{
					left: 6px;
					background-position: -50px -62px;
				}
				.datepicker-wrapper .ui-datepicker .ui-datepicker-next{
					right: 6px;
					background-position: -68px -62px;
				}
					.datepicker-wrapper .ui-datepicker .ui-datepicker-prev span,
					.datepicker-wrapper .ui-datepicker .ui-datepicker-next span {
						background: none;
					}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-title select {
				font-size: 1em;
				margin: 0;
				background: transparent;
				border: none;
				width: auto;
				color: #fff;
				padding-right: 36px;
			}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-title select option{
				color: #000;
			}
			.datepicker-wrapper .ui-datepicker .ui-datepicker-title select::-ms-expand {
				display: none;
			}
			.datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group table {
				width: 100%;
				margin: 0 auto;
				border:none;
			}
				.datepicker-wrapper .ui-datepicker th {
					padding: 3px 0px 2px;
					font-weight: normal;
					text-transform: uppercase;
					font-size: 0.7em;
					color: #fff;
					border: 1px solid #fff;
					width: 51px;
				}
				.datepicker-wrapper .ui-datepicker td{
					border: 1px solid #fff;
					padding: 0;
					width: 51px;
					height: 41px;
				}
				.datepicker-wrapper .ui-datepicker td a:focus,
				.datepicker-wrapper .ui-datepicker td.dp-highlight-active{
					background-color: rgba(0,0,0,0.5);
				}
				.datepicker-wrapper .ui-datepicker td.dp-highlight{
					background-color: rgba(0,0,0,0.3);
				}
					.datepicker-wrapper .ui-state-default,
					.datepicker-wrapper .ui-widget-content .ui-state-default{
						border: none;
						background: transparent;
						font-weight: normal;
						color: #fff;
						text-align: center;
						padding:11px 0;
					}

.bm-hotel-logo {
	top: 34px;
	left: 25px;
	width: 253px;
	z-index:1;
}
.bm-hotel-logo .logo {
	height: auto;
	width: 100%;
}
#booking-content-area {
	width: 803px;
	margin: 25px auto 0;
	color: #fff;
}
	.date{
		border-bottom: 1px solid #fff;
	}
	.date.datein {
		margin-right: 40px;
	}
		.date input {
			background: transparent;
			border: none;
			color: #fff;
			font-size: 1em;
			margin-left: 20px;
			width: 120px;
			padding: 0;
		}
		.date label {
			font-size: 1.38em;
		}
.inputs-wrapper {
	margin-top: 22px;
}
	.inputs-wrapper .input-wrapper {
		width: 71px;
		margin-right: 48px;
		position: relative;
	}
	.input-wrapper.choose:after {
		content: "";
		width: 18px;
		height: 10px;
		position: absolute;
		bottom: 19px;
		right: 11px;
		pointer-events: none;
		background-image: url(/templates/main/images/sprite.svg);
		background-position: -51px -47px;
	}
	.no-svg .input-wrapper.choose:after{
		background-image: url(/templates/main/images/sprite.png);
	}
		.inputs-wrapper label {
			font-size: 0.8em;
			margin-bottom: 2px;
			display: block;
		}
		.input-wrapper select {
			height: 50px;
			padding: 0 0 0 10px;
			width: 71px;
			border: 1px solid #fff;
			background: rgba(0,0,0,0.15);
			color: #fff;
			font-size: 0.9em;
			border-radius: 0;
		}
		.input-wrapper select::-ms-expand {
		    display: none;
		}
	.inputs-wrapper .promo-code.input-wrapper {
		width: 175px;
	}
		#promoCode {
			padding: 0 0 0 10px;
			border: 1px solid #fff;
			background: rgba(0,0,0,0.15);
			width: 163px;
			height: 49px;
			font-size: 0.9em;
			border-radius: 0;
		}
		#promoCode::placeholder{ color: #fff; }
		
		#promoCode::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color:  #fff;
		}
		#promoCode::-moz-placeholder { /* Firefox 19+ */
		  color:  #fff;
		}
		#promoCode:-ms-input-placeholder { /* IE 10+ */
		  color:  #fff;
		}
		#promoCode:-moz-placeholder { /* Firefox 18- */
		  color:  #fff;
		}
		.dateformat{
			font-size:0.85em;
		}
		.bm-submit-btn {
			width: 223px;
			height: 50px;
			margin-top: 20px;
			font-size: 0.8em;
			padding: 0;
			position: relative;
		}
		.bm-submit-btn.disabled{
			opacity: 0.5;
		}
		.bm-submit-btn:after{
			content: "";
			width: calc(100% - 10px);
			height: calc(100% - 10px);
			top: 4px;
			left: 4px;
			border: 1px solid #fff;
			position: absolute;
		}
	.bm-header {
		text-align: center;
		margin: 0 0 0 0;
	}
	.bm-header span.bm-title {
		font-size: 0.8em;
	}
	.hide{
		display: none;
	}
	.bm-close {
		top: 34px;
		right: 30px;
		width: 30px;
		height: 35px;
		cursor: pointer;
		background-position: -51px -3px;
	}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1262px) {
	.bm-hotel-logo{
		width: 150px;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.bm-hotel-logo{
		width: 150px;
	}
	.datepicker-wrapper {
		margin: 27px auto 0;
		width: 750px;
	}
		.ui-datepicker-group.ui-datepicker-group-first {
			margin-right: 32px;
		}
	#booking-content-area {
		width: 750px;
	}
		.inputs-wrapper .input-wrapper {
			margin-right: 34px;
		}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	
}
/***************  templates/main/libs/jquery/slick/slick.css  ***************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
	z-index:0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	outline: none;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/***************  templates/main/libs/jquery/jscrollpane/jquery.jscrollpane.css  ***************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: #aaa;
	border-radius: 10px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	border-radius: 10px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #aaa;
	position: relative;
	border-radius: 10px;
}

.jspDrag
{
	background: #666;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}