/**
 * hotel css
 *
 * @Version: 1.0.0
 * @Author	physcode
 */

/*** Wrapper hotel ***/
.wrapper-hotel {
	width: 74%;
	float: left;
}

.wrapper-hotel #main-content {

}

/*** breadcrumb hotel ***/
.hotel-breadcrumb {
	padding-bottom: 2em;
	margin-bottom:  4em;
	border-bottom:  1px solid #eee;
	font-size:      13px;
	font-size:      .8125rem;
}

.hotel-breadcrumb a {
	box-shadow: 0 1px 0 #0f0f0f;
	transition: box-shadow ease-in-out 130ms;
}

/*** List hotel ***/
ul.hotels {
	list-style: none;
	clear:      both;
}

ul.hotels li {
	float:    left;
	margin:   0 3.8% 2.992em 0;
	padding:  0;
	position: relative;
	width:    22.05%;
}

ul.hotels .hotel-loop-room__title {
	font-size:      .8125rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight:    800;
}

/*** count hotels ***/
.hotel-result-count {
	float:   left;
	padding: 20px 0;
}

/*** Search Box ***/
.wrap-search-hotel-box {

}

.wrap-search-hotel-box ul {
	list-style: none;
}

.wrap-search-hotel-box .list-field-search {
	position: relative;
}

.wrap-search-hotel-box .list-field-search ul {
	display: none;
}

.wrap-search-hotel-box .list-field-search ul a {
	box-shadow: none;
}

.wrap-search-hotel-box .list-field-search ul li:hover {
	cursor: pointer;
}

.wrap-search-hotel-box .list-field-search ul.active {
	display:    block;
	position:   absolute;
	background: white;
	width:      100%;
	margin:     0;
	padding:    0;
	max-height: 200px;
	overflow-y: auto;
}

.wrap-search-hotel-box .list-field-search li {
	float: left;
}

.wrap-search-hotel-box .list-field-search ul li {
	float: none;
}

.wrap-search-hotel-box .list-field-search::after, #archive-hotel::after, ul.hotels::after {
	display: block;
	content: '';
	clear:   both;
}

/*** Booking ***/
#single-hotel {

}

#single-hotel .hotel-booking {

}

#single-hotel .hotel-booking #hotel-booking-form {

}

#single-hotel .hotel-booking #hotel-booking-form .form-field {
	margin: 10px 0;
}

#single-hotel .hotel-booking #hotel-booking-form .form-field select {
	width:   100%;
	padding: 0.7em;
}

.ui-datepicker {
	z-index: 100 !important;
}

.total_price {
	display: inline-block;
}

.a_price_night {
	float: right;
}

.wrapper-price-nights {
	display:  none;
	position: relative;
}

.wrapper-price-nights .price-nights-details {
	position:   absolute;
	z-index:    9;
	background: #fff;
	bottom:     25px;
}

/*** Cart ***/
.cart-item-date-check-in, .cart-item-date-check-out {
	margin: 0;
}

/*** Spinner loading ***/
.spinner {
	height:     25px;
	text-align: center;
	font-size:  5px;
	display:    none;
}

.spinner > div {
	background-color:  #333;
	height:            100%;
	width:             6px;
	display:           inline-block;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation:         sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay:         -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay:         -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay:         -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay:         -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	}
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform:         scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform:         scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}