/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
.register{
	float:left;
	width:40%;	
	
	}
.reservations{
	background: url("../images/banner1.jpg") no-repeat;
	background-size:cover;
	min-height:700px;
	padding-top:7.5em;
	
}
.reservation-leftgrid{
	float:left;
	width:48%;
	margin-right:4%;
}
.reservation-leftgrid1{
	float:left;
	width:48%;
}
.reservation-rightgrid {
	text-align:center;
	padding: 4px 1em 2em 5em;
	background:url(../images/reg_bg.jpg) repeat;
	border-radius:3em;
	margin-bottom:5em;
	border-top: 5px solid #B89446;
}

.reservation-rightgrid h4 {
	font-size:2em;
	color: #cc9900;
	font-weight: 400;
	padding:1em 0em 0em 0em;
}
.reservation-rightgrid p {
	font-size: 1.2em;
	color: #4c4c4c;
	padding: 0.23em 0 0.4em 0;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
}
.reservation-rightgrid span {
	font-size: 1.2em;
	color: #4c4c4c;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
}

.top_text{
	text-align:center;}
	
	

.contact h5{
	font-size: 1em;
	text-align: left;
	text-transform: capitalize;
	color: #cc9900;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	/*padding-bottom: 3px;*/
	font-weight: 600;
}


.final_order_top{
	background:url(../images/logout_top_bg.jpg);}
	
.reg_top{
	background:url(../images/logout_top_bg.jpg);}	
	
.final_order_top h1{
	text-align:center;
	padding:2em;
	margin-top:1em;
	font-size:2.3em;
	text-shadow: 2px 2px #000;
	color:#fff;}
	
.reg_top h1{
	text-align:center;
	padding:2em;
	margin-top:1em;
	font-size:2.3em;
	text-shadow: 2px 2px #000;
	color:#fff;}
	
	
.loginer a{
	color:#09F;}		
	
.contact-text{
	float:left;
	width:100%;
	/*padding-bottom: 2%;*/
}

.Order_Summary{
	float:left;
	width:48%;
	background:url(../images/reg_bg.jpg) repeat;
	border-radius:3em;
	margin-bottom:5em;
	border-top: 5px solid #B89446;
	text-align:center;
	margin-top:2em;
	padding-bottom:2em;}
	
.Order_Summary h2{
	padding-top:28px;
	margin-bottom:13px;}	
	
.Order_Summary a{background:#333;
	padding:0.4em;
	color:#ccc;
	border-radius:3px;
	float:right;
	margin-right:2em;}	
.Customer_Information{
	width:48%;
	text-align:center;
/*	float:left;*/
	width:48%;
	padding-bottom:4em;
	background:url(../images/reg_bg.jpg) repeat;
	border-radius:3em;
	/*margin-bottom:5em;*/
	border-top: 5px solid #B89446;
	text-align:center;
	/*margin-top:2em;*/
	margin:2em auto;}	

.space{
	padding:2em;}	
.quntity{
	float:left;
	width:36%;}
.menu{
	float:left;
	/*width:36%;*/}
.total{
	float:left;
	width:36%;}
	
	
.Order_Summary h3{
	font-size:14px;
	}
.Order_Summary li{
	font-size:12px;}	
.Order_Summary p{
	padding:0.8em;}			


.Customer_Information p{
	text-align:left;
	margin-left:3em;
	}



#booknow a{
	padding:2em 2em 1em 2em;
	  font-size: 22px;
	  
}

#booknow{ 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  right:0;
  
}

#booknow a { 

 height: 140px; 
  border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-redius:50%;
  -webkit-border-radius:50%;
  -o-border-radius:50%;
  width: 140px;
  display: block; 
  background: #f00; 
  color: #fff; 
  font-family: Arial, sans-serif; 
  font-weight: bold; 
  text-decoration: none;
  border:4px dashed #FF0;
 
}

#booknow a:hover { 
  background: #0C0; 
    border:3px dashed #CF0;

}


.order_cart{
	width:100%;
/*padding-bottom: 2em;*/
border-radius: 3em;
/*margin-bottom: 5em;*/
border-top: 3px solid #B89446;
text-align: center;
margin:2em auto;
padding-top:1em;

	}

.ordercartmb{ display:none;}
.menuname{
	/*padding-bottom:10em;*/}
.div_1{
	float:left;
	width:28%;
	}
.div_2{
	float:left;
	width:20%;
	}
.div_3{
	float:left;
	width:18%;
	}
.div_4{
	float:left;
	width:15%;
	}
.div_5{
	float:left;
	width:15%;
	}


.menuname h1{
	font-size:16px;
	color:#099;
	padding-bottom:10px;
	}
.menuname h2{
	font-size:14px;
	}
.menuname ul{
	margin-top:2em;}
.menuname ul li {
	font-size:10px;
	text-align:left;}


.qty_input {
	width:60px;
	}
.update img{
	float:right;
	padding-right:20px;
	padding-top:6px;}

select{
	float:left;
	width:92%;
	/*padding-bottom: 2%;*/
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	font-weight: 300;
	font-style: italic;
	}
	

.order_cart p{
	font-size:14px;
	padding:3px;}


.security_left{
	float:left;
	width:47%;
	}
	
	
.security_right{
	float:left;	width:47%;

	}	


.contact-text input.Security_text{	
padding: 7px 12px;
font-size: 14px;
outline: none;
color: #b6b6b6;
border: 1px solid #dedfdf;
font-weight: 300;
font-style: italic;}


		
#Security_Code{
	
	padding-bottom: 2%;
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	font-weight: 300;
	font-style: italic;
	
	
	}
.contact-text input.text {
	width: 92%;
	padding: 2px 12px;
	margin-right: 42px;
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;
}
.contact-text input.texttime {
	width: 87%;
	padding: 7px 12px;
	margin-right: 42px;
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;
}
.contact-text input#datepicker {
	width: 92%;
	padding: 7px 12px;
	margin-right: 42px;
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;
}
#styled{
	width: 92%;
	padding: 7px 12px;
	margin-right: 42px;
	font-size: 14px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;}


.edit_deteils{
	margin-top:2em;}

.contact_text {
	width:100%;
	text-align:left;
	margin-left:1em;
	}
	
.contact_text select{
	width:80%;
	text-align:left;
	padding:0;
	margin:8px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	padding:3px 6px 2px 1px;
	

	font-style: italic;
	}	
	
	
	.contact_text .text{
	width:80%;
	margin:8px;
	text-align:left;
	padding:0;
	margin-right:0;
	padding:3px 6px 2px 1px;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;
	}	
	
.order_palce_paypal{
	}	
.payment_order{
	width: 48%;
	background:url(../images/reg_bg.jpg) repeat;
border-radius: 3em;
margin:2em auto;
border-top: 5px solid #B89446;
text-align: center;
padding-bottom: 3em;
float:left;
}

.payment_order a{
	background:#333;
	padding:0.4em;
	color:#ccc;
	border-radius:3px;
	float:right;
	margin-right:2em;
	
	}
	
	
.AccordionPanelTab a{
	background:#333;
	padding:0.4em;
	color:#ccc;
	border-radius:3px;
	float:right;
	margin-right:2em;
	
	}
		
	
.order_palce_paypal{
	text-align:left;}
	
.order_palce_paypal p{
	padding:0.4em;
	margin: 0em 0em 0em 12em;}
	
	
.order_palce_paypal checkbox{
	padding:0.4em;}			
/* WRAPPER */
.dropdown-button:first-child{
	margin-left:0;
	
	
}

.voucherinput{
	padding:0.3em 0.3em 0.3em 0.6em;
	margin-left:0.4em;}
	
.enter_code button{
	padding:0em 0em 0em 0.3em;
	}	

.order_cart_bottom{
	background-color: #f5f5f5;
    border-bottom: 3px solid #b89466;
    border-radius: 17px;
    border-top: 3px solid #b89466;
    margin: 42px auto;
    padding: 2%;
    width: 50%;
}


	
.grand_total h1{
		font-size:22px;
		color:#09C;
		line-height:0px;}
	
.enter_code{
	float:left;}
	
.grand_total{
	/*float:right;
	margin-right:1em;
	margin-top:60px;*/}	
	
.grand_total1{
	margin-top:-10px;
}
.shoping_checkout{
	width:40%;
	margin:2em auto;
	background:#CCC;
	padding-bottom: 5em;
	border-radius:1em;
	}
	
.cart_shoping_checkout{
	float:left;
	padding:0.8em;
	margin-top:0.3em;
	margin-right:2.3em;
	}			

.order_palce_paypal span{
	margin-left:6px;}
.dropdown-button{
	width:100%;
}
.dropdown {
	position: relative;
	margin: 0px 15px 0px 0px;
	width: 92%;
	padding: 4px 9px;
	font-size: 1.5em;
	outline: none;
	color: #b6b6b6;
	border: 1px solid #dedfdf;
	font-weight: 300;
	font-style: italic;
}
.dropdown-button{
	display:inline-block;
}
.flat{
	position: relative;	
	cursor: pointer;
	font-weight:600;
	background:#ff7b3d;
	color:#898989;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.flat.open{
	z-index: 2;
}
.flat:hover,
.flat.focus{
	color:#666;
}
/* OLD SELECT (HIDDEN) */
.flat .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.flat select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.flat.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 
.flat .selected {
    color:#fff;
}
.flat .selected,
.flat li{
	display: block;
	font-size: 1.1em;
	padding: 14px 0px 14px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	font-weight: 300;
	text-transform: uppercase;
	font-weight: 600;
}
.flat .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding:20px 20px;
	background: url(../images/img-sprite.png) no-repeat 0px -46px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
}
.flat:hover .selected::after,
.flat.focus .selected::after{
	background:url(../images/img-sprite.png) no-repeat -43px -46px;
}
/* DROP DOWN WRAPPER */
.flat div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top:1px;
	background:#444444;
	overflow: hidden;
	opacity: 0;
	color: #FFF;
}
/* Height is adjusted by JS on open */
.flat.open div{
	opacity: 1;
	z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.flat.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
}
.flat.scrollable.bottom div::after{
	opacity: 0;
}
/* DROP DOWN LIST */
.flat ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding:0;
	list-style: none;
	overflow: hidden;
}
.flat.scrollable.open ul{
	overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.flat li{
	list-style: none;
	padding: 6px 10px;
	padding: 6px 19px;
	font-size: 1em;
	font-weight: 600;
}
.flat li:last-child {
    border-bottom: 0;
}
/* .focus class is also added on hover */
.flat li:hover{
	background-color:#ff7b3d;
}
.flat li.focus{
	background:#ff7b3d;
	position: relative;
	z-index: 3;
	color:#FFF;
}
.flat li.active{
    background-color:#ff7b3d;
	color: #fff;
}
.reservation-rightgrid input[type="button"],input[type="submit"] {
	width: 20%;
	margin: 28px 4em;
	background: #000;
	font-size: 12px;
	color: #fff;
	border: none;
	outline: none;
	padding: 5px 0;
	z-index: 1;
	float:right;
}
.forgot_password{
	float:right;}
	
.forgot_password a{
	padding:1em;
	margin-right:2em;}	

.reservation-rightgrid input[type="button"]:hover ,input[type="submit"]:hover{
	background: #F90;
}
.star{
	color:#F00;
	font-weight: bold;
	font-size:20px;
	padding: 0 0 10px;
	font-family: arial;
	}
.msggreen{
	color:#5B8B3C;
	font-weight: bold;
	font-size:12px;
	padding: 0 0 10px;
	font-family: arial;
	}
.add_message {
    background: none repeat scroll 0 0 #DFF0D8 !important;
    border: 8px solid #D9D9D9;
    color: #468847;
    /*font-weight: bold;*/
	padding: 10px;
	text-align:center;
}.err_message {
    background: none repeat scroll 0 0 #FCC9D0 !important;
    border: 8px solid #D9D9D9;
    color:#F00;
    /*font-weight: bold;*/
	padding: 10px;
	text-align:center;
}

.reservations{
	background: url("../images/banner1.jpg") no-repeat;
	background-size:cover;
	min-height:700px;
	padding-top:2em;}

		
		@media(max-width:1024px){
	
			.reservations{
				min-height: 520px;
				padding-top: 4.5em;
			}
		
			.reservation-rightgrid h4 {
				font-size: 2.5em;
			}
			.reservation-rightgrid {
				text-align: center;
				padding: 0 1em;
			}
			.reservation-rightgrid p {
				font-size: 1.19em;
				padding: 0.5em 0 0.4em 0;
				line-height: 1.3em;
				overflow: hidden;
				height: 69px;
			}
			.contact {
				padding-top: 0.8em;
			}
			.contact-text{
				padding-bottom: 3%;
			}
			input[type="button"] {
				width: 18%;
				margin: 0px 7em;
			}
		
			
		}
			
	@media(max-width:800px){		
				
				.reservations {
					min-height: 430px;
				}
				.grid-section {
					width: 50%;
					float: left;
				}
				.reservation-rightgrid{
					float:left;
					width:50%;
				}
				.reservation-rightgrid h4 {
					font-size: 2.3em;
				}
				.reservation-rightgrid p {
					overflow: hidden;
					height: 45px;
					font-size: 1em;
				}
				.reservation-rightgrid span{
					display: none;
				}
				.order_cart_bottom{
	background-color: #f5f5f5;
    border-bottom: 3px solid #b89466;
    border-radius: 17px;
    border-top: 3px solid #b89466;
    margin: 42px auto;
    padding: 2%;
    width: 98%;
	}
			}

	@media(max-width:640px){
	
		.reservations {
			min-height: 325px;
			padding-top: 2.5em;
		}
		.reservation-rightgrid h4 {
			font-size: 2em;
			padding-bottom: 5px;
		}
		.reservation-rightgrid img {
			width: 60%;
		}
		.reservation-rightgrid p{
			overflow: hidden;
			height: 25px;
		}
		.contact-text {
			float: left;
			width: 48%;
		}
		.contact-text input.text{
			font-size:1.1em;
		}
		.contact-text input#datepicker
		{
			font-size:1.1em;
		}
		.dropdown {
			font-size:1.1em;
		}
		.reservation-rightgrid input[type="button"] {
			width: 45%;
			margin: 0px 1em;
			font-size:1.1em;
		}
		
}
	@media(max-width:480px){
	
		.reservations {
			padding: 2em 0;
		}
		.grid-section {
			width: 100%;
		}
		.reservation-rightgrid {
			width: 100%;
			margin-top: 2em;
		}
		.reservation-rightgrid img {
			width: 50%;
		}
		
	@media(max-width:320px){
		
		.reservation-rightgrid p {
			overflow: hidden;
			height: 41px;
		}
		.reservation-rightgrid h4 {
			font-size: 1.88em;
			padding-bottom: 5px;
		}
		.contact-text {
			width: 100%;
		}
		.contact-text input.text {
			width: 100%;
			margin-right: 0;
		}
		.contact-text input#datepicker {
			width: 100%;
			margin-right: 0;
		}
		.dropdown {
			width: 100%;
		}
		.reservation-rightgrid input[type="button"] {
			width: 60%;
			margin: 0.5em 0em 0 0;
		}
		
	}
@media only screen and (max-width:800px) {
	.ordercartmb{
		    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #a26b35;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-color: #ccc;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 0 5px 5px;
    color: #fff;
    font-size: 15px;
    height: 36px;
    left: -69px;
    padding: 3px 4%;
    position: fixed;
    transform: rotate(-90deg);
    width: 173px;
    z-index: 9999;
    top:50%;
	display:block;
	}
}