@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: 'weather';
	src: url(weather/artill_clean_icons-webfont.woff);
}
.bookingArea{
	position: absolute;
	z-index:99;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 25px 0 20px 0;
	background: rgb(51, 51, 51);
    background: -moz-radial-gradient(center, ellipse cover, rgba(195,84,87,1) 0%, rgba(156,35,45,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgb(51, 51, 51) 1%,rgb(51, 51, 51) 100%);
    background: radial-gradient(ellipse at center, rgb(128, 126, 126) 0%,rgb(51, 51, 51) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bookingArea.ins{
	position: relative;
}
.bookingArea .booking_bg{
	background:url(../images/book_title.jpg);
	position: absolute;
	left: 0;
	top: 25px;
	width: calc(100% / 2.3);
	height: 200px;
	z-index:2;
}
.bookingArea .wrap{
	position: relative;
	width: 1160px!important;
	margin: 0 auto;
	z-index:2;
}
.bookingArea .titleBox{
	display: inline-block;
	padding: 35px 53px 0 90px;
	box-sizing: border-box;
	width: 445px;
	background:url(../images/book_icon.png) left top 42px no-repeat;
}
.bookingArea .titleBox h4 strong{
	font-size: 23px;
	color: #84cbc8;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	padding-bottom: 10px;
}
.bookingArea .titleBox h4 em{
	font-family: 'cwTeXMing', serif;
	font-size: 23px;
	color: #84cbc8;
	letter-spacing: 1px;
	font-weight: normal;
}
.bookingArea .titleBox p{
	line-height: 1.6;
	color: #84cbc8;
	margin-top: 23px;
}
.bookingArea form{
	float: right;
	display: inline-block;
}
.bookingArea ul{
	display: inline-block;
	padding-top: 43px;
}
.bookingArea ul li{
	display: inline-block;
	height: auto!important;
	padding-right: 10px;
	position: relative;
}
.bookingArea ul li p{
	color: #f3dfc4;
	padding-bottom: 15px;
}
.bookingArea ul li input,
.bookingArea ul li select{
	width: 184px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	color: #c3c3c3;
	border: none;
	border-radius: 0px;
}
.bookingArea ul li select{
	width: 89px;
	height: 40px;
}
.bookingArea ul li svg{
	position: absolute;
	right: 30px;
	top: 45px;
	color: #84cbc8;
}
.bookingArea a.booking{
	color: #fff;
	padding: 13px 70px;
	background:#84cbc8;
}
.bookingArea a.booking:hover{
	background:#ddb769;}

@media screen and (max-width:1180px){
	.bookingArea{
		display: none;
	}
}