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

Site Book Table (section)

 # site-book-table
 # h2 heading
 # paragraph

-----------------------------------------------------------------------------------*/
/* Site Book Table container */

.site-book-table {
	background:url(../../assets/images/book-table-bg.jpg) bottom center no-repeat;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	z-index:0;
}

.site-book-table .main {
	position:relative;
	float:left;
	width:100%;
}

.site-book-table .time p {
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	padding-bottom:40px;
}

.site-book-table .time p span {
	color:#c0bebf;
}

.site-book-table .form-box {
	float:left;
	width:100%;
	background:#deb150;
	padding:20px;
	margin-bottom:50px;
	
	-webkit-box-shadow: 0px 2px 48px 9px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 2px 48px 9px rgba(0,0,0,0.43);
	box-shadow: 0px 2px 48px 9px rgba(0,0,0,0.43);

}

.site-book-table .form-box .inner {
	border:#ebd096 solid 2px;
	padding:40px 30px;
	text-align:center;
}


.site-apointment-form input[type=text],
.site-apointment-form input[type=tel],
.site-apointment-form input[type=number],
.site-apointment-form input[type=url],
.site-apointment-form input[type=email],
.site-apointment-form input[type=time],
.site-apointment-form input[type=date],
.site-apointment-form textarea {
  width: 100%;
  margin: 0;
  padding: 0 ;
  display: block;
  clear: both;
  border: none;
  box-shadow: none;
  height: 45px;
  color: #22212f;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border-bottom:2px solid #22212f;
  transition: 400ms ease;
  transition-property: border-color;
  background:none;
  font-family: 'Montserrat', sans-serif;
}

.site-apointment-form input[type=text]:focus,
.site-apointment-form input[type=tel]:focus,
.site-apointment-form input[type=number]:focus,
.site-apointment-form input[type=url]:focus,
.site-apointment-form input[type=email]:focus,
.site-apointment-form textarea:focus {
  border-color: #FFFFFF;
}

.site-apointment-form select {
  width: 100%;
  margin: 0;
  padding: 0 ;
  display: block;
  clear: both;
  border: none;
  box-shadow: none;
  height: 45px;
  color: #22212f;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border-bottom:2px solid #22212f;
  transition: 400ms ease;
  transition-property: border-color;
  background:none;
  font-family: 'Montserrat', sans-serif;
}

.site-apointment-form textarea {
  resize: none;
  height: 105px;
  margin-bottom:40px;
}

.site-apointment-form button[type=submit] {
  background-color:inherit;
  box-shadow: none;
  padding: 12px 40px;
  display: block;
  /*float: left;*/
  color: #202127;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  border: 2px solid #202127;
  transition: 400ms ease;
  transition-property: background, color;
  margin:0 auto;
  margin-top:20px;
}

.site-apointment-form button[type=submit]:hover {
  background: #202127;
  color: #deb150;
}

.site-apointment-form input[type=number]::-webkit-outer-spin-button,
.site-apointment-form input[type=number]::-webkit-inner-spin-button,
.site-apointment-form input[type=date]::-webkit-inner-spin-button
 {
  /* Remove the number input arrow buttons */
  -webkit-appearance: none;
  margin: 0;
}

.site-apointment-form input[type=number],
.site-apointment-form input[type=date]
{
  -moz-appearance: textfield;
}

@media screen and (max-width: 991px) {
	.site-book-table .form-box .inner {
	padding:10px 10px 30px 10px;

}

}




/* Book Table section element ****/
.book-table-element-1 {
	position:absolute;
	z-index:-1;
	left:0px;
	top:20px;
}

.book-table-element-2 {
	position:absolute;
	z-index:-1;
	right:0px;
	top:100px;
}


/* Book Table section element RESPONSIVE Alignment ****/
@media screen and (max-width:1800px) {



}

@media screen and (max-width:1500px) {


}

@media screen and (max-width:1199px) {
	.book-table-element-2 {
	right:-100px;
}

	
}


@media screen and (max-width: 991px) {
	.book-table-element-2 {
		display:none;
	}
}

@media screen and (max-width: 767px) {
	.book-table-element-1 {
		display:none;
	}
}


@media screen and (max-width: 1199px) {
	
  
}


@media screen and (max-width: 991px) {
	.site-book-table .img {
		margin-top:0;
	}

}

@media screen and (max-width: 767px) {
	.site-book-table .form-box {
		width:80%;
		margin-left:10%;
	}

}


@media screen and (max-width: 375px) {

}


@media screen and (max-width: 412px) {

}