@charset "utf-8";
body{margin:0px; padding:0px;}

.reservation_wraper{
	max-width:700px;
	width:100%;
	margin:0px auto;
	margin-top:30px;
	
}

.table ul li a{}

.reservation_wraper p{
	margin:0px;
	padding:0px;
}

.reservation_wraper h1{
	font-size:18px;
}

.reservation_wraper h2{
	padding: 10px;
	font-size: 16px;
	margin: 10px 0 0 0;
	
}

.reservation_wraper_item{
	/*background: #fcfcfc;*/
	position: relative;
	overflow: hidden;
}

label{
	
}

.reservation_wraper label{
	margin:0px!important;}
	color:#5a6673;
	
	 
}

.reservation_wraper button{
	background: #337ab7;
	border: solid 1px #3882d9;
	border-radius:3px;
	padding:10px;
	color:#fff;
	text-align:center;
	
	cursor: pointer;
}

.reservation_wraper input{
	background:#fff;
	border: solid 1px #d1d2d3;
	padding: 9px 5px;
	display:block;
	border-radius:3px;
	box-shadow: 2px 1px 2px #D6D6D6;
	
	
}
.reservation_wraper select{
	background:#fff;
	border: solid 1px #d1d2d3;
	padding: 2px 8px !important;
	display:block;
	border-radius:3px;
	box-shadow: 2px 1px 2px #D6D6D6;
	line-height: 32px;
	-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/select-arrow.png) no-repeat right #fff;
margin-bottom: 20px;
	
}






.reservation_form textarea{
	background:#fff;
	border: solid 1px #d1d2d3;
	padding: 9px 5px;
	display:block;
	border-radius:3px;
	box-shadow: 2px 1px 2px #D6D6D6;
	width:95%;
}

.reservation_header{
	background:#f8f8f8;
	border-bottom:solid 2px #f2f2f2;
	position:relative;
	overflow:hidden;
	padding:18px 12px;
}


.reservation_header_inner{
	background:#43A7F8 !important;
	/*border-bottom: solid 2px #F8EDBB !important;*/
	
}

.blank-label{ display:block; margin-bottom: 0px;}


.reservation_header .left_section{
	width: 18%;
	float: left;
	border-right: solid 1px #cad3dd;
	margin-right: 1%;
	height: 50px;
	padding-top: 14px;

}

.reservation_header .left_section h4{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	color:#748393;
	
}
.reservation_header .left_section h4 span{
	font-size:11px;
	display:block;
	font-weight:normal;
}

.reservation_header .right_section{
	width:100%;
	float:left;
	font-weight:bold;
	font-size:14px;
}
.reservation_header .right_section input{
	width:98% !important;
	padding: 9px 8px !important;
}

.reservation_header .right_section ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.reservation_header .right_section ul li{
	float:left;
	margin-right:4%;
}

.find_table{
	padding: 9px 5px 8px 5px !important;
	margin-top: 11px;
}

.table{
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.table ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.table ul li{
	float:left;
	
}

.table ul li a{
	border-radius:3px;
	border:solid 1px #fff;
	text-align:center;
	padding:6px 10px;
	background:#dcdcdc;
	margin-right:14px;
	font-size:12px;
	color:#444343;
	box-shadow: 2px 1px 2px #D6D6D6;
	text-decoration:none;
	display:block;
	margin-bottom: 10px;
	width:80px;
}

.table ul li a:hover{
	text-decoration:none;
	opacity: 0.8;
	
}

.party_size{
	/*width:20%;*/
	width:26%
}
.party_date{
	/*width:20%;*/
	width:26%
}

.party_time{
	width:17%;
}

.type4-form{
	width: 46% !important;
}

.party_time select{
	padding: 8px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1D2D3;
    border-radius: 3px;
    box-shadow: 2px 1px 2px #D6D6D6;
    display: block;
	float:left;
}

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

body.resversation_signup_login .left_section{
	width: 48%;
	padding-top: 0px;
	height: auto;
	
}

body.resversation_signup_login .right_section{
	width:100%;
	
}

.reservation_detail{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.reservation_detail span{
	font-weight:normal;
	font-size:14px;}
	
.otherwise_txt{
	font-weight:bold;
	margin-top: 5px!important;
	font-size:14px;
}

body.resversation_step2 .reservation_header .left_section h4{
	font-size:11px;
}

.login_now_btn{
	padding: 10px 8% !important;
	width: 50%;
	float: right;
}



/*---------------Reservation Form----------------------------*/
.reservation_form{
	padding: 0;
	position: relative;
	overflow: hidden;
	min-height: 700px;
	padding-top: 15px;
}

.reservation_form label {
	font-weight:normal;
	display:block;
	font-size:12px;
	color:#000;
	margin: 0 0 4px;
}
.reservation_form input{
	width: 95%;
	margin-bottom: 20px;
	padding: 10px 5px!important;
}



.link_color{
	color:#2085f1;
	font-size:12px;
}

.forgot_password{
	font-size:13px;
	font-weight:bold;
}


.revs_signin{
	/*background:#f8f8f8;*/
	border:solid 1px #e5e5e5;
	padding:10px;
	border-radius:5px;
	width: 34%;
	float: right;
}
.revs_signin h5{
	margin:0px 0 10px 0;
	padding:0px;
}

.revs_signin .info{
    font-size: 14px;
    padding-bottom: 7px;
	margin:0px 0 10px 0;
}
.revs_signin h6{
	margin:0px 0 10px 0;
	padding:0px;
}

.revs_signup h5 {
margin: 0px 0 10px 0;
padding: 0px;
}



/*---------------Reservation Form----------------------------*/


.amountpay{
	color:#fff;
	font-size:18px;
	margin:10px 0px;
	text-align:left;
}


.your_detail{
	background: none repeat scroll 0 0 #F5F5F5;
    padding: 10px;
    width: 100%;
}

.your_detail p{
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:12px;
}


.your_detail strong{
	display:block;
	font-weight:bold;
	font-size:12px;
}

.your_detail h5 {
margin: 0px 0 10px 0;
padding: 0px;
}

.thankyou{
}

.thankyou p{
	font-size:12px;
}





/*--------------------------Footer----------------------*/

.reservation_footer{
	text-align: right;
	padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
}

.reservation_footer button{
	padding: 10px 8% !important;
	width: 30%;
	
	
}

.thankyou{
	padding:30px 0px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.thankyou span{
	font-size:16px;
}

.payment{
	
	text-align:center;
}

.step_img{
	margin:10px 0px;
}

/*.payment h5{
	font-size: 22px;
	margin: 10px 0px;
}

.payment_input{
	display:inline-block !important;
}
.payment_button{
	display:inline-block !important;
	padding: 10px 4% !important;
}*/

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


/*-------------------------*/
	@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
	.popup_demo_body{background:transparent!important;}
	.popup_demo_body .reservation_wraper{padding-top:0px;}
	.popup_demo_body .reservation_wraper h5{display:none;}
	.popup_demo_body .reservation_wraper .reservation_header{background:#fff; border:0px;}
	.popup_demo_body .reservation_wraper .reservation_header .party_date label{display:none;}
	.reservation_header .right_section ul{display: table; margin: 0 auto; width: 90%;}
	.popup_demo_body .reservation_header .right_section ul li{width:50%; margin:0px;}
	.popup_demo_body .reservation_header .right_section input{width: 100% !important; padding: 13px 15px !important; box-shadow: unset;}
	.popup_demo_body .reservation_wraper .reservation_header .blank-label{display:none; padding:0px;}
	.popup_demo_body .reservation_wraper button{margin-top: 0; width: 250px; background: #000; border: 0px; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 16px; border-radius: 10px; padding: 12px!important; margin-left: 25px; color:#fff;}
	.popup_demo_body .reservation_wraper h2{font-family: 'Jost', sans-serif; font-weight: 300; line-height: normal; margin: 0px; font-size: 17px; margin-bottom: 15px;}
	.popup_demo_body .reservation_wraper .custom_msg{font-family: 'Jost', sans-serif; font-weight: 300; line-height: normal; margin: 0px; font-size: 17px; padding: 20px;
    text-align: center;}
	.popup_demo_body .table ul li a{opacity: 1; box-shadow: unset; margin: 0px; background: #000; color: #fff; font-size: 15px; padding: 12px; border-radius: 10px; font-family: 'Jost', sans-serif; font-weight: 500; width:130px}
	.popup_demo_body #search_result{width:90%; margin:0 auto;}
	.popup_demo_body #select_tz{text-decoration:underline!important;}
	.popup_demo_body .datepicker-dropdown{top: 93px!important;}

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



.page_demo_body{background:transparent!important;}
.page_demo_body .reservation_header{background:transparent; border:0px; padding:0px;}
.page_demo_body .custom_msg{text-align: center; font-family: 'Jost', sans-serif; font-size: 19px; letter-spacing: normal; padding:0px 50px; margin-bottom: 40px;}
.page_demo_body h5{display:none!important;}
.page_demo_body .reservation_wraper{margin-top:0px;}
.page_demo_body .reservation_header .right_section ul{width:100%;}
.page_demo_body .reservation_header .right_section ul li{width:40%; margin:0px;}
.page_demo_body .reservation_header .right_section ul li:first-child{width:60%; margin:0px;}
.page_demo_body .reservation_wraper button{background: #000!important; color:#fff; border-radius: 10px!important; border: 0px; font-family: 'Jost', sans-serif; width: 90%; padding: 14px!important; margin-left: 25px; font-size: 17px; font-weight: 400; letter-spacing: 1px;}
.page_demo_body .reservation_header .right_section input{width: 100% !important; padding: 13px 15px !important; box-shadow: unset; background: #fff; border: solid 1px #d1d2d3; display: block; border-radius: 3px; font-family: 'Jost', sans-serif!Important; height:auto; line-height:normal;}
.page_demo_body .reservation_wraper label{display:none;}
.page_demo_body .reservation_wraper h2{margin: 0px; font-weight: 300; margin-top: 15px; padding: 10px 0px; font-family: 'Jost', sans-serif; font-size: 17px;}
.page_demo_body .reservation_wraper h2 a{text-decoration:underline!important; }
.page_demo_body .table ul li a{opacity: 1; box-shadow: unset; margin: 0px; background: #000; color: #fff; font-size: 15px; padding: 12px; border-radius: 10px; font-family: 'Jost', sans-serif; font-weight: 500; width:130px}




@media (max-width: 800px) {
.reservation_form input{
	width:95%;
}
.reservation_footer button{
	width:95%;
}

}

@media (max-width: 600px) {
.reservation_header .right_section ul li{
float: none;
}

.reservation_wraper button {
    background: #337ab7;
    border: solid 1px #2e6da4;
	width: 97%!important;
	    margin-bottom: 10px;
}

.find_table {
    padding: 11px 5px !important;
}

.reservation_wraper table{
	margin-left:0px !important;
}

.reservation_header{
	margin-right: 9px;
}


.reservation_form{
	    min-height: 592px;
}

.reservation_footer {
 
    width: 94%;
}

.reservation_form textarea{
	width: 96%;
	box-shadow: 2px 1px 2px #FFFFFF;
}

.reservation_wraper input{
	box-shadow: 2px 1px 2px #FFFFFF;
	
}

.reservation_wraper button.find_table{
	width: 103%!important;
    margin-top: 0px!important;
}






.party_size {
	width: 100%;
}

.party_date{
	width: 100%;
}

.party_time{
	width: 100%;
}

.find_table{
	width: 100%;
}

button.login_btn{
	width: 60%;
	float:right;
}

.reservation_header .left_section{
	width: 100%;
	float: none;
	border-right: solid 0px #cad3dd;
	border-bottom: solid 1px #cad3dd;
	margin-bottom:10px;
}

.reservation_header .right_section {
width: 100%;
float: none;
}


.reservation_header .right_section input{
	margin-bottom: 20px;
}

body.resversation_signup_login .left_section{
	width: 100%;
	padding-bottom: 15px;

}

body.resversation_signup_login .right_section {
width: 100%;
}

.reservation_form{
	padding: 30px 10px 10px 10px;
}

.payment_input {
margin-bottom: 5px !important;
}
.payment_button{
	margin-bottom:20px !important;
	width:97% !important;
	
}

.reservation_footer button {
width: 100%;
margin-left: 0px;
}

.reservation_form input {
width: 97%;
}
img.fb_btn{
	width:100%;
}


	


.step_img img{
	width:100% !important;
}

 .step_link {
    font-size: 11px !important;
}

.revs_signup{
	width: 97% !important;
}

.revs_signin{
width: 89% !important;
float: left !important;
margin-top: 17px;
}

}


img.fb_btn{
	width:100%;
	margin-bottom:20px;
}
.error{
	background: none repeat scroll 0 0 #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
    display: none;
    padding: 10px;
	width: 100%;
	margin-top:15px;
}

.step_link{
	font-size: 15px;
}
.step_link a{
	color:#aadeff; text-decoration:none; 
}

.step_link .active{ color:#089cfa; text-decoration:none; }


/*----------------Thanks page-------------------*/

.thanks_bg{
	background-color: #43A7F8;
    font-size: 14px;
    padding: 15px;
	border:0;
}

.thanks_line{
    color: #FFFFFF;
    font-size: 32px;
    font-weight: bold;
    padding: 12px 0 0;
    text-align: center;
}

.email_line {
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.appoint_details{
	background: none repeat scroll 0 0 #F5F5F5;
    margin-top: 10px;
    padding: 10px;
}

.your_detail {
    margin-top: 10px;
    padding: 10px;
    width: 100%;
	background: none repeat scroll 0 0 #F5F5F5;
}

.your_name{
	font-size: 14px !important;
}

@media screen and (max-width: 540px) {
	
.reservation_wraper {
   width: 97%;
   margin-right: 13px;
}

.thanks_line {
    color: #FFFFFF;
    font-size: 23px;
	
}
.blank-label{ display:none; }


}

#calender{
	margin-bottom: 10px;
}

@media screen and (max-width: 466px) {
	.popup_demo_body .datepicker-dropdown {top: 63px!important;}

}

@media screen and (min-width: 280px) and (max-width: 539px) {
	.popup_demo_body .reservation_wraper {padding-top: 0px; margin: 0px; width: 100%;}
	.popup_demo_body .reservation_wraper .reservation_header{margin:0px;}
	.popup_demo_body .reservation_header .right_section ul li{width:100%;}
	.popup_demo_body .reservation_wraper button{margin-left:0px; width:100%;}
	.popup_demo_body .reservation_wraper .reservation_header{padding-bottom:0px;}
	.popup_demo_body .reservation_wraper h2{font-size:15px;}
}
@media screen and (max-width: 357px) {
	.popup_demo_body .datepicker-dropdown {top: 63px!important;}
}