/* --------------------------------------------- GENERAL */	
/* SIMULATE BOOTSTRAP */
.w10{	width:10%; 	float:left;}
.w15{	width:15%; 	float:left;}
.w20{	width:20%; 	float:left;}
.w25{	width:25%; 	float:left;}
.w30{	width:30%; 	float:left;}
.w33{	width:33.3%; 	float:left;}
.w35{	width:35%; 	float:left;}
.w40{	width:40%; 	float:left;}
.w50{	width:50%; 	float:left;}
.w60{	width:60%; 	float:left;}
.w70{	width:70%; 	float:left;}
.w75{	width:75%; 	float:left;}
.w80{	width:80%; 	float:left;}
.w90{	width:90%; 	float:left;}
.w100{	width:100%; float:none;}
.container, .ubermenu .ubermenu-nav{padding:0px 150px;}
.ubermenu .ubermenu-nav{padding:0px 120px;}

/* padding */
.p5		{padding:5px;}
.p10	{padding:10px;}
.p20	{padding:20px;}
.p30	{padding:30px;}
.p40	{padding:40px;}
.p50	{padding:50px;}
.notop	{padding-top:0px;}
.noright{padding-right:0px;}
.nobottom{padding-bottom:0px;}
.noleft	{padding-left:0px;}

/* float and clear */
.floatleft{float:left;}
.floatright{float:right;}
.clr{clear:both; float:none;}

/* --------------------------------------------- QR */	

.booking_qr {
    background-color: rgba(0,0,0,0.2);
}

.booking_qr  form{margin:0px;}

.booking_qr .container {
    padding: 10px;
}

.booking_qr input:hover{background-color:rgba(0,0,0,0.8);}

.booking_qr input{background-color: #fff;}
.booking_qr{background-color: #0b2842; }
.booking_qr #custom_date{margin:0px;    border: none; height: 50px; font-size: 14px; font-weight:300; border-radius: 0px; width:100%; padding: 0px;}
.booking_qr select   {
	border: none;
	font-size: 14px;
	color: #777;
	height: 30px;
	margin: 0px;
	width:100%;
	border-radius: 0px;
    padding: 7%;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
	padding:5px;
	background:#fff url(images/arrow_down.png) center right no-repeat;
}
h3.booknow{color:#fff; font-weight:700; font-size:27px; text-align:left; margin:0px; line-height:50px;}

.booking_qr .p10{padding:0px; /*padding-right:1px;*/     border-right: thin solid #cdcdcd;}
.fa{margin-right:10px; font-size: 28px !important; lne-height:44px; float:left;}

.search_box input[type="submit"] {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ccc;
    margin: 0px;
    background-color: #c80e39;
    width: 100%;
    color: #fff;
	height:50px;
	line-height:50px;
	border:0px;
}
.search_box input:hover, .search_box select:hover{background-color: #ffcc00;}

.booking_qr select {
    border: none;
    font-size: 14px;
    color: #777;
    height: 50px;
    margin: 0px;
    width: 100%;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
    background: #fff url(arrow_down.png) center right no-repeat;
	height:50px;
}

.booknow .p10, .custom_form4 .p10{border-right:none;}

/* --------------------------------------------- RESP */	

@media only screen and (max-width: 768px) {
		
	.w10{	width:100%; 	float:none;}
	.w15{	width:100%; 	float:none;}
	.w20{	width:100%; 	float:none;}
	.w25{	width:100%; 	float:none;}
	.w30{	width:100%; 	float:none;}
	.w33{	width:100%; 	float:none;}
	.w35{	width:100%; 	float:none;}
	.w40{	width:100%; 	float:none;}
	.w50{	width:100%; 	float:none;}
	.w60{	width:100%; 	float:none;}
	.w70{	width:100%; 	float:none;}
	.w75{	width:100%; 	float:none;}
	.w80{	width:100%; 	float:none;}
	.w90{	width:100%; 	float:none;}
	.w100{	width:100%; 	float:none;}
	aside, #primary{	width:100%; 	float:none;}
	
	}