.booknowa {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	top: 0;
	display: block;
	height: auto;
	padding: 0.5rem 0rem;
	position: fixed;
	width: 100%;
	z-index: 2;
	border-bottom: 1px solid #fff;
	height: 100%;
	right: 0;
	z-index: 99;

}
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 8px 0px 5px 7px !important;
	line-height: 22px;
}

.booking_area {
	position: absolute;
	right: 0;
	left: 0;
	width: 70%;
	text-align: center;
	margin: auto;
	top: 15%;
	
}
.book-stay{
font-size: 45px;
color: #685d7b;
font-family: 'Satisfy', cursive;
padding-top: 10px;
}
.jquery-selectbox {
	background: rgba(0, 0, 0, 0) url("../images/newcalander_arroww.png") no-repeat scroll right center;

}
.w-100{ width:100% !important;}
.stickyroomnav{ display:none; background:rgba(76, 77, 79, 0.7) none repeat scroll 0 0; padding-top:1rem;}
.stickyroomnav.fixed{ display:block; position:fixed; bottom:0; margin:0 auto;z-index:1; right:0; left:0; }
.book_container {display: block;margin: auto;padding: 0;position: relative; text-align: center;}
.booktext {font-size:2.5rem; color:#fff; text-transform:uppercase; margin-right: 2rem !important; line-height:60px; margin-top:0px !important;}
.book_container ul li input[type="text"] {
	background: rgba(255, 255, 255, 0.6) url("../images/newcheck-calender.png") no-repeat scroll right 15px center;
	border: 2px solid #fff;
	color: #000;
	float: left;
	font-weight: 400;
	height: auto;
	line-height: 32px;
	margin: 0;
	padding: 10.3px 59px 10.3px 1px;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
	font-size: 1rem;
}

input:focus, select:focus, textarea:focus, button:focus { outline: medium none;}
.chkinOut {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-right: -3px; width: 210px;}

.book-close {
	position: absolute;
	top: -50px; line-height:0px !important;
	right: 0px;
	font-size: 65px;
	transform: rotate(318deg);
	-moz-transform: rotate(318deg);
	-o-transform: rotate(318deg);
	-webkit-transform: rotate(318deg);
	cursor: pointer;
}

.book_container ul li {position: relative;float: left;width: 100%;margin-top:20px;line-height: 50px;}
.button_book {margin-right: 0 !important;}
.book_container ul {margin: 0 auto; padding: 0;}
.rooms {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 2px solid #fff;
    height: auto !important;
    padding: 0;
    text-transform: uppercase;
    width: 100% !important;
}
.rooms label {font-size:1rem; font-family: 'Lato', sans-serif; font-weight:400; color:#000; line-height:27px;}
.jquery-selectbox.jquery-custom-selectboxes-replaced {
	width: 70% !important;
	float: left;  line-height: 22px;
	text-align: left;
	position: relative;
}
.jquery-selectbox .jquery-selectbox-item {
    cursor: pointer !important;
}

.jquery-selectbox .jquery-selectbox-currentItem {
	width: 73%;
}

.rooms label {
    text-align: left;
    float: left;
    padding-top: 5px;
    width: 85px;
    margin-bottom: 0rem;
    text-align: left;
    padding: 13px;
}
.rooms .jquery-selectbox .jquery-selectbox-list {
	margin: 33px 0 0 !important;
	text-align: center;
	padding-left: 0px;
	width: 56px !important;
	color: #000 !important;
	right: 43px;
	text-align: center;
	width: 34px !important;
}

.jquery-selectbox .jquery-selectbox-currentItem {
	color: #000;
	text-align: right;
	/* right: 67px; */
	font-weight: normal;
	position: relative;
	padding-right: 31% !important;
}

.rooms  .jquery-selectbox {height: 35px !important;}
 
.bordrim {border-right: 2px solid;height: 100%;position: absolute;right: 53px;top: -2px;height: 60px !important;}
.chkinOut > span {
	border-right: 2px solid #fff;
	height: auto;
	position: absolute;
	left: 10px;
	top: 30%;
	z-index: 0;
	width: 37%;
	border: 0;
	line-height: 23px;
	text-align: left;
	font-weight: 500;
}

.img-replace {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	color: #000;
	white-space: nowrap;
}

.customization_popup_trigger {
	display: block;
	width: 174px;
	height: auto;
	line-height: 36px;
	/* margin: 3em auto; */
	text-align: center;
	color: #FFF;
	/* font-size: 14px; */
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0;
	background: #685d7b;
	box-shadow: 0 0px 0 rgba(0, 0, 0, 0.07);
	position: fixed;
	top: 57px;
	right: 10px;

	padding: 5px;
}



.booking_area button {
	background: #685d7b;
	border: none;
	border-radius: 0px;
	font-size: 16px;
	/* font-family: 'Cinzel', serif; */
	color: #fff;
	padding: 13px 30px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 550;
}


.booking_area button:hover {
	background: #817693;

}


.booking_area .jquery-selectbox .jquery-selectbox-list {
	background: #FFF;
	
}
.booking_area .jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #ccc;
	color: #ffffff;
	
}


/* --------------------------------

xpopup

-------------------------------- */

.customization_popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.customization_popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.customization_popup_container {
    position: absolute;
    width: 499px;
/*     max-width: 400px; */
    margin: 0 auto;
    right: 0;
    top: 0;
    height: 100vh;

    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translatex(400px);
    -moz-transform: translatex(400px);
    -ms-transform: translatex(400px);
    -o-transform: translatex(400px);
    transform: translatex(400px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.customization_popup_container p {
    padding: 3em 1em;
}

.customization_popup_container .customization_popup_buttons:after {
    content: "";
    display: table;
    clear: both;
}

.customization_popup_container .customization_popup_buttons li {
    float: left;
    width: 50%;
    list-style: none;
}

.customization_popup_container .customization_popup_buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.customization_popup_container .customization_popup_buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}

.no-touch .customization_popup_container .customization_popup_buttons li:first-child a:hover {
    background-color: #fc8982;
}

.customization_popup_container .customization_popup_buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}

.no-touch .customization_popup_container .customization_popup_buttons li:last-child a:hover {
    background-color: #c5ccd8;
}

.customization_popup_container .customization_popup_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
	z-index: 1111;
}

.customization_popup_container .customization_popup_close::before, .customization_popup_container .customization_popup_close::after {
	content: '';
	position: absolute;
	top: 18px;
	width: 14px;
	height: 3px;
	background-color: #090909;
	font-weight: 100;
	font-family: arial;
}

.customization_popup_container .customization_popup_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.customization_popup_container .customization_popup_close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is-visible .customization_popup_container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
    .customization_popup_container {
	margin: 2em auto;
}
}



@media only screen and (max-width: 575px) {
	.booknowa {
		width: 78%;
	}
	.booking_area {
		width: 87%;
	}
}