@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Logo
	3.3 Main Nav
	3.4 Menu
4. Home
	4.1 Home Slider
	4.2 Home Slider Nav
	4.3 Home Slider Dots
5. Search
6. Section Title
7. Rating
8. Search
	8.1 Search Extras
	8.2 Search More Options
9. Hotel Info
	9.1 Hotel Image
	9.2 Hotel Gallery
	9.3 Hotel Info Text
	9.4 Hotel Info Tags
10. Rooms
11. Reviews
12. Location on Map
13. Footer
	13.1 Footer - About
	13.2 Footer - Blog
	13.3 Footer - Tags
	13.4 Footer - Contact Info
14. Copyright


******************************/
 
/*********************************
9. Hotel Info
*********************************/

.single_listing
{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 107px;
	padding-left: 98px;
}

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

.single_listing
	{
		width: 100%;
		padding-top: 100px;
		padding-bottom: 107px;
		padding-left: 0px;
	}
}

.hotel_title
{
	font-size: 30px;
	font-weight: 600;
	color: #2d2c2c;
}
.hotel_rating
{
	margin-top: -5px;
}
.hotel_location
{
	font-size: 16px;
	color: red;
	margin-top: 9px;
}
.book_button
{
	background: #31124b;
}
.book_button a
{
	padding-left: 32px;
	padding-right: 32px;
}
.book_button:hover
{
	opacity: 0.8;
}
.hotel_map_link_container
{
	margin-top: 14px;
}
.hotel_map_link
{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #2d2c2c;
	line-height: 34px;
	cursor: pointer;
	border-bottom: solid 2px #fa9e1b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hotel_map_link:hover
{
	color: #fa9e1b;
}

/*********************************
9.1 Hotel Image
*********************************/

.hotel_image
{
	margin-top: 29px;
	z-index: 1;
}
.hotel_image img
{
	width: 100%;
}
.hotel_review_container
{
	position: absolute;
	top: 22px;
	right: 22px;
	width: 209px;
	height: 112px;
	background: #FFFFFF;
	visibility: hidden;
	opacity: 0;
	animation: review_anim 1s 0.5s forwards;
}
@keyframes review_anim
{
	from
	{
		top: 52px;
		visibility: hidden;
		opacity: 0;
	}
	to
	{
		top: 22px;
		visibility: visible;
		opacity: 1;
	}
}
.hotel_review_content
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
.hotel_review_title
{
	font-size: 12px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
}
.hotel_review_subtitle
{
	font-size: 12px;
	font-weight: 600;
	color: #929191;
	margin-top: 1px;
}
.hotel_review_rating
{
	display: inline-block;
	width: 62px;
	height: 57px;
	font-size: 28px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 57px;
	background: #fa9e1b;
	vertical-align: middle;
	border-radius: 45%;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	transform: translateY(-4px);
}

/*********************************
9.2 Hotel Gallery
*********************************/

.hotel_gallery
{
	width: 100%;
	margin-top: 32px;
}
.hotel_slider_container
{
	width: 100%;
}
.hotel_slider
{
	width: 100%;
}
.hotel_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.hotel_slider_nav .nav_path,
.hotel_slider_nav .nav_arrow
{
	fill: #c4ced2;
}
.hotel_slider_prev
{
	left: -60px;
}
.hotel_slider_next
{
	right: -60px;
}
.hotel_slider_prev:hover .nav_path,
.hotel_slider_prev:hover .nav_arrow
{
	fill: url(#hotel_grad_prev);
}
.hotel_slider_next:hover .nav_path,
.hotel_slider_next:hover .nav_arrow
{
	fill: url(#hotel_grad_next);
}

/*********************************
9.3 Hotel Info Text
*********************************/

.hotel_info_text
{
	margin-top: 45px;
}
.hotel_info_text p
{
color: black !Important;
 }

/*********************************
9.4 Hotel Info Tags
*********************************/

.hotel_info_tags
{
	margin-top: 45px;
}
.hotel_icons_item
{
	display: inline-block;
	margin-right: 15px;
}
.hotel_icons_item:last-child
{
	margin-right: 0px;
}

/*********************************
10. Rooms
*********************************/

.rooms
{
	margin-top: 69px;
}
.room
{
	margin-bottom: 33px;
}
.room:last-child
{
	margin-bottom: 0px;
}
.room_image
{
	width: 100%;
}
.room_image img
{
	width: 100%;
}
.room_content
{
	
}
.room_title
{
	font-size: 16px;
	font-weight: 600;
	color: #2d2c2c;
	margin-top: -5px;
}
.room_price
{
	font-size: 16px;
	font-weight: 600;
	color: #929191;
	margin-top: 9px;
}
.room_text
{
	font-size: 16px;
	font-weight: 600;
	color: #fa9e1b;
	margin-top: 6px;
}
.room_extra
{
	font-size: 14px;
	font-weight: 400;
	color: #2d2c2c;
	margin-top: 5px;
}
.room_button
{
	margin-top: 24px;
}