/* ================ section hotel-INTRO ==================  */
.section-intro-hotel{background-color:#7AD7C5; padding-top:120px; position:relative;
	background-image:url('../images/bg/hotel-intro-bg.jpg'); background-size:cover; background-repeat:no-repeat; position:relative;  min-height:710px;
}

.main-form-wrap{background-color:rgba(#fff,.7); border-radius:$radius; padding:30px; margin-top:15px; position: relative;
    z-index: 9;}

.form-single-wrap{ position:relative;
	.arrow {
	    position: absolute;
	    top: 12px;
	    right: 12px;
	    z-index: 2;
	    font-size: 22px;
	    color: #D1D1D1;
	}
}
.recent-search-txt{padding:7px 0;font-size:13px; color:#999; display:inline-block;}

.number-spinner { text-align:center;
	i{font-size:14px!important; color:#999; font-weight:300; margin:0!important;}
}
.occupancy-dropdown{position:absolute; top:100%; background-color:#fff; z-index:10; min-width:400px;
	border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	padding:15px;
	.title { margin-top:7px; margin-bottom:7px;  background-color:$accent2; border-radius:4px ; color:#fff!important; font-weight:bold;   font-size: 12px;  padding: 7px 10px;}
	p{margin:0;}
	.children-age-wrap{margin-bottom:15px; }
	.room-count{
		label{font-weight:bold; padding:5px; margin-bottom:15px;}
	}
}

.item-occupancy{margin-bottom:7px;
	label{color:#999;  font-size: 12px;}
	.form-control{margin-bottom:7px;}
}

.section-offers-hotel{padding:45px 0; background-color:$bg; background-image:url('../images/bg/bg-map.jpg'); background-repeat:repeat-x; border-bottom:1px solid #eee;}
	
.card-offer-hotel{ margin-bottom:15px; box-shadow:0 1px 3px rgba(50,50,50,.2);
	.card__info{background-color:#fff;}
	a{ color:$accent; 
		&:hover{color:$accent2}
	}
}

.section-country{padding:45px 0;  background-repeat:repeat-x; background-position:bottom;border-bottom:1px solid #ddd; }

.card-hotel-main{overflow:visible; margin-bottom:45px;
	.card__img-wrap{border-radius:6px 6px 0 0}
	.card__info{ 
			border-radius:0 0 6px 6px;
			background-color:#f5f5f5; float:left; width:100%;
			border-bottom:1px dashed $element; 
			i{color:$element; font-size:36px;}
			small{color:$text-muted}
	}
	.card__pricelist{background-color: #F5F5F5; padding:15px;  border-radius:6px; float:left; width:100%; box-shadow:0 2px 2px rgba(50, 50, 50, 0.2); 
		small{color:$text-muted}
	}

	.title-left-wrap{float:left; width:40%}
	.title-right-wrap{float:left; width:40%; text-align:right;}
	.icon-center-wrap{float:left; text-align:center; width:20%; }
}


.intro-bg-city-hotel{background-image:url('../images/bg/bg-city.png');   background-position:center bottom; background-repeat:repeat-x; height:108px; display:block; position:absolute; bottom:0; width:100%;}

.section-middle-east{background-image:url('../images/bg/bg-middle-east.jpg');}
.section-europe{background-image:url('../images/bg/bg-europe.jpg');}
.section-asia{background-image:url('../images/bg/bg-asia.jpg');}