@charset "utf-8";
/*********************************
9. Hotel Info
*********************************/

.single_listing
{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 107px;
	/*padding-left: 98px;*/
}
.hotel_title
{
	font-size: 30px;
	font-weight: 600;
	color: #2d2c2c;
}
.hotel_rating
{
	margin-top: -5px;
}
.hotel_location
{
	font-size: 16px;
	/*color: #929191;*/
	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: -28px;
}
.hotel_slider_next
{
	right: -28px;
}
.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: #929191;*/
}

/*********************************
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_title a {
    text-decoration: none;
    color: #2d2c2c;
}
.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;
}

/*********************************
11. Reviews
*********************************/

.reviews
{
	margin-top: 98px;
}
.reviews_title
{
	font-size: 18px;
	font-weight: 600;
	color: #2d2c2c;
	text-transform: uppercase;
}
.reviews_container
{
	margin-top: 61px;
}
.review
{
	margin-bottom: 91px;
}
.review:last-child
{
	margin-bottom: 0px;
}
.review_image
{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
}
.review_image img
{
	width: 100%;
}
.review_title
{
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	color: #2d2c2c;
	margin-top: -3px;
}
.review_rating
{
	display: inline-block;
	position: absolute;
	bottom: 7px;
	right: 0;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	background: #fa9e1b;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 43px;
	border-radius: 22px;
}
.review_text
{
	margin-top: 24px;
}
.review_text p:last-of-type
{
	margin-bottom: 0px;
}
.review_name
{
	font-size: 14px;
	font-weight: 400;
	color: #2d2c2c;
	margin-top: 19px;
}
.review_date
{
	font-size: 12px;
	font-weight: 600;
	color: #fa9e1b;
	margin-top: 4px;
}

/*********************************
12. Location on Map
*********************************/

.location_on_map
{
	margin-top: 93px;
}
.location_on_map_title
{
	font-size: 18px;
	font-weight: 600;
	color: #2d2c2c;
	text-transform: uppercase;
}
.travelix_map
{
	width: 100%;
	margin-top: 63px;
}
.google_map
{
	width: 100%;
	height: 379px;
}
.map_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map
{
	width: 100%;
	height: calc(100% + 30px);
}

/*********************************
13. Footer
*********************************/

.footer
{
	width: 100%;
	padding-top: 113px;
	padding-bottom: 104px;
	background: #31124b;
}
.footer_title
{
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about
{
	padding-top: 67px;
}
.footer_logo
{
	position: absolute;
	left: 0;
	top: -24px;
}
.footer_about_text
{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}
.footer_social_item
{
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #fa9e1b;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a i
{
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social_item:hover
{
	background: #fa9e1b;
}
.footer_social_item:hover a i
{
	color: #31124b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_blog_title a:hover
{
	color: #fa9e1b;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #fa9e1b;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #fa9e1b;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #fa9e1b;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}
.contact_info_text,
.contact_info_text a
{
	color: #FFFFFF;
	line-height: 2.14;
	margin-top: -4px;
}
.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #fa9e1b;
}

/*********************************
14. Copyright
*********************************/

.copyright
{
	background: #1f0733;
}
.copyright_content
{
	height: 52px;
}
.copyright_content div
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
}
.footer_nav_container
{
	height: 52px;
}
.footer_nav
{

}
.footer_nav_list
{
	font-size: 0px;
}
.footer_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.footer_nav_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_item a:hover
{
	color: #FFFFFF;
}