.wings-fast-book * {box-sizing: border-box;}
.wings-fast-book{max-width:1200px; margin:0 auto; height:50px;position:absolute; z-index:75; width:100%; left:0; right:0; bottom:38%;}
.wings-fast-book select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.wings-fast-book select::-ms-expand {display: none;}
.wings-fast-book .bookIns p{width:13.9%; float:left; padding:0; box-sizing: border-box}
/*
.wings-fast-book .bookIns{margin:0 auto;width:90%; min-width: 1080px;} 
.wings-fast-book .bookIns ul{float:left; width:80%; padding: 0; overflow: hidden;}
.wings-fast-book .bookIns ul li.ci_date{width:362px;}
.wings-fast-book .bookIns ul li.rooms{width:120px;}
.wings-fast-book .bookIns ul li.adults{width:120px;}
.wings-fast-book .bookIns ul li.child{width:120px;}
.wings-fast-book .bookIns ul li.company{width:140px;} 
.wings-fast-book .bookIns ul li{float:left; width:25%; padding:0 4px; box-sizing: border-box; color:#fff; list-style:none;}*/


.wings-fast-book .bookIns input,
.wings-fast-book .bookIns select,
.wings-fast-book .bookIns button{width:100%; line-height:49px; color:#333; font-size:14px; height:50px; padding:0 18px; border:none; background:#fff; outline-style:none; border-radius:5px; cursor:pointer;}
.wings-fast-book .bookIns .wings_input input{cursor:pointer;}
.wings-fast-book .bookIns .ci_date .date_range:after{content:'';clear:both;display: block;}
.wings-fast-book .bookIns .ci_date .wings_input input{background:url(../_images/icon_date.jpg) 92% 50% no-repeat #fff;}
.wings-fast-book .bookIns button{background:#d09f0c !important; border:none; color:#fff !important; font-size:15px; }
.wings-fast-book .bookIns .innerBox{position:relative;}
.wings-fast-book .bookIns li.ci_date .innerBox{width: 173px;float: left;}
.wings-fast-book .bookIns li.ci_date .innerBox:nth-child(2n){padding-left: 8px;}
/*.wings-fast-book .bookIns .innerBox.sel::after{content:''; border-width:35px 35px 0; border-top-color:#fff; position:absolute; right:10px; top:50%; border:solid transparent; display:block; z-index:97}*/
/* .wings-fast-book .bookIns .innerBox.sel::after{content:url(../_images/icon_sel.jpg); position:absolute; right:5px; top:15px; display:block; z-index:97; width:20px; background:#fff} */

	.datepicker {
	    background-color: #fff;
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	    width:173px;
	}
	.date-picker-wrapper * {
	    margin: 0;
	    padding: 0;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    -webkit-font-smoothing: antialiased;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    font-family: 'Noto Regular', sans-serif;
	}
	.form-control-range {}
	 .calendar-range-container { position:relative; z-index:10;}
	 
	 .date-picker {position:relative; width:170px; height:25px; padding:0; padding-left:10px; border:0; color:#303030; font-size:12px; font-weight:700; font-family:Arial,sans-serif; line-height:25px; cursor:pointer; z-index:2}
	
	.date-picker-wrapper {position:absolute; background-color:#fff; z-index:9999999; border:1px solid #ccc; box-shadow:0 3px 6px #ccc; box-sizing:content-box;-webkit-box-sizing:content-box; -webkit-box-shadow:0 3px 6px #ccc; -moz-box-sizing:content-box;}
	.date-picker-wrapper.inline-wrapper {position:relative;}
	.date-picker-wrapper.single-date {width:auto}
	.date-picker-wrapper.no-shortcuts {}
	.date-picker-wrapper.no-topbar {}
	.date-picker-wrapper .footer {}

	.date-picker-wrapper b {color:#666; font-weight:700}
	.date-picker-wrapper a {color:#6bb4d6; text-decoration:underline}

	.date-picker-wrapper .month-name {text-transform:uppercase}
	.date-picker-wrapper .select-wrapper {display:inline-block; position:relative; overflow:hidden; vertical-align:middle; padding:7px 3px 10px;}
	.date-picker-wrapper .select-wrapper .select {display: block;position: relative;width:80px;}
	.date-picker-wrapper .select-wrapper .select select { font-size:18px; color:#010101; font-weight:700; border:none;padding: 8px 24px 8px 8px;}
	.date-picker-wrapper .select-wrapper .select:after {
	    content: '';
	    position: absolute;
	    right: 8px;
	    top: 15px;
	    width: 0;
	    height: 0;
	    display: block;
	    border-top: 5px solid #AEB1BA;
	    border-bottom: 5px solid transparent;
	    border-right: 5px solid transparent;
	    border-left: 5px solid transparent;
	}
	.date-picker-wrapper .select-wrapper .select:after { top:20px;}
	.date-picker-wrapper .select-wrapper:hover {text-decoration:underline}
	.date-picker-wrapper .month-element {display:inline-block; vertical-align:middle}
	.date-picker-wrapper .select-wrapper .select select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.date-picker-wrapper .select-wrapper .select select::-ms-expand {display: none;}
	.wings-fast-book .bookIns .ci_date .wings_input input::-ms-clear {display:none;}

	/*
	.date-picker-wrapper .select-wrapper select {position:absolute; top:-1px; left:0; margin:0; padding:0; border:0; outline:0; background:0 0; color:inherit; font-style:inherit; font-size:inherit; font-weight:inherit; text-transform:inherit; cursor:pointer; appearance:none;opacity:.01filter:alpha(opacity=1); -webkit-appearance:none; -moz-appearance:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
	*/

	.date-picker-wrapper .month-wrapper { position:relative; cursor:default; padding:0 10px;}

	.date-picker-wrapper .month-wrapper table {width:245px; float:left;}
	.date-picker-wrapper .month-wrapper table.month2 {width:246px; float:left;}

	.date-picker-wrapper .month-wrapper table td,
	.date-picker-wrapper .month-wrapper table th {margin:0; text-align:center; line-height:14px; vertical-align:middle; padding:0}
	.date-picker-wrapper .month-wrapper table th { padding-bottom:10px; color:#999;}
	.date-picker-wrapper .month-wrapper table th.sun { color: #C64A4A;}
	.date-picker-wrapper .month-wrapper table th.sat { color: #00A651;}

	.date-picker-wrapper .month-wrapper table .day {margin-bottom:1px; padding:8px 0; color:#999; font-size:12px; line-height:1; cursor:default}

	.date-picker-wrapper .month-wrapper table div.day.lastMonth,
	.date-picker-wrapper .month-wrapper table div.day.nextMonth {color:#999; cursor:default}

	.date-picker-wrapper .month-wrapper table .day.checked {background-color:#DDE7EE}
	.date-picker-wrapper .month-wrapper table .week-name {height:20px; font-weight:100; line-height:20px; text-transform:uppercase}
	.date-picker-wrapper .month-wrapper table .day.has-tooltip {cursor:help!important}
	.date-picker-wrapper .time label {white-space:nowrap}
	.date-picker-wrapper .month-wrapper table .day.toMonth.valid {color:#0087F5; cursor:pointer}
	.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {background-color:#cdecfa}

	.date-picker-wrapper .month-wrapper table .day.lastMonth,
	.date-picker-wrapper .month-wrapper table .day.nextMonth {display:none}

	.date-picker-wrapper .month-wrapper table .day.real-today {background-color:#FFCC33}
	.date-picker-wrapper .month-wrapper table .day.real-today.checked,
	.date-picker-wrapper .month-wrapper table .day.real-today.hovering {background-color:#70ccd5}

	.date-picker-wrapper table .caption {height:40px}
	.date-picker-wrapper table .caption .next,
	.date-picker-wrapper table .caption .prev {padding:0 5px; cursor:pointer; font-size:0;}
	.date-picker-wrapper table .caption .next:hover,
	.date-picker-wrapper table .caption .prev:hover {background-color:#ccc; color:#fff}
	
	.date-picker-wrapper table .caption .prev { background:#fff url(../_images/btn_prev.png) no-repeat left top; position:absolute; left:15px; top:19px; width:24px; height:24px;}
	.date-picker-wrapper table .caption .next { background:#fff url(../_images/btn_next.png) no-repeat left top; position:absolute; right:15px; top:19px; width:24px; height:24px;}

	.month-wrapper:before { content:'';  position:absolute; left:0; right:0; top:59px; background-color:#F4F4F4; height:30px; z-index:-1;}



	.date-picker-wrapper .gap {float:left; width:20px;}

	/*
	.date-picker-wrapper .gap .gap-lines {height:100%; overflow:hidden}
	.date-picker-wrapper .gap .gap-line {width:15px; height:15px; position:relative}
	.date-picker-wrapper .gap .gap-line .gap-1 {z-index:1; height:0; border-top:8px solid #eee; border-left:8px solid #fff; border-bottom:8px solid #eee}
	.date-picker-wrapper .gap .gap-line .gap-2 {position:absolute; z-index:2; top:0; right:0; height:0; border-left:8px solid transparent; border-top:8px solid #fff}
	.date-picker-wrapper .gap .gap-line .gap-3 {position:absolute; z-index:2; top:8px; right:0; height:0; border-left:8px solid transparent; border-bottom:8px solid #fff}
	.date-picker-wrapper .gap .gap-top-mask {position:absolute; top:-1px; left:1px; width:6px; height:1px; background-color:#eee; z-index:3}
	.date-picker-wrapper .gap .gap-bottom-mask {position:absolute; left:7px; bottom:-1px; width:6px; height:1px; background-color:#eee; z-index:3}
	*/

	.date-picker-wrapper .selected-days {display:none}
	.date-picker-wrapper .drp_top-bar {position:relative; line-height:1.4; padding:10px 40px 10px 0; display:none;}
	.date-picker-wrapper .drp_top-bar .error-top {display:none}
	.date-picker-wrapper .drp_top-bar .normal-top {display:none}
	.date-picker-wrapper .drp_top-bar .default-top {display:block}
	.date-picker-wrapper .drp_top-bar.error .default-top {display:none}
	.date-picker-wrapper .drp_top-bar.error .error-top {display:block; color:red}
	.date-picker-wrapper .drp_top-bar.normal .default-top {display:none}
	.date-picker-wrapper .drp_top-bar.normal .normal-top {display:block}
	.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute; top:6px; right:0; margin:0; padding:3px 5px; border:solid 1px #0076a3; border-radius:4px; background:#0095cd; background:-moz-linear-gradient(top,#00adee,#0078a5); color:#d9eef7; color:#fff; font-size:12px; cursor:pointer; line-height:initialfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
	.date-picker-wrapper .drp_top-bar .apply-btn.disabled {border:solid 1px #b7b7b7; background:#fff; background:-moz-linear-gradient(top,#fff,#ededed); color:#606060; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}

	.date-picker-wrapper .time {position:relative}
	.date-picker-wrapper.single-month .time {display:block}
	.date-picker-wrapper .time input[type=range] {width:129px; margin:0; padding:0; vertical-align:middle; height:20px}
	.date-picker-wrapper .time1,.time2 {width:180px; padding:0 5px; text-align:center}
	.date-picker-wrapper .time1 {float:left}
	.date-picker-wrapper .time2 {float:right}

	.date-picker-wrapper .hour,
	.minute {text-align:right}

	.date-picker-wrapper .hide {display:none}

	.date-picker-wrapper .first-date-selected { background-color:#0087F5 !important; color:#fff!important; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
	.date-picker-wrapper .last-date-selected { background-color:#00355F !important; color:#fff!important; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}

	.date-picker-wrapper .date-range-length-tip {display:none; position:absolute; margin-top:-4px; margin-left:-8px; padding:0 6px; border-radius:2px; background-color:#ff0; box-shadow:0 0 3px rgba(0,0,0,.3); font-size:12px; line-height:16px; filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));}
	.date-picker-wrapper .date-range-length-tip:after {position:absolute; left:50%; margin-left:-4px; border-top:4px solid #ff0; border-right:4px solid transparent; border-left:4px solid transparent; content:''; bottom:-4px}

	.date-picker-wrapper.two-months.no-gap .month1 .next,
	.date-picker-wrapper.two-months.no-gap .month2 .prev {display:none}

	.date-picker-wrapper .week-number {margin-bottom:1px; padding:5px 0; color:#999; font-size:12px; line-height:1; cursor:pointer}
	.date-picker-wrapper .week-number.week-number-selected {color:#49e; font-weight:700}
	
	
/** BOOKING **/
.bookArea-wrap{width:100%;}
#bookArea .bookIns{padding:10px;}
#bookArea .bookIns .innerBox{position:relative;}
#bookArea .title{text-align:center; margin-bottom:24px;}
#bookArea .title h1{font-size:25px; font-weight:700; color:#000; line-height:1}
#bookArea .bookIns ul{margin:0 -4px; padding: 0; float: left; width: 86.1%;}
#bookArea .bookIns ul:after{content:''; display:block; clear:both;}
#bookArea .bookIns ul li{float:left;}
#bookArea .bookIns ul li .innerBox{padding:0 4px; box-sizing: border-box;}

#bookArea .bookIns ul li.ci_date{width:33.5%}
#bookArea .bookIns ul li .dateWrap:after{content:''; display:block; clear:both;}
#bookArea .bookIns ul li.ci_date .innerBox{width:50%; float:left; box-sizing:border-box;}
#bookArea .bookIns ul li.rooms{width:17%}
#bookArea .bookIns ul li.adults{width:17%}
#bookArea .bookIns ul li.child{width:17%}
#bookArea .bookIns ul li.company{width:15%;}
#bookArea .bookIns ul li.search{width:13.9%; height: inherit; padding: 0; border-bottom: 0;}
 
#bookArea .bookIns input,
#bookArea .bookIns select,
#bookArea .bookIns button{position: relative; background:#fff; width:100%; color:#333; font-size:14px; padding:0 15px 0 15px; outline-style:none;}
#bookArea .bookIns select::-ms-expand {display: none;}
#bookArea .bookIns select, 
#bookArea .bookIns option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}
#bookArea .bookIns input::placeholder {color: #666;}

#bookArea .bookIns .fb_rsvn button{background:#333333; border:none; color:#fff; padding:0; cursor: pointer;}
#bookArea .bookIns ul li.company input{padding:0; text-align:center}

#bookArea .bookIns .innerBox.input input{ background:url(../_images/icon_date.jpg) #fff calc(100% - 15px) center no-repeat;}
#bookArea .bookIns .innerBox.sel select{background:url(../_images/icon_sel.jpg) #fff calc(100% - 15px) center no-repeat;}


/*  */
.bookIns{padding:10px;}
.bookIns .innerBox{position:relative;}
.title{text-align:center; margin-bottom:24px;}
.title h1{font-size:25px; font-weight:700; color:#000; line-height:1}
.bookIns ul{margin:0 -4px; padding: 0; float: left; width: 86.1%;}
.bookIns ul:after{content:''; display:block; clear:both;}
.bookIns ul li{float:left;}
.bookIns ul li .innerBox{padding:0 4px; box-sizing: border-box;}

.bookIns ul li.ci_date{width:33.5%}
.bookIns ul li .dateWrap:after{content:''; display:block; clear:both;}
.bookIns ul li.ci_date .innerBox{width:50%!important; float:left; box-sizing:border-box;}
.bookIns ul li.rooms{width:17%}
.bookIns ul li.adults{width:17%}
.bookIns ul li.child{width:17%}
.bookIns ul li.company{width:15%;}
.bookIns ul li.search{width:13.9%; height: inherit; padding: 0; border-bottom: 0;}
 
.bookIns input,
.bookIns select,
.bookIns button{position: relative; background:#fff; width:100%; color:#333; font-size:14px; padding:0 15px 0 15px; outline-style:none;}
.bookIns select::-ms-expand {display: none;}
.bookIns select, 
.bookIns option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}
.bookIns input::placeholder {color: #666;}

.bookIns .fb_rsvn button{background:#333333; border:none; color:#fff; padding:0; cursor: pointer;}
.bookIns ul li.company input{padding:0; text-align:center}

.bookIns .innerBox.input input{ background:url(../_images/icon_date.jpg) #fff calc(100% - 15px) center no-repeat;}
.bookIns .innerBox.sel select{background:url(../_images/icon_sel.jpg) #fff calc(100% - 15px) center no-repeat;}



@media all and (max-width: 1220px) {
	#bookArea{width:100%; max-width:100%; box-sizing:border-box}
}

@media all and (max-width: 970px){
    
    #bookArea {height: auto; bottom: 12%;}
	#bookArea .bookIns{padding:10px 10px 2px;}
	#bookArea .bookIns ul li{margin-bottom:6px;}
	#bookArea .bookIns ul li.ci_date{width:100%;}
	#bookArea .bookIns ul li.rooms{width:25%}
	#bookArea .bookIns ul li.adults{width:25%}
	#bookArea .bookIns ul li.child{width:25%}
	#bookArea .bookIns ul li.company{width:25%;}
	#bookArea .bookIns ul li.search{width:50%;}
	#bookArea .bookIns ul {width: 100%; margin: 0;}
	.wings-fast-book .bookIns p {width: 100%; padding: 0 4px;}
	.wings-fast-book .bookIns ul li {padding: 0;}
	.wings-fast-book .bookIns input, .wings-fast-book .bookIns select, .wings-fast-book .bookIns button {height: 43px; line-height: 42px;}
}


@media all and (max-width:640px) {
	#bookArea .bookIns ul li.rooms{width:33.33%}
	#bookArea .bookIns ul li.adults{width:33.33%}
	#bookArea .bookIns ul li.child{width:33.33%}
	#bookArea .bookIns ul li.company{width:100%;}
	#bookArea .bookIns ul li.search{width:100%;}
}

#bookArea .bookIns ul li {list-style: none;} #bookArea .bookIns input {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; box-sizing: border-box;} #bookArea .bookIns ul li .innerBox {margin: 0;}