/*-----------------------------------------------------------------------------------

    Template Name: Hotel Booking html Template
    Author: 
    Author URI: 
    Version: 1.0
    Description: This theme made for any kind of Hotel Booking site.

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
	Base orReset or common css are in reset.css file

    1. Header CSS
    2. Slider CSS
    3. hotel booking area css
    4. special offer CSS
    5. welcome CSS
    6. another facilities area CSS
    7. select room area CSS
    8. Hotel facilities area CSS
    9. hotel showcase CSS
    10. about us area CSS
    11. contact us area CSS
	12. error page CSS
	13. footer area CSS
	14. about us page CSS
	15. accomodation page CSS
	16. contact us page CSS
	17. room details page CSS
	18. gallery page css
	19. booking page CSS
	20. blog page CSS
	21. single blog page CSS
	22. Preloader css


    


___________________________________________________________________________
	 This Template Is Fully Coded By Aftab Zaman from swiftconcept.com
---------------------------------------------------------------------------



-----------------------------------------------------------------------------------*/



/* --------------------------------------------------------
1. 					Start Header CSS
-----------------------------------------------------------*/

a{
	color: #000;
}
a:hover{
	color: #b6883b;
}
.mainmenu {
  padding: 15px 0;
}
.mainmenu ul#nav{
	margin: 0;
	padding: 0;
}
.mainmenu .navbar-default {
  background: none;
  border: none;
  margin: 0;
}
.mainmenu .navbar-brand {
  padding: 0 23px 0 0;
  height: auto;
  margin-top: 0px;
}
.header_login ul{
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 14px;
}
.header_login > ul > li > a{	
	font-size: 14px;
	text-transform: uppercase;
}
.mainmenu .nav.navbar-nav {
  float: left;
  margin-top:10px;
}
.emergency_number {
  background: #fe5d5d none repeat scroll 0 0;
  float: left;
  padding: 10px;
  position: relative;
}
.emergency_number a{
	color: #fff;
	font-size: 20px;
	line-height: 28px;
}
.emergency_number a > img{
	margin-right: 8px;
}
.emergency_number::after {
  background: #fe5d5d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 10000%;
}
body#home_one .emergency_number, body#home_one .emergency_number::after{
	background: #3ac4fa none repeat scroll 0 0;
}
.mainmenu .nav.navbar-nav > li > a {
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 14px 19px 14px 19px;
	font-family: 'Lora', serif;
}

.mainmenu .nav.navbar-nav > li:last-child a{
	padding-right:0;
}

.mainmenu .nav.navbar-nav li.dropdown > a{
	background: url(img/dropdown_bg.png) no-repeat scroll 100% 50%;
}
.mainmenu .nav.navbar-nav a:hover{
	color: #b8883e;
}
.header_top_area {
  background: #313a45 none repeat scroll 0 0;
  color: #fff;
}
.header_top_area ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header_top_area li{
	padding: 10px 0;
}
.header_top_area a{
	color: #7a7e84;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Karla",sans-serif;
}
.header_top .left_header_top a > img{
	margin-right: 12px;
}
.right_header_top .nav a {
  padding: 0 14px;
}
.right_header_top .nav a:hover, .right_header_top .nav a:active,  .right_header_top .nav .open > a,  .right_header_top .nav .open > a:focus, .right_header_top  .nav .open > a:hover{
	background: none;
}
#menu2, #menu1 {
	background: #313a45 none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	top: 165.6%;
}
#menu2.dropdown-menu > li:first-child > a, #menu1.dropdown-menu > li:first-child > a{
	padding-top: 34px;
}
#menu2.dropdown-menu > li:last-child > a, #menu1.dropdown-menu > li:last-child > a{
	padding-bottom: 34px;
}
#menu2.dropdown-menu > li > a, #menu1.dropdown-menu > li > a {
  color: #fff;
  padding: 14px 100px 14px 34px;
  text-transform: uppercase;
  line-height: 26px;
}
#menu2.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:active, #menu2.dropdown-menu > li > a:active{
	color: #3ac4fa;
	background: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background: none;
}


/* --------------------------------------------------------
 					end Header CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
2. 					Start slider CSS
-----------------------------------------------------------*/
.main_slider_area{
	font-family: "Playfair Display",serif;
	padding-bottom: 0px;
	position: relative;
}



/* --------------------------------------------------------
 					end slider CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
3.					start hotel booking area CSS
-----------------------------------------------------------*/
body#home_one .hotel_booking_area {
	left: calc( 50% - 585px );
	position: absolute;
	text-transform: uppercase;
	top: 0;
	z-index: 200;
}
body#home_two .hotel_booking_area{
	bottom: 2%;
}
.picker-container{
	display: none;
}

.hotel_booking{
	background: #313a45 none repeat scroll 0 0;
	font-family: "Karla",sans-serif;
	min-height: 94px;
	padding: 26px 10px;
	position: relative;
}
.room_book{
	border-right: 1px solid #475362;
	margin-right: 7%;
}
.room_book h6{
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	font-family: "Karla",sans-serif;
}
.room_book p{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 25px;
	margin: 0;
	font-family: "Karla",sans-serif;
}
form#form1 .form-group {
  margin: 0;
}
.hotel_booking .input-group {
  width: 100%;
}
.hotel_booking  .input-group-addon, .hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1{
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #aab8ca;
	outline: none;
}
.hotel_booking  .input-group-addon{
	padding: 0 0 0 10px;
}
.hotel_booking_area ::-webkit-input-placeholder { /* WebKit browsers */
    color: #aab8ca;
}
.hotel_booking_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aab8ca;
    opacity:  1;
}
.hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1, .hotel_booking_area select#room, .hotel_booking_area select#adult, .hotel_booking_area select#child, .hotel_booking_area select#bed {
	font-size: 13px;
	height: 37px;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}
.hotel_booking_area select#room{

}
.form-control:focus{
	box-shadow: none;
}
.hotel_booking_area select{
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #aab8ca;
	outline: medium none;
	font-family: "Karla",sans-serif;
	padding-left: 8px;
}
.hotel_booking_area select > option{
	border: medium none;
	margin: 0;
	padding: 5px 5px 5px 15px;
}
.icon_arrow:after{
	content: '\f107';
	color: #aab8ca;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 42px;
	position: absolute;
	right: 9%;
	top: -6%;
	z-index: 9999;
}

/* --------------------------------------------------------
 					end hotel booking area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
4.					start special offer CSS
-----------------------------------------------------------*/

body#home_one .special_offer_main {
	height: 276px;
	position: absolute;
	right: 0;
	top: 56%;
	width: 223px;
	z-index: 11;
}
body#home_two .special_offer_main {
	height: 276px;
	position: absolute;
	right: calc(0% + 5.7%);
	top: 0;
	z-index: 100;
}

/* --------------------------------------------------------
 					end special offer CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
5.					start welcome area CSS
-----------------------------------------------------------*/

body#home_one .welcome .section_description {
  padding: 0 12% 43px;
  text-align: center;
}
body#home_one .welcome .section_description p{
	font-size: 16px;
	font-family: 'Karla', sans-serif;
}
body#home_one .welcome .room_media, .accomodation_single_room .room_media, body#room_detail_page .welcome .room_media {
  margin-bottom: 28px;
  text-align: center;
}
body#home_one .single_room_wrapper .uk-overlay, body#accomodation_page .single_room_wrapper .uk-overlay {
  overflow: visible;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details, .about-con .single_wrapper_details {
	background: #f7c411 none repeat scroll 0 0;
	height: 100%;
	width: 100%;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-display: block;
	padding: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details, .about-con .single_wrapper_details {
    display: none;
  }
} 
body#home_one .single_room_wrapper .uk-overlay:hover .single_wrapper_details, .single_room_wrapper .uk-overlay:hover .single_wrapper_details {
	display: block;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
body#home_one .single_room_wrapper .uk-overlay:hover .left_room_title a.btn, .single_room_wrapper .uk-overlay:hover .left_room_title a.btn{
	background: #b6883b none repeat scroll 0 0;
	color: #fff;
}
body#home_one .single_wrapper_details .single_wrapper_details_pad, .single_wrapper_details .single_wrapper_details_pad{
	height: 100%;
	width: 100%;
}
body#home_one .single_wrapper_details h5, .single_wrapper_details h5 {
  color: #000;
  font-size: 18px;
  font-family: "Lora",serif;
  text-transform: none;
}
body#home_one .single_wrapper_details p, .single_wrapper_details p{
	color: #444;
	font-size: 15px;
}
body#home_one .single_room_wrapper, .single_room_wrapper{
  overflow: hidden;
}
body#home_one .single_wrapper_details .single_room_cost p, .single_wrapper_details .single_room_cost p{
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 18px;
	font-family: "Lora",serif;
}
body#home_one .single_wrapper_details .single_room_cost p span, .single_wrapper_details .single_room_cost p span{
	font-size: 11px;
}
body#home_one .single_wrapper_details .single_room_cost .btn, .single_wrapper_details .single_room_cost .btn {
	border: none;
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	color: #444;
	margin-bottom: -74px;
	margin-right: -23px;
}
body#home_one .single_wrapper_details .single_room_cost .btn:hover, .single_wrapper_details .single_room_cost .btn:hover{
	background: #444;
	color: #fff;
}

body#home_one .welcome .room_media a, .accomodation_single_room .room_media a {
  display: block;
}
body#home_one .welcome .left_room_title > h6, .accomodation_single_room .left_room_title > h6 {
  font-family: "Lora",serif;
  font-size: 18px;
  text-transform: none;
}
body#home_one .welcome .left_room_title > p, .accomodation_single_room .left_room_title > p {
	font-family: "Lora",serif;
  	font-size: 18px;
}
body#home_one .welcome .left_room_title > p > span, .accomodation_single_room .left_room_title > p > span {
	font-size: 11px;
}

/* --------------------------------------------------------
 					end welcome area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
6. 					start another facitilies area CSS
-----------------------------------------------------------*/

.another_facitilies_area{
	text-align: center;
}
body#home_two .another_facitilies .single_facities a {
  display: block;
  margin-bottom: 12px;
}
body#home_two .another_facitilies .single_facities h6 {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #313a45;
}
body#home_two .another_facitilies .single_facities p{
	margin: 0;
	color: #666666;
	line-height: 26px;
}

/* --------------------------------------------------------
 					end another facitilies area CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
7. 					start Select Room area CSS
-----------------------------------------------------------*/

body#home_two .select_room_area{
  background: #f1f6f8;
}
body#home_two .select_room .select_room_content .room_thumb, body#accomodation_page .select_room .select_room_content .room_thumb {
  position: relative;
}
.room_thumb.small_room_thumb > a {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
body#home_two .select_room .room_details, body#accomodation_page .select_room .room_details {
	background: #fff none repeat scroll 0 0;
	bottom: 5%;
	left: 1%;
	margin: 0 15px;
	padding: 30px;
	position: absolute;
	width: 94%;
	z-index: 99;
}
body#home_two .select_room .small_room_thumb .room_details, body#accomodation_page .select_room .small_room_thumb .room_details{
	padding: 11px;
	left: -1%;
}
body#home_two .select_room .room_thumb .about_room, body#accomodation_page .select_room .room_thumb .about_room{
	margin-top: 10px;
}
body#home_two .select_room .small_room_thumb .about_room, body#accomodation_page .select_room .small_room_thumb .about_room {
 	margin-top: 10px;
}
body#home_two .select_room .room_quality, body#accomodation_page .select_room .room_quality{
	padding-right: 18px;
	border-right: 1px solid #d8d8d8;
}
body#home_two .select_room .room_quality > h5, body#accomodation_page .select_room .room_quality > h5 {
  font-size: 21px;
  font-family: "Lora",serif;
  color: #444444;
}
body#home_two .select_room .small_room_thumb .room_quality > h5, body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
  font-size: 16px;
}
body#home_two .select_room .room_rent > p, body#accomodation_page .select_room .room_rent > p{
	font-size: 18px;
	font-family: "Lora",serif;
	color: #131e2a;
	margin: 0;
	padding-left: 18px;
	line-height: 20px;
}
body#home_two .select_room .small_room_thumb .room_rent > p, body#accomodation_page .select_room .small_room_thumb .room_rent > p{
	font-size: 16px;
}
body#home_two .select_room .room_rent > p > span, body#accomodation_page .select_room .room_rent > p > span{
	font-size: 11px;
	color: #6c737a;
}


/* --------------------------------------------------------
 					end Select Room area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
8. 					start Hotel Facilities area CSS
-----------------------------------------------------------*/

.hotel_facilities_area{
	background: url(../img/hotel-facilities-bg.jpg) no-repeat fixed 0 0;
	background-size: cover;
	background-position: fixed;
}
.hotel_facilities {
  padding-bottom: 100px;
  padding-top: 80px;
}

.hotel_facilities .nav.nav-tabs {
  border: medium none;
  margin: 0 auto;
  text-align: center;
  width: 88%;
}
.hotel_facilities_content .nav-tabs > li{
	width: 14%;
}
.hotel_facilities_content .nav-tabs > li > a {
	background: #d0973b none repeat scroll 0 0;
	border-radius: 0;
	color:#fff;
	height: 121px;
	margin: 0;
	width: 100%;
	text-transform: uppercase;
	padding: 12px 14px;
	font-size: 13px;
	border: 1px solid;
}
.hotel_facilities_content .nav-tabs > li.active > a{
	background: #fff;
}
.hotel_facilities_content .nav.nav-tabs > li > a > img {
	display: block;
	margin: 12px auto 10px;
	filter: brightness(0) invert(1);
	
}
.hotel_facilities_content .nav.nav-tabs > li.active > a > img{
    filter:none;
}

body#home_one .nav-tabs > li.active > a, body#home_one .nav-tabs > li.active > a:focus, body#home_one .nav-tabs > li.active > a:hover, body#home_one  .nav-tabs > li.active > a > img{
	color: #b6883b;
	cursor: pointer;
	border: none;
}
.hotel_facilities_content .tab-content {
	background: #fff none repeat scroll 0 0;
	padding: 55px;
}
.hotel_facilities_content .single-tab-details{

}
.hotel_facilities_content .single-tab-details > h6 {
	font-family: "Karla",sans-serif;
	margin-bottom: 14px;
	margin-top: 14px;
}
.hotel_facilities_content .single-tab-details > h3 {
 	margin-bottom: 27px;
}
.hotel_facilities_content .single-tab-details > p {
	line-height: 25px;
	margin-bottom: 20px;
	margin-top: 0;
}
.hotel_facilities_content .our_services {
  padding-top: 3px;
}
.hotel_facilities_content .our_services > a{
	color: #16b4ef;
	text-transform: uppercase;
}

section.hotel_facilities_area.margin-top-115.margin-bottom-100{
    margin-bottom:75px !important;
}
/* --------------------------------------------------------
 					end Hotel Facilities area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
9. 					start Hotel showcase area CSS
-----------------------------------------------------------*/


body#home_two .hotel_showcase .owl-carousel .owl-item img{
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
body#home_two .hotel_showcase .owl-carousel .owl-item img:hover{
	-webkit-filter: grayscale(1%);
	-o-filter: grayscale(1%);
	filter: grayscale(1%);
}
body#home_two .hotel_showcase .owl-carousel .owl-item a{
	display: block;
	position: relative;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a i {
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	height: 35px;
	left: calc(50% - 18px);
	padding: 9px 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 18px);
	width: 35px;
	top: 1000px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	color: #131e2a;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a:hover i{
	top: calc(50% - 18px);
}

/* --------------------------------------------------------
 					end Hotel showcase area CSS
-----------------------------------------------------------*/




/* --------------------------------------------------------
10.					start about us area CSS
-----------------------------------------------------------*/

.about_us .news .post_title > h6 {
  color: #131e2a;
  font-family: "Karla",sans-serif;
  font-size: 16px;
}
.about_us .news .post_content > p {
  font-size: 12px;
  margin: 6px 0 0;
  color: #949494;
}
.about_us .showcase ul{
	list-style: none outside none;
    padding-left: 0;
    margin: 0;
    margin-right:15px;
}
.about_us .showcase .demo .item{
    margin-bottom: 60px;
}
.about_us .showcase .content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.about_us .showcase .content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.about_us .showcase .demo{
	width: 100%;
}
.about_us .showcase .lslide.active > img {
  min-height: auto;
  width:100%;
}
body#home_two .about_details {
  margin-top: 30px;
}
body#home_two .about_details > p {
	color: #666666;
	line-height: 26px;
	margin: 0;
}
body#home_two .hotel_thumb > img {
  height: auto;
  width: 100%;
}
div#customer_says_slider .customer_comment {
  background: rgba(0, 0, 0, 0) url("../img/customer-slider-bg.png") no-repeat scroll 0 0 / cover ;
  padding: 25px 34px 23px;
}
div#customer_says_slider .customer_comment > p {
  line-height: 25px;
  margin: 0;
  font-style: italic;
  padding-bottom: 20px;
}
div#customer_says_slider .slider_says {
  bottom: 28%;
  /*position: absolute;*/
  margin-left: 7px;
  position:static;
  right: 6.4%;
}
div#customer_says_slider .slider_says.left {
  right: 16.5%;
}
div#customer_says_slider .slider_says i {
  font-size: 20px;
}

/* --------------------------------------------------------
 					end about us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
11.					start contact us area CSS
-----------------------------------------------------------*/

.contact_us {
  background: #b8883e;
  padding: 25px 35px;
}
.contact_us a, .contact_us h6, .contact_us p{
	color: #fff;
}
.contact_us a:hover{
	color: #b8883e;
}
.contact_us h6{
	font-family: 'Karla', sans-serif;
}
.contact_us p{
	font-size: 20px;
	margin: 0;
	margin-top: 5px;
	line-height: 22px;
	font-family: "Lora",serif;
}
.contact_us .news_letter > input {
	background: #b8883e none repeat scroll 0 0;
	border: 0;
	padding: 11px 3px;
	border-bottom: 1px solid #fff;
	width: 100%;
	color:#fff;
	position: relative;
	line-height: 20px;
	outline: none;
	font-family: 'Karla', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.contact_us .news_letter > a.btn-blue{
	position: absolute;
	right: 5%;
	top: 12%;
}
.contact_us ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.contact_us ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  1;
}
.contact_us .social_icons {
 	padding: 11px 0px;
}
.contact_us .social_icons ul, body#about_us_page .single_staff .social_icons ul, body#staff_page .single_staff .social_icons ul{
	margin: 0;
	padding: 0;
	float:right;
	list-style: none;
}
.contact_us .social_icons ul li, body#about_us_page .single_staff .social_icons ul li, body#contact_us_page .social_icons > ul > li, body#staff_page .social_icons > ul > li{
	float: left;
}
.contact_us .social_icons ul li a {
 	padding-left: 15px;
}
.contact_us .social_icons ul li a i, body#contact_us_page .social_icons > ul > li > i{
	font-size: 16px;
}

/* --------------------------------------------------------
 					end contact us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
12. 					end error page CSS
-----------------------------------------------------------*/

body#error_page .error_area {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("img/error_bg.jpg");
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
}
.error_area .container {
  position: relative;
}
body#error_page .error{
	position: relative;
}
body#error_page .error > p {
	color: #313a45;
	font-size: 282px;
	line-height: 250px;
	margin-bottom: 17px;
}
body#error_page .error h3 {
  color: #fe5d5d;
  font-size: 44px;
  padding-bottom: 35px;
  margin-bottom: 70px;
}
body#error_page .error .section_title.nice_title > h3::after {
	background: rgba(0, 0, 0, 0) url("img/nice-title-error.png") no-repeat scroll 0 0;
	left: 15%;
}
.error_area .contact_us_area {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 100%;
}



/* --------------------------------------------------------
 					end error page CSS
-----------------------------------------------------------*



/* --------------------------------------------------------
13. 					start footer area CSS
-----------------------------------------------------------*/

.footer_area{
	background: #313a45;
	width:100%;
	display:inline-block; padding: 80px 0 0; float: left
}
.footer_widget > h5 {
  color: #fff;
  margin-bottom: 45px;
}
.footer_widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_widget p, .footer_widget ul li a, .footer_copyright p, .footer_copyright a{
	color: #d5d7d8;
}
.footer_widget ul li a:hover, .footer_copyright a:hover{
	color: #b8883e;
}
.footer .footer_logo {
  margin-bottom: 19px;
}
.footer_widget ul li{
	margin-bottom: 10px;
	float:left;
	width:100%;
}
.footer_widget ul li p i {
  float: left;
  line-height: 20px;
  margin-right: 10px;
  min-height: 80px;
}
.footer_widget ul li p{
	margin: 0px 0px;
}

.footer_widget.first-wid p {
    line-height: 26px;
}

/* --------------------------------------------------------
 					end footer area CSS
-----------------------------------------------------------*/



/* --------------------------------------------------------
14. 					start about us page CSS
-----------------------------------------------------------*/


body#about_us_page .breadcrumb_main_area, body#staff_page .breadcrumb_main_area,body#gallery_page .breadcrumb_main_area{
	background: url(../img/about-us-breadcrumb.jpg) no-repeat center center / cover #000000;
	position: relative;
}
body#room_detail_page .deluxe_room_detail .single_facilities_name{

}
body#about_us_page .facilities_main_part .facilities_name, body#room_detail_page .deluxe_room_detail .facilities_name{
	padding: 0 4px;
}
body#about_us_page .facilities_name .col-md-2, body#about_us_page .facilities_name .col-lg-2{
	width: 20%;
}
body#about_us_page .single_facilities_name > li > img, body#room_detail_page .single_facilities_name > li > img, body#booking_page .single_facilities_name > li > img{
	float: left;
	margin-right: 8px; margin-bottom: 25px;
}
body#about_us_page .single_facilities_name > li:first-child, body#room_detail_page .single_facilities_name > li:first-child, body#booking_page .single_facilities_name > li:first-child{
	margin-bottom: 30px;
}
body#about_us_page .single_facilities_name > li > p, body#room_detail_page .single_facilities_name > li > p, body#booking_page .single_facilities_name > li > p {
	color: #313a45;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}
body#about_us_page .single_facilities_name > a.btn {
	margin: 14% 11% auto;
	text-align: center;
}
body#about_us_page .about_us_thumb > p{
	margin-top: 45px;
}
body#about_us_page .single_staff .uk-overlay-background, body#staff_page .single_staff .uk-overlay-background, body#gallery_page .room_wrapper .uk-overlay-background{
	background: rgba(254, 109, 109, 0.8) none repeat scroll 0 0;
	padding: 30px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
body#about_us_page .single_staff .single_staff_details h6, body#staff_page .single_staff .single_staff_details h6{
	font-size: 16px;
	margin-bottom: 6px;
}
body#about_us_page .single_staff .single_staff_details span, body#staff_page .single_staff .single_staff_details span{
	font-size: 14px;
	margin-bottom: 19px;
	display: block;
}
body#about_us_page .single_staff .single_staff_details p, body#staff_page .single_staff .single_staff_details p{
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 0;
}
body#about_us_page .single_staff .social_icons ul li a, body#staff_page .single_staff .social_icons ul li a{
	display: inline-block;
	margin: 22px 15px 22px 0;
}
body#about_us_page .single_staff .social_icons ul li a i, body#staff_page .single_staff .social_icons ul li a i{
	font-size: 18px;
}

/* --------------------------------------------------------
 					end about us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
15. 					start accomodation page CSS
-----------------------------------------------------------*/

body#accomodation_page .breadcrumb_main_area, body#contact_us_page .breadcrumb_main_area, body#room_detail_page .breadcrumb_main_area{
	background: url(../img/about-us-breadcrumb.jpg) no-repeat center center;
	position: relative;
}
body#accomodation_page .range_slider span, body#accomodation_page .range_slider label{
	color: #aab8ca;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
}
body#accomodation_page .range_slider .range input{
	width: 53%;
	display: inline-block;
}
.accomodation_single_room ul.pagination{
	margin: 0;
}
.accomodation_single_room ul.pagination li a{
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}
.accomodation_single_room ul.pagination li.active a{
	color: #fe6d6d;
	background: none;
}
.accomodation_single_room ul.pagination li a:hover{
	color: #fe6d6d;
}
.accomodation_single_room ul.pagination li a > i{
	margin: 3px 9px;
}
.accomodation_single_room ul.pagination li a:hover, .accomodation_single_room ul.pagination li a:active, .accomodation_single_room ul.pagination li a:focus{
	background: none;
}

/* --------------------------------------------------------
 					end accomodation page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
16. 					start contact us page CSS
-----------------------------------------------------------*/
.send_mail .section_title h4, .contact_info .section_title h4{
	color: #515151;
	font-weight:600;
	font-size: 20px;
}
.send_mail input, .send_mail textarea {
	border: 1px solid #e0e1e5;
	color: #000;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	margin-bottom: 20px;
	outline: none;
	width: 100%;
    text-transform:none;
}
.send_mail a.btn{
	text-transform: none;
}
.contact_info > ul > li{
	line-height: 25px;
	margin-bottom: 29px;
	font-size: 16px;
}
.contact_info > ul > li > i {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  min-height: 40px;
  padding-top: 3px;
}
.contact_info > ul > li:first-child i{
    min-height:77px;
}

body#contact_us_page .contact_info .social_icons > ul > li > a, .contact_info > ul > li{
	color: #212020;
}
body#contact_us_page .contact_info .social_icons > ul > li > a{
	font-size: 20px;
	padding-right: 30px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a:hover{
	color: #313a45;
}
.submit_btn {
  margin-top: 16px;
}
.thank_box {
	background: none repeat scroll 0 0 #eee;
	border-bottom: 5px solid #3ac4fa;
	font-size: 20px;
	height: 271px;
	margin: 100px auto 0;
	padding-top: 90px;
	text-align: center;
	width: 55%;
}
.thank_box a {
	background: #3ac4fa none repeat scroll 0 0;
	border: 2px solid #3ac4fa;
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 25px auto 0;
	padding: 15px 30px;
	text-transform: uppercase;
	width: 197px;
	text-decoration:none;
}
.thank_box a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #3ac4fa;
  border:2px solid #3ac4fa;
  text-decoration:none;
}
.thank_box i {
  font-size: 12px;
  margin-right: 5px;
}
.send_mail .btn{
	text-transform: none;
}

/* --------------------------------------------------------
 					end contact us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
17. 					start room details page CSS
-----------------------------------------------------------*/


body#room_detail_page .lSSlideOuter .lSPager.lSGallery a:hover{
	opacity: 0.5;
}
body#room_detail_page .lSSlideOuter .lslide.active > img {
  height: auto;
  width: 100%;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span{
	text-transform: none;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.price{
	font-size: 25px;
	color: #131e2a;
	font-family: "Lora",serif;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.day{
	font-size: 15px;
	color: #8b8d90;
	font-family: 'Karla', sans-serif;
	margin-top: 7px;
}
body#room_detail_page .hotel_booking_area {
	background: #313a45 none repeat scroll 0 0;
	padding: 5px 5px 69px;
	position: relative;
}
body#room_detail_page .hotel_booking a.btn {
	/*bottom: calc(0px - 88px);*/
	left: calc(50% - 43px);
	position: absolute;
	z-index: 20;
}
body#room_detail_page .hotel_booking_area .form-group{
	margin-bottom: 20px;
	margin-top: 20px;
}
body#room_detail_page .hotel_booking_area .room_book{
	border-right: none;
}
body#room_detail_page .customer_comment{
	background: rgba(0, 0, 0, 0) url("img/customer-slider-bg-one.png") no-repeat scroll 0 0 / cover ;
}


/* --------------------------------------------------------
 					end room details page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
18. 					start gallery page CSS
-----------------------------------------------------------*/

body#booking_page .breadcrumb_main_area, body#blog_page .breadcrumb_main_area{
	background: url(img/about-us-breadcrumb.jpg) no-repeat center center / cover #000000;
	position: relative;
}
body#gallery_page .accomodation_single_room .room_media{
	margin-bottom: 30px;
}
body#gallery_page .other_room .nav-tabs{
	border-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li{
	margin-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li > a{
	border-radius: 0;
	color: #313a45;
	font-weight: 700;
	padding: 2px 18px;
	text-transform: uppercase;
	border: 2px solid #fff;
	cursor: pointer;
}
body#gallery_page .other_room ul.nav-tabs > li.active a{
	border: 2px solid #9d9d9d;
}
body#gallery_page .single_room_wrapper .dif_room_media img {
	height: 213px;
	width: auto;
}
body#gallery_page .lslide.active > img {
  height: 100%;
  width: 100%;
}
#deluxe_gallery a.slider_ctrl, #gallery_main_slider a.slider_ctrl{
	background: #313a45 none repeat scroll 0 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 15px);
	width: 30px;
}
#deluxe_gallery a:hover, #gallery_main_slider a:hover{
	background: #23b0eb none repeat scroll 0 0;
}
#deluxe_gallery a.slider_ctrl.left, #gallery_main_slider a.slider_ctrl.left{
    left: calc( 0% + 30px );
}
#deluxe_gallery a.slider_ctrl i, #gallery_main_slider a.slider_ctrl i{
	color: #fff;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}
#deluxe_gallery a.slider_ctrl.right, #gallery_main_slider a.slider_ctrl.right{
    right: calc( 0% + 30px );
}

/* --------------------------------------------------------
 					end gallery page CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
19. 					start booking page CSS
-----------------------------------------------------------*/

body#booking_page .booking_info_area .room_cost table td, body#booking_page .booking_done_area .room_cost table td{
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #969696;
	vertical-align: middle;
	text-transform: uppercase;
}
body#booking_page .booking_info_area .room_cost table td span, body#booking_page .booking_done_area .room_cost table td span{
	color: #313a45;
	font-size: 16px;
	font-weight: 700;
}
body#booking_page .booking_info_area .room_cost table tr > td:first-child, body#booking_page .booking_done_area .room_cost table tr > td:first-child{
	text-align: left;
}
body#booking_page .booking_info_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_info_area .room_cost table tr.total_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.total_table > td:nth-child(2){
	text-align: right;
}
body#booking_page .booking_done_area .room_cost table td span.total_pain_info{
	color: #88d54f;
}
body#booking_page .booking_next_btn {
 	width: 100%;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star{
	color: #f9cf01;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star-o{
	color: #666666;
}
body#booking_page .facilities_name .section_title {
  margin-bottom: 30px;
}
body#booking_page .booking_info_area .facilities_name .section_title h5{
	color: #444444;
	font-family: "Lora",serif;
	font-size: 18px;
	text-transform: none;
}
body#booking_page .booking_info_area .facilities_name .section_title h5 p.price{
	
}
body#booking_page .booking_info_area .facilities_name .section_title h5 sup.day{
	font-size: 11px;
}
body#booking_page .booking ul.nav-tabs{
	border: none;
}
body#booking_page .booking ul.nav-tabs > li{
	width: 25%;
}
body#booking_page .booking ul.nav-tabs > li > a{
	border: none;
	border-bottom: 9px solid #e4e4e4;
	cursor: pointer;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #515151;
	font-size: 18px;
	font-family: 'Playfair Display', serif;
}
body#booking_page .booking ul.nav-tabs > li > a > span {
	display: block;
	margin-top: 15px;
	margin-bottom: 40px;
}
body#booking_page .booking ul.nav-tabs > li > a > i{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #656464;
	border-radius: 50%;
	color: #656464;
	display: inline-block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 11px 22px 11px 18px;
	text-align: center;
}
body#booking_page .booking ul.nav-tabs > li.active > a > i{
	background: #fe5d5d;
	color: #fff;
	border: 1px solid #fe5d5d;
}
body#booking_page .booking ul.nav-tabs > li.active > a{
	border-bottom: 9px solid #fe5d5d;
}
body#booking_page .personal_info_area .hotel_booking, #booking_page .payment_info_area .hotel_booking{
	background: none;
	padding: 0;
}
body#booking_page .personal_info_area .hotel_booking_area select#adult, body#booking_page .personal_info_area .hotel_booking_area select#smoking_room, body#booking_page .personal_info_area .hotel_booking_area select#parking, body#booking_page .personal_info_area .hotel_booking_area select#with_pet, body#booking_page .personal_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area select#enter_month, body#booking_page .payment_info_area .hotel_booking_area select#enter_year{
	border: 1px solid #dbdbdb;
	min-height: 45px;
	margin-bottom: 30px;
	outline: medium none;
	text-transform: uppercase;
	padding-left: 22px;
}
body#booking_page .personal_info_area .hotel_booking_area .form-group.icon_arrow:after, body#booking_page .payment_info_area .hotel_booking_area .form-group.icon_arrow:after{
	top: 3%;
}
body#booking_page .personal_info_area .hotel_booking_area textarea{
	outline: none;
	text-transform: uppercase;
}
body#booking_page .payment_info_area .payment_system ul li{
	float: left;
	margin-right: 13px;
}
.checkbox.booking_done_confirmation {
  background: #81c251 none repeat scroll 0 0;
  margin-top: 35px;
  padding: 20px;
}
.checkbox.booking_done_confirmation > a, .checkbox.booking_done_confirmation > a > i{
  color: #fff;
  font-size: 21px;
}
.checkbox.booking_done_confirmation > a > i{
	margin-right: 18px;
}


/* --------------------------------------------------------
 					end booking page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
20. 					start Blog page CSS 
-----------------------------------------------------------*/

.blog_img_box {
  background: rgba(0, 0, 0, 0) url("img/blog-pic-link-bg.png") no-repeat scroll 0 0 / cover ;
  height: 139px;
  margin-bottom: -21px;
  position: relative;
  width: 100%;
}
.single_blog_style1, .single_blog_style2 {
  background: none repeat scroll 0 0 #f0f0f0;
}
.style_blog_img_box {
  position: relative;
}
.at_love {
  left: 24px;
  position: absolute;
  top: -10px;
  z-index: 2;
}
.at_love i {
  background: none repeat scroll 0 0 #fe5d5d;
  color: #fff;
  font-size: 17px;
  height: 38px;
  padding-top: 10px;
  text-align: center;
  width: 38px;
}
.style_b_link, .b_link {
  background: none repeat scroll 0 0 #555;
  bottom: 0;
  color: #fff;
  height: 40px;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 48px;
  z-index: 2;
}
.blog_text_box {
  padding: 25px;
}
.blog_text_box h4 {
  color: #444444;
  font-weight: 700;
}
.blog_text_box ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.blog_text_box ul li {
 float: left;
margin-right: 12px;
}
.blog_text_box ul li a {
	color: #878787;
	display: block;
	font-size: 11px;
	padding: 10px 0;
}
.blog_text_box ul li a:hover {
  text-decoration:none;
  color:#fe5d5d;
}
.blog_text_box > p {
  color: #444444;
}
.blog_text_box > a {
  color: #3ac4fa;
}
.blog_text_box > a:hover {
  text-decoration:none;
  color:#fe5d5d;
}
.blog_img_box > a {
  color: #ffffff;
  display: block;
  font-size: 20px;
  padding: 31px 35px;
}
body#blog_page .b_link {
  background: none repeat scroll 0 0 #49515b;
bottom: 7px;
font-size: 17px;
padding: 10px 0 0;
right: 1px;
}
.load_more {
  margin: 50px auto;
  text-align: center;
  width: 180px;
}
.load_more > a {
  background: none repeat scroll 0 0 #fe5d5d;
  color: #fff;
  padding: 15px 30px;
  border: 2px solid #fe5d5d;
}
.load_more > a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #fe5d5d;
  border: 2px solid #fe5d5d;
}


/* --------------------------------------------------------
 					end Blog page CSS 
-----------------------------------------------------------*/


/* --------------------------------------------------------
21. 					start single blog page CSS
-----------------------------------------------------------*/

body#single_blog_page .breadcrumb_main_area{
	background: url(img/gallery-breadcrumb.jpg) no-repeat center center / cover #000000;
	position: relative;
}
.single_blog_post_area{
    background: #f0f0f0;
}
.sing_blog_photo{
    position: relative;
}
.sing_blog_photo > i{
  color: #fff;
  font-size: 17px;
  padding-top: 9px;
  text-align: center;
  position: absolute;
}
.sing_blog_photo i.top{
    background: #fe5d5d;
    top: -12px;
    left: 10px;
    width: 40px;
    height: 34px;
}
.sing_blog_photo i.bottom{
  background: #49515b;
  bottom: 0;
  right: 0;
  width: 46px;
  height: 34px;
}
.sing_blog_content{
    padding: 40px 40px 45px 30px;
}
.sing_blog_heading h2, .related_post > h2{
    color: #444444;
    font-size: 20px;
    font-family: 'karla';
    font-weight: 700;
    text-transform: inherit;
}
.sing_blog_heading ul{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}
.sing_blog_heading ul li{
    color: #878787;
    border-left: 1px solid;
    display: inline-block;
    line-height: 13px;
    padding: 0 10px;
}
.sing_blog_heading ul li:first-child{
    border-left: 0px;
    padding-left: 0px;
}
.sing_blog_post_cont{
    border-bottom: 1px solid #e3e1e1;
}
.sing_blog_post_cont > p {
  overflow: hidden;
    line-height: 25px;
    color: #444444;
    margin: 20px 0;
}
.sing_blog_post_cont > p img {
    margin-right: 25px;
}
.sing_blog_post_cont > p span.side-img {
    margin-top: 15px;
    display: block;
}
.sing_blog_post_cont > p span.tag {
    color: #fe5d5d;
}
.sing_blog_post_cont > blockquote {
    background: #edebeb;
    border-left: 10px solid #67cef6;
    padding: 35px 30px;
    color: #444444;
    line-height: 24px;
}
.related_post{
    padding: 25px 0;
    border-bottom: 1px solid #e3e1e1;
}
.sing_related_post{
    padding-top: 25px;
}
.sing_related_post h3 {
    font-size: 16px;
    font-family: 'karla';
    font-weight: 700;
    text-transform: inherit;
}
.sing_related_post h3 a{
    color: #444444;
}
.sing_related_post p{
    font-size: 14px;
    color: #444444;
    font-weight: 700;
    margin-top: 0;
}
.sing_related_post p span{
    color: #fe5d5d;
}
.sing_blog_post_nav{
    padding: 30px 0;
    border-bottom: 1px solid #e3e1e1;
    overflow: hidden;
}
.sing_blog_post_nav a{
    color: #444444;
    font-weight: 700;
}
.sing_blog_post_nav a:hover{
    color: #3ac4fa;
}

.single_post_author_area{
    padding: 30px 0;
    border-bottom: 1px solid #e3e1e1;
}
.author_photo{
    text-align: center;
}
.author_details h2 {
  font-family: lato;
  font-size: 16px;
  font-weight: 800;
  text-transform: inherit;
  line-height: 15px;
}
.author_details h3 {
  font-size: 13px;
    font-family: karla;
  color: #6ebe3b;
    text-transform: inherit;
}
.author_details p{
    font-size: 16px;
    line-height: 27px;
    color: #444444;
    margin: 0;
}
.author_details ul{
    margin: 5px 0 0;
    padding: 0;
}
.author_details ul li{
    display: inline-block;
    margin: 0 5px;
}
.author_details ul li a{
    display: block;
    font-size: 16px;
    color: #ababab;
}
.author_details ul li a:hover{
    color: #3ac4fa;
}

.single_post_comment_area{
    border: 1px solid #ededed;
    box-shadow: -5px 5px 0 #f0f0f0;
    padding: 35px 0 0;
}
.single_post_comment_area > h2, .comment_form > h2{
    font-size: 20px;
    font-weight: 700;
    color: #444;
    font-family: 'karla';
    text-transform: inherit;
}
ul.coments {
  padding: 0;
  margin-top: 0;
  border-bottom: 1px solid #e3e1e1;
}
ul.coments li{
    overflow: hidden;
    clear: both;
    padding: 30px 0;
}
ul.coments li ul {
  clear: both;
  margin-bottom: -30px;
  padding-top: 30px;
}
ul.coments li ul li {
  border-bottom: 0 none;
  padding-left: 100px;
}
.comment_details h3{
    font-size: 16px;
    font-family: 'karla';
    color:#444;
    font-weight: 700;
}
.comment_details h3 span.comm_time{
    font-size: 13px;
    font-family: 'karla';
    color:#fe5d5d;
    font-weight: 400;
    margin-left: 5px;
}
.comment_details p{
    line-height: 27px;
    font-size: 14px;
    color: #444;
}
.comment_details a.reply{
    font-weight: 700;
    color: #444;
    font-size: 14px;
}
.comment_form{
    margin-right: 45px;
}
.comment_form form{
    padding-top: 30px;
}
.comment_form form label{
    display: block;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.comment_form input, .comment_form textarea{
    width: 50%;
    border: 1px solid #e8e5e3;
    line-height: 40px;
    text-indent: 20px;
    margin-bottom: 15px;
}
.comment_form textarea{
    height: 190px;
    margin-bottom: 30px;
    width: 100%;
}
.comment_form input[type="submit"]{
    background: #3ac4fa;
    color: #fff;
    text-transform: uppercase;
    width: 127px;
    line-height: 47px;
    border: 0px;
    text-indent: inherit;
    margin-bottom: 0;
    border: 1px solid #3ac4fa;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.comment_form input[type="submit"]:hover{
	color: #3ac4fa;
	background: #fff;
	border: 1px solid #3ac4fa;
}
.padding-0{
    padding: 0;
}
body#single_blog_page .right_sidebar_area .input_search {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
  width: ;
}
body#single_blog_page .input_search > input {
  border: 0 none;
  padding: 5px;
  width: 100%;
}
.right_sidebar_area .blog_category {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
.right_sidebar_area .blog_category ul li a{
	font-family: "Lora",serif;
}
.right_sidebar_area .blog_category ul li a:hover{
	color: #fe5d5d;
}
.right_sidebar_area .blog_category i {
  font-size: 12px;
  margin-right: 20px;
  vertical-align: middle;
}
.right_sidebar_area .blog_recent_post {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
body#single_blog_page .single_recent_post{
	margin-bottom: 20px;
}
body#single_blog_page .recent_post_details > h6, body#single_blog_page .recent_post_tags > h6{
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
}
body#single_blog_page .recent_post_tags > h6{
	margin: 5px;
}
body#single_blog_page .recent_post_details > p {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 3px;
}
.right_sidebar_area .recent_post_tags {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
.right_sidebar_area .recent_post_tags > a {
  background: #444444 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 9px 18px;
}
.right_sidebar_area .recent_post_tags > a.active, .right_sidebar_area .recent_post_tags > a:hover{
	background: #3ac4fa;
}


a.banner-bt:hover{
    background-color:transparent !important;
    transition-duration:0.5s;
    border:solid 1px #b8883e;
}

a.banner-bt{
    font-family: 'Karla',sans-serif;
    background: #d0973b; 
    border-radius: 0; 
    color: #fff; 
    display: inline-block;  
    border:solid 1px #d0973b;
    font-size: 18px; 
    padding: 10px 34px; 
    text-transform: uppercase; 
    font-weight:700;
}
/* --------------------------------------------------------
 					end single blog page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
22.					Start Preloader CSS
-----------------------------------------------------------*/

#loader-wrapper .logo {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#loader-wrapper .logo a {
	font-weight: 700;
	color: #000;
	font-size: 12px;
}
.logo span {
  color: #b8883e;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	background:#fff;
	
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f85654;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


/* --------------------------------------------------------
					End Preloader CSS
-----------------------------------------------------------*/




/*rij css*/

.filter-con .dropdown.bootstrap-select.input-group-btn.form-control.show-menu-arrow.bs3 button.btn.dropdown-toggle.btn-default {
    background: #313a45;
    border:none;
    height:37px;
    font-family: "Karla",sans-serif;
    margin-left:0;
}

.filter-con .dropdown.bootstrap-select.input-group-btn.form-control.show-menu-arrow.bs3 button.btn.dropdown-toggle.btn-default:focus{
	outline: none !important;
}

.filter-con .dropdown.bootstrap-select.input-group-btn.form-control.show-menu-arrow.bs3 button.btn.dropdown-toggle.btn-default span.bs-caret {
    display: none;
}
.filter-con .dropdown.bootstrap-select.input-group-btn.form-control.show-menu-arrow.bs3 .filter-option-inner{
	color:#aab8ca;
	font-size: 13px;
    text-transform: uppercase;
    width: 100%;
}

.filter-con .bootstrap-select ul.dropdown-menu.inner li{
	border-bottom: solid 1px #ddd;
	padding:2px 0;
}
.filter-con .bootstrap-select .dropdown-menu.open{
	padding:0 0;
}
.filter-con .bootstrap-select ul.dropdown-menu.inner li:hover{
	background: #f3f3f3;
}
.filter-con .bootstrap-select ul.dropdown-menu.inner li:last-child{
	border-bottom:none;
}

.filter-con .bootstrap-select ul.dropdown-menu.inner li.selected.active {
    display: none;
}

.filter-con .cal td a {
    background-image: -webkit-linear-gradient(top, #fff, #fff 60%, #fff);
    padding: 5px 0;
    height: 36px;
    width: 36px;
}
.filter-con .cal td a:hover{
	background-image: -webkit-linear-gradient(top, #b8883e, #b8883e 60%, #b8883e);
}

.banner-container{
	width:100%;
	float:left;
}
.banner-container .tp-caption.mar-tp{
	/*margin-top:50px !important;*/
	margin-top:0 !important;
}
.banner-container .tp-caption{
	line-height: 61px !important;
    font-weight: 600;
    color: #fff !important;
}
.banner-container .tp-caption.but_banner{
	line-height:30px !important;
	font-weight: 400 !important;
	/*margin-top:80px !important;*/
	margin-top:25px !important;
}

.content-center {
    float: left;
    text-align: center;
    width: 100%;
    margin:0 0 0px 0;
}


.content-center.hm {

    margin-top: 81px;
}

.hotel_facilities .section_title.nice_title > h3{
	color:#fff;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0 !important;
}
.about_us.clearfix h5{
	font-size:29px;
}

/*.lSSlideOuter.vertical .lSGallery{
	height:285px !important;
}
*/

.contact_us_area .inn1{
	position: relative;
	width:100%;
}
.contact_us_area .inn1:after{
	content: '';
    position: absolute;
    border-left: solid 1px #dbab61;
    height: 53px;
    top: -3px;
    right: 23px;
}

.contact_us_area .inn2{
	position: relative;
	width:100%;
}
.contact_us_area .inn2:after{
	content: '';
    position: absolute;
    border-left: solid 1px #dbab61;
    height: 53px;
    top: -3px;
    right: 15px;
}

.contact_us_area .inn3{
	position: relative;
	width:100%;
}
.contact_us_area .inn3:after{
	content: '';
    position: absolute;
    border-left: solid 1px #dbab61;
    height: 53px;
    top: -3px;
    display:none;
    right: -50px;
}

.footer_widget {
    width: 100%;
    position:relative;
    padding: 0 30px;
}
.footer_widget:after{
	content:'';
	position:absolute;
	border-left:solid 1px #444b55;
	left:-25px;
	top:0;
	height:200px;
}
.footer_widget.first-wid{
	padding-left:0;
}
.footer_widget.first-wid:after{
	display:none;
}
 .lSSlideOuter .lSGallery li{
	height:auto !important;
}
 ul#vertical li img{
	width:100% !important;
}

.controll-con {
    position: absolute;
    z-index: 999999;
    right: 25px;
    display: inline-block;
    bottom: 105px;
}

.customer_detail.clearfix {
    margin-top: 24px;
}
div#customer_says_slider .customer_comment{
	position:relative;
}
div#customer_says_slider .customer_comment:after{
	position: absolute;
	content:url('../img/drop.png');
	bottom:-18px;
	left: 20px;
}

.hotel_booking .form-control{
	box-shadow:none;
}


.single-tab-image img{
	width:100%;
}
.single-tab-image{
	position:relative;

}

.single-tab-image:after{
	content:'';
	position:absolute;
	left:30px;
	right:30px;
	top:30px;
	bottom:30px;
	border:solid 4px #fff;
	transition-duration: 0.4s;
}
.single-tab-image:hover:after{
	left:0;
	top:0;
	right:0;
	bottom:0;
	transition-duration: .4s;
}


.customer_identity.floatleft h6{
	font-family: 'Karla', sans-serif;
    font-weight: 600;
    margin-top: 6px;
}

.customer_identity.floatleft p {
    margin-top: 0;
    font-size: 14px;
}

.breadcrumb_main.nice_title > h2::after{
		display: none;
}

body#about_us_page section.breadcrumb_main_area.margin-bottom-80.aboutus-container{
	margin-bottom:55px !important;
}

body#about_us_page .section_title.margin-top-80.margin-bottom-35 {
    margin-top: 50px;
}

body#about_us_page .about_us_thumb.margin-bottom-75 {
    margin-bottom: 55px;
}

body#gallery_page section.breadcrumb_main_area.margin-bottom-80 {
    margin-bottom: 50px;
}

body#gallery_page ul.nav.nav-tabs.margin-bottom-60{
	margin-bottom:30px;
}


body#accomodation_page section.breadcrumb_main_area.margin-bottom-80{
	margin-bottom:60px;
}

body#accomodation_page .section_title.nice_title > h3{
	margin-bottom:45px;
}

body#accomodation_page .section_title.nice_title.content-center{
	margin-top:0;
}

#room_detail_page .bootstrap-select button{
	margin: 0 !important;
	border: none;
	background: #313a45;
	font-family: "Karla",sans-serif;
	padding: 7px 0px;
	color: #aab8ca;
}

#room_detail_page .bootstrap-select button .caret{
	display:none;
}
#room_detail_page .btn-default.active{
	background:transparent;
}

.bootstrap-select .dropdown-menu li.disabled a{
	display:none;
}
#room_detail_page .dropdown-menu>.active>a{
	background:#b7883d !important;
}
#room_detail_page .dropdown-menu>.active>a:hover{
	background:#b7883d !important;
}

#room_detail_page .bootstrap-select button{
	outline: none !important;
}
#room_detail_page .bootstrap-select button:hover{
	background:#313a45;
	color: #aab8ca;
}
#room_detail_page .bootstrap-select .form-control{
	background:transparent;
}

#room_detail_page .bootstrap-select .form-control .dropdown-menu.open{
	z-index:9999999;
}

#room_detail_page .bootstrap-select .form-control a.selected.active{
	display: none;
}
.bootstrap-select .dropdown-menu li:hover{
	background:#b7883d !important;
}
.bootstrap-select .dropdown-menu li:hover a{
	color:#fff;
}


div#customer_says_slider h6{
	margin-top:9px;
	font-size: 14px;
	font-family: 'Karla', sans-serif;
    font-weight: 700;
}


div#customer_says_slider p {
    font-size: 14px;
    margin-top: 3px;
}

.bootstrap-select .dropdown-menu{
	z-index:9999999999 !important;
}


#room_detail_page.restaurant-con .facilities_name.clearfix.margin-bottom-40.margin-top-65{
	margin-top:0;
}

#contact_us_page section.breadcrumb_main_area.margin-bottom-80{
	margin-bottom: 60px;
}
#contact_us_page .contact_google_map_area.margin-bottom-75{
	margin-bottom: 60px;
}
#contact_us_page .contact_mail .send_mail input, #contact_us_page .contact_mail .send_mail textarea {
    padding: 12px 15px;
}
#contact_us_page .contact_mail .send_mail textarea{
	height:135px;
}
#contact_us_page .contact_mail .send_mail input::placeholder, #contact_us_page .contact_mail .send_mail textarea::placeholder{
	font-size: 12px;
}
#contact_us_page .contact_info.margin-top-65{
	margin-top:0;
	background: transparent;
	border:solid 1px #ddd;
    padding: 40px 25px;
}

.left_room_title.floatright .btn{
    position:relative;
    z-index:999999999;
}
body#home_one .special_offer_main{
    display:none;
}



.common-btn {
    background: #d7b46b;
    border: solid 1px #d7b46b;
    padding: 10px 25px;
    display:inline-block;
    color: #fff;
    font-weight: 600;
    transition-duration:0.4s;
}
.common-btn:hover{
    background:transparent;
    border: solid 1px #d7b46b;
    color:#000;
    transition-duration:0.4s;
}

.single_facilities_name.clearfix{
    margin-top:20px;
}

#about_book .hotel_booking{
    float:left;
}

#about_book .modal-dialog{
    width:25% !important;
}
#about_book .filter-con button{
    padding-left:0 !important;
}
#about_book .hotel_booking .input-group{
    margin-bottom:15px;
}

#about_book .room_book.border-right-dark-1 {
    margin-bottom: 15px;
}
#about_book .modal-body.filter-con{
    display:inline-block;
    padding:0 1px;
    padding-top:1px;
}

#about_book .modal-content{
    border-radius:0;
    line-height: 12px;
}


#about_book button.close {
    position: absolute;
    right: 0;
    z-index: 9999;
    color: #fff;
    opacity: 9;
    width: 28px;
    height: 25px;
    background: #e2b006;
}

section.select_room_area.padding-top-5.margin-bottom-90{
    margin-bottom:45px;
}


div#about_book a.btn.btn-primary.text-center {
    margin-top: 20px;
}

#contact_us_page .contact_info .social_icons > ul > li > a i.fa.fa-facebook{
    color:#3b5998;
}
#contact_us_page .contact_info .social_icons > ul > li > a i.fa.fa-twitter{
    color:#00acee;
}
#contact_us_page .contact_info .social_icons > ul > li > a i.fa.fa-linkedin{
    color:#0e76a8;
}

#contact_us_page .contact_info > ul > li > i.fa.fa-phone, #contact_us_page .contact_info > ul > li > i.fa.fa-envelope-o, #contact_us_page .contact_info > ul > li > i.fa.fa-map-marker{
    color:#999;
}


.contact_us_area .inn3 input.btn.btn-blue{
    position: absolute;
    right: 5%;
    top: 12%;
    background: #dbab61;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
    width:auto;
    border: 1px solid #dbab61;
}


.input-group.border-bottom-dark-2 input {
    background: transparent;
    border: none;
    font-size:12px;
    text-transform:uppercase;
    width:100%;
    height: 37px;
    outline:none;
}

.hotel_booking .input-group.border-bottom-dark-2 input {
    background: transparent;
    border: none;
    font-size:10px;
    text-transform:uppercase;
    width:100%;
    height: 37px;
    outline:none;
}







#about_book .hotel_booking .form-group {
    margin-bottom: 0;
}


a.learn-more {
    background: #b8883e;
    padding: 9px 30px;
    border-radius: 3px;
    color: #fff !important;
    transition-duration:0.3s;
    margin-top: 15px;
    border:solid 2px #b8883e;
    float: left;
}
a.learn-more:hover{
    background: transparent;
    transition-duration:0.3s;
    color:#b8883e !important;
}


#banner-cap{
    width:50%;
    white-space:inherit !important;
}

section.our_room_facilities_area.aboutus-container a.common-btn.btn-md{
    color:#fff !important;
}
section.our_room_facilities_area.aboutus-container a.common-btn.btn-md:hover{
    color:#b8883e !important;
}

.gallery-new{
    width:100%;
    display:inline-block;
}


    .carousel-inner.vertical {
  height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    -webkit-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    -webkit-transform: translate3d(0, -33.33%, 0);
    transform: translate3d(0, -33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}

.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 33.33%;
  right:0;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 33.33%;
  right:0;
}

#carousel-pager .carousel-control.left {
    bottom: initial;
    width: 100%;
}
#carousel-pager .carousel-control.right {
    top: initial;
    width: 100%;
}

.carousel-inner.vertical .item img{
    margin-bottom:15px !important;
}
.carousel-inner.vertical .item img:last-child{
    margin-bottom:0 !important;
}

/*.bg-controll-left{*/
/*    background: url(http://merlinresidency.com/staging/frontend/img/controls.png);*/
/*    width: 32px !important;*/
/*    height: 31px !important;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left:30px;*/
/*}*/
/*.bg-controll-right{*/
/*    background: url(http://merlinresidency.com/staging/frontend/img/controls.png);*/
/*    width: 32px !important;*/
/*    height: 31px !important;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right:30px;*/
/*    background-position-x:32px;*/
/*}*/
    
/*.gallery-new.inner-page div#carousel-main .carousel-inner .item img{*/
/*    width:100%;*/
/*}*/


/*.gallery-new.inner-page div#carousel-pager .item img {*/
/*    width: 13%;*/
/*    float: left;*/
/*    margin-right: 15px;*/
/*}*/
/*.gallery-new.inner-page div#carousel-pager{*/
/*    width:100%;*/
/*    float:left;*/
/*    margin-top:20px;*/
/*}*/


/*.gallery-inner{*/
/*    width:100%;*/
/*    float:left;*/
/*}*/
/*.gallery-inner .gallery-banner{*/
/*    width:100%;*/
/*    float:left;*/
/*}*/
/*.gallery-inner .gallery-banner img{*/
/*    width:100%;*/
/*}*/

/*.gallery-inner .list-slide{*/
/*    width:100%;*/
/*    float:left;*/
/*    margin-top:20px;*/
/*    position:relative;*/
/*}*/


/*.gallery-inner span.owl-nav {*/
/*    position: absolute;*/
/*    top: 30px;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

/*.gallery-inner span.owl-nav span#list_gallery_left{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    z-index:999;*/
/*    left: 0;*/
/*}*/
/*.gallery-inner span.owl-nav span#list_gallery_right{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    z-index:999;*/
/*    right: 0;*/
/*}*/
/*.gallery-inner span.owl-nav i{*/
/*    font-size: 24px;*/
/*    color: #fff;*/
/*    border: solid 1px #fff;*/
/*    padding: 5px 6px;*/
/*    cursor:pointer;*/
/*    background: #b8883e;*/
/*}*/


.slick-next:before, .slick-prev:before{
    font-size: 24px;
    color: #fff;
    border: solid 1px #fff;
    padding: 5px 6px;
    cursor:pointer;
    background: #b8883e;
}
.gallery-inner .slick-prev {
    left: 0px !important;
    width:auto !important;
    height:auto !important;
    top:60% !important;
}

.gallery-inner .slick-next {
    right: 0px !important;
    width:auto !important;
    top:60% !important;
    height:auto !important;
}


.gallery-inner{
    width:100%;
    float:left;
    
}
.room_detail_main .gallery-inner {
    margin-bottom:30px;
}

.room_detail_main div#about_book{
    display:block !important; 
    position:static; 
    width:100%; 
    float:left; 
    opacity:9;
}
.room_detail_main #about_book .modal-dialog{
    width:100% !important;
}

.room_detail_main #about_book .modal-body.filter-con{
    float:left;
    width:100%;
}
.room_detail_main .hotel_booking_area{
    float:left;
}

.room_detail_main #about_book .modal-content{
    float:left;
}
.room_detail_main #about_book .hotel_booking_area .form-group{
    margin:0;
}
.room_detail_main #about_book .hotel_booking_area{
    padding-bottom:0;
}
input:-internal-autofill-selected {
    background:transparent !important;
}
.room_detail_main #about_book .modal-dialog{
    margin-top:0;
}
.section_title.margin-bottom-35.padding-bottom-25.border-bottom-whitesmoke h5{
    display:inline-block;
}

.gallery-inner .slider.slider-for.slick-initialized.slick-slider {
    position: relative;
}
.slider.slider-nav.slick-initialized.slick-slider{
    position:static !important;
}

.gallery-inner .action{
  display:block;
  margin:100px auto;
  width:100%;
  text-align:center;
}
.gallery-inner .action a {
  display:inline-block;
  padding:5px 10px; 
  background:#f30;
  color:#fff;
  text-decoration:none;
}
.gallery-inner .action a:hover{
  background:#000;
}

.gallery-inner .slick-slide img{
    width:auto; margin: 0 auto;
}
.gallery-inner .slick-slide{
    padding:0 5px;
}

.gallery-inner .slick-track{
    margin:0 !important;
}

.gallery-inner .slider.slider-nav.slick-initialized.slick-slider {
    margin-top: 10px;
}
.gallery-inner .slick-slide:focus {
    outline: none;
}


 #about_book .hotel_booking_area{
    position:static !important;
}

.newsletter-con{
    width:100%;
    float:left;
    padding:30px 0;
    background:#b7883d;
}
.footer{
    width:100%;
    float:left;
}

.about-con{
    width:100%;
    float:left;
    padding:30px 0;
    padding-top:0;
}
.about-con .content-center{
    margin-top:0;
}

.about-con .heading-about {
    font-size: 27px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 23px;
    display: inline-block;
    text-align:center;
}
.about-con .first-se{
    width:100%;
    float:left;
    padding:30px 0;
    padding-top:0;
    text-align:center;
}
.about-con h4.alt{
    font-size:28px;
    display:inline-block;
    margin-bottom:15px;
}
.about-con .first-se p {
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
}
.about-con .second-se{
    width:100%;
    float:left;
    padding-bottom:40px;
}
 .about-con .second-se img{
     width:100%;
 }
 .about-con .second-se .white-ul{
     width:100%;
     float:left;
     padding:30px 30px;
     background:#fff;
     border:solid 1px #b6883b;
 } 
 
  .about-con .second-se .white-ul h3{
      font-size:23px;
      font-weight:600;
      margin-bottom:30px;
  }
    .about-con .second-se .white-ul .wid_auto{
        width:auto;
        float:left;
        display:inline-block;
        background:#fff;
        position:relative;
        padding-right:15px;
        z-index:500;
    }
    .about-con .second-se .white-ul ul{
        padding:0;
        margin:0;
    }
    .about-con .second-se .white-ul ul li{
        padding:0px 0px;
        margin:0px 0px;
        display:inline-block;
        width:100%;
        list-style:none;
        position:relative;
        margin-bottom:15px;
    }
    .about-con .second-se .white-ul ul li a span{
        display:inline-block;
        float:right;
        position:relative;
        z-index:500;
        background:#fff;
        padding-left:15px;
    }
    .about-con .second-se .white-ul ul li a{
        font-size:16px;
    }
    .about-con .second-se .white-ul ul li:after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        border-bottom:solid 1px #b6883b;
        top:14px;
        
    }
    
.gall-con{
    width:100%;
    float:left;
    padding-bottom:60px;
    padding-top:20px;
}
    
.gall-con .services-listing {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: left;
}    
.gall-con .single-serv.gal {
    position: relative;
    border: solid 1px #ddd;
    overflow: hidden;
    padding: 0;
    margin: 0 5px 0;
    width: calc(100% / 4 - 10px);
    cursor: pointer;
    float: left;
}
.gall-con .single-serv .course-img {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.gall-con .single-serv.gal .course-img {
    height: auto;
}
.gall-con .course-img.sec img {
    border-radius: 4px;
}
.gall-con .single-serv .course-img img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.gall-con .single-serv .course-content {
    padding: 15px 15px 10px;
    background-color: #fff;
    min-height: 0;
    margin-bottom: 10px;
    text-align: center;
}
.gall-con .single-serv.gal .course-content {
    padding: 15px 15px 5px 15px;
}
.gall-con .single-serv .course-content.gal h4 {
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-size:17px;
    font-weight:600;
}
.gall-con .single-serv h5:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background: url(../img/sprite.png) no-repeat;
    width: 30px;
    height: 22px;
    background-position: -103px -7px;
}
.gall-con .single-serv h5 {
    color: #666;
    font-size: 12px;
    font-weight: 500;
    padding-left: 30px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    text-align: left;
    margin: 0px;
    margin-top:7px;
}

.gall-con .course-img:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #b7883d;
    background: -moz-linear-gradient(top,#b7883d 0,#b7883d 100%);
    background: -webkit-linear-gradient(top,#b7883d 0,#b7883d 100%);
    background: linear-gradient(to bottom,#b7883d 0,#b7883d 100%);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: .6;
}
.gall-con .course-img.sec:after {
    top: auto;
    bottom: 0;
}
.gall-con .single-serv:hover .course-img:after {
    height: 100%;
}


.gall-main{
    width:100%;
    float:left;
    margin-bottom:30px;
    padding-top:20px;
    text-align:center;
    position:relative;
}


.newsletter-con h4{
    font-size: 20px;
    margin:0;
    display:inline-block;
    color: #fff;
    margin-top:14px;
}
.newsletter-con .call_button{
    border: solid 1px #fff;
    background: #fff;
    color: #b7883d;
    padding: 9px 35px;
    float: right;
    font-size: 19px;
    transition-duration:0.3s;
    border-radius: 7px;
    
}

.newsletter-con .call_button:hover{
    background:transparent;
    transition-duration:0.3s;
    color:#fff !important;
}
.newsletter-con .pad-se{
    width:100%;
    float:left;
    padding:0 100px;
}

.gall-main .ite{
    margin-bottom:30px;
}

.room_detail_main div#about_book input{
    color:#fff;
}


#about_book input{
    color:#fff;
}


#contact_us_page .common-btn {
    padding: 13px 26px !important;
    width: auto;
}


.gall-con h4.head {
    text-align: center;
    display: inline-block;
    margin-bottom: 45px;
    width: auto;
    font-weight: 600;
    font-size: 27px;
    position:relative;
}
.gall-con h4.head:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: solid 2px #b7883d;
    width: 30%;
    bottom: -16px
}



.back-btn {
    position: absolute;
    right: 13%;
    top: 0%;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    float: right;
    width: 50px;
    height: 50px;
    padding: 14px 0;
    z-index: 9;
    opacity: 1;
    visibility: visible;
    background-color: #fff;
    z-index: 999;
    border: solid 1px #ddd;
    background-size: 200% auto;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    border-radius: 50%;
}

.navbar-brand>img{
    width:100%;
}

.main_header_area{
    background:#fff;
    width:100%;
    z-index:999;
}
.main_header_area.affix{
    border:solid 1px #ddd;
}


.contact_info > ul > li i {
    color: #d5b268 !important;
}

.contact_info .section_title h4 {
    color: #d3ae61 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background:transparent !important;
    color:#d5b268;
}
.hotel_booking .form-control{
    background:transparent !important;
}




@media (max-width: 767px) 
{
    

	.banner-container .tp-caption{
		margin-top:0;
		top:0 !important;
		display:none;
	}
	body#home_one .hotel_booking_area{
		position:static;
		margin-top:15px;
		width:100%;
		float:left;
	}
	.section_title.nice_title.content-center{
		margin-top:40px;
	}
	.section_title.nice_title.content-center h3{
	    font-size: 26px;
    	line-height: 33px;
    	margin-bottom:15px;
	}
	body#home_one .welcome .section_description{
		padding: 0 0 20px;
	}

	.single_room_wrapper.clearfix figure.uk-overlay.uk-overlay-hover{
		width:100%;
	}
	.single_room_wrapper.clearfix figure.uk-overlay.uk-overlay-hover img{
		width:100%;
	}
	section.hotel_facilities_area.margin-top-115.margin-bottom-100{
		margin-top:30px;
		margin-bottom: 60px;
	}
	.hotel_facilities_content .nav-tabs > li > a{
		width:100% !important;
	}
	.hotel_facilities_content .tab-content{
		padding:15px 15px;
	}
	.hotel_facilities{
		padding-bottom:60px;
	}
	.lSSlideOuter.vertical{
		padding-right:0 !important;
	}
	ul.lSPager.lSGallery{
		display:none !important;
	}
	.about_us .showcase ul{
		margin-right:0 !important;
	}
	.lSSlideWrapper{
		height:143px !important;
	}
	body#home_one .showcase, body#home_two .showcase{
		margin-bottom:45px !important;
	}
	.section_title.margin-bottom-50{
		margin-bottom:30px;
	}
	section.about_us_area.margin-bottom-128{
		margin-bottom:40px;
	}
	.contact_us_area .inn1:after, .contact_us_area .inn2:after, .contact_us_area .inn3:after{
		display: none;
	}
	.social_icons.clearfix ul {
    	width: 100%;
    	text-align: center;	
	}
	.social_icons.clearfix ul li{
		float:none;
		padding:0 9px;
		display: inline-block;
		text-align: center;
	}
	.contact_us .news_letter > input{
		background:#fff;
		padding-left:15px;
	}
	.contact_us .news_letter > input::placeholder{
		color: #b8883e;
		font-size:11.5px;
	}
	.footer_widget{
		padding-left: 0;
		margin-top:23px;
	}
	.footer_widget ul li{
		margin-bottom:10px;
	}
	.footer_widget > h5{
		margin-bottom:25px;
	}
	.footer_widget ul li p{
		line-height:25px;
	}
	.navbar-toggle{
		margin-right:0;
	}

	/*aboutus container*/

	section.breadcrumb_main_area.margin-bottom-80.aboutus-container{
		margin-bottom: 30px;
	}
	#about_us_page .section_title.margin-top-80.margin-bottom-35 {
		margin-top: 30px;
		margin-bottom: 17px;
	}

	body#about_us_page .single_facilities_name li{
	border: solid 1px #ddd;
	padding: 8px 10px;
	margin-bottom: 8px;
	}
	body#about_us_page .single_facilities_name.clearfix{
		text-align:center;
	}
	body#about_us_page .single_facilities_name > a.btn {
    	margin: 7% 11% auto;
	}
	body#about_us_page .about_us_thumb > p {
    	margin-top: 30px;
	}
	body#about_us_page .about_us_thumb.margin-bottom-75{
		margin-bottom:40px;
	}
	body#about_us_page .section_title.margin-bottom-40{
		margin-bottom:26px;
	}
	body#about_us_page .section_content figure.uk-overlay.uk-overlay-hover {
    	width: 100%;
	}
	body#about_us_page .section_content figure.uk-overlay.uk-overlay-hover img{
		width:100%;
	}
	body#about_us_page section.our_room_facilities_area.aboutus-container .our_room_facilities.margin-bottom-70{
		margin-bottom: 30px;
	}
	.breadcrumb_main.nice_title > h2::after{
		display: none;
	}

	body#about_us_page section.breadcrumb_main_area.margin-bottom-80.aboutus-container {
    	margin-bottom: 30px !important;
	}
	body#gallery_page section.breadcrumb_main_area.margin-bottom-80{
		margin-bottom:30px !important;
	}
	nav.text-center.margin-top-65.margin-bottom-75 {
    	margin-bottom: 20px;
    	margin-top: 0;
	}
	body#gallery_page .other_room ul.nav-tabs > li{
		width:100%;
	}
	body#gallery_page .other_room ul.nav-tabs > li.active a {
    	border: 1px solid #9d9d9d;
	}
	.footer_copyright a, .footer_copyright p{
		font-size:13px;
	}
	.footer_copyright.margin-tb-50.content-center {
        padding-top: 15px;
        border-top: solid 1px #fafafa;
        margin-bottom: 0px;
        margin-top: 30px;
	}
	.footer_widget:after{
		display:none;
	}
	.footer_widget ul li p i{
		min-height:53px;
	}
	.footer_top.padding-top-80.clearfix{
		margin-top:40px;
		padding-top:0;
	}

	body#accomodation_page section.breadcrumb_main_area.margin-bottom-80 {
    	margin-bottom: 45px;
	}
	.section_title.nice_title > h3{
		font-size:23px;
	}
	body#accomodation_page .select_room .room_thumb .about_room{
		margin-top:5px;
	}
	section.select_room_area.padding-top-5.margin-bottom-90 {
    	margin-bottom: 30px;
	}
	.section_title.nice_title.content-center h3{
		font-size:21px !important;
		padding-bottom: 23px !important;
	}
	body#accomodation_page section.other_room_area {
    	margin-top: 47px !important;
	}
	.contact_us .social_icons{
		padding-bottom: 0;
		padding-top:0px;
	}
	.breadcrumb_main > h2{
		font-size:27px;
	}
	body#room_detail_page section.breadcrumb_main_area.margin-bottom-80 {
    	margin-bottom: 35px;
	}
	body#room_detail_page .deluxe_room_detail .single_facilities_name li{
		width:100%;
		border:solid 1px #ddd;
		margin-bottom:0;
		display:inline-block;
		padding: 7px 0;
	}
	body#room_detail_page .facilities_name.clearfix.margin-bottom-40.margin-top-65{
		margin-top:40px;
	}
	.section_title.margin-bottom-35.padding-bottom-25.border-bottom-whitesmoke{
		padding-bottom:15px;
	}
	body#room_detail_page .deluxe_room_detail .single_facilities_name li p{
		width:100%;
		text-align:center;
		float:left;
		font-size:13px;
	}
	body#room_detail_page .deluxe_room_detail .single_facilities_name{
		text-align:center;
	}
	body#room_detail_page .deluxe_room_detail .single_facilities_name img{
		margin: 0 auto;
		display: inline-block;
		float: none;
	}
	body#room_detail_page .deluxe_room_detail .facilities_name .no-padding-left{
		padding-left:15px;
	}
	body#room_detail_page .room_facilities_des.padding-top-50 {
		padding-bottom:30px;
	}
	body#room_detail_page .welcome .room_media img{
		width:100%;
	}
	body#room_detail_page .welcome .room_media{
		margin-bottom:10px; 
	}
	body#room_detail_page .welcome .room_wrapper{
		margin-bottom:15px;
	}
	body#room_detail_page .hotel_booking_area .form-group{
		margin-bottom:0;
		margin-top:8px;
	}
	.col-lg-4.col-md-4.col-sm-12.contain-sec{
		padding:0;
	}
	body#room_detail_page .hotel_booking_area{
		padding:5px 5px 90px;
	}
	body#room_detail_page .customer_says.margin-top-65 {
    	margin-top: 30px;
	}
	#contact_us_page .contact_google_map_area.margin-bottom-75{
		margin-bottom: 40px;
	}
	#contact_us_page .section_title.margin-bottom-40 {
    	margin-bottom: 15px;
	}
	#contact_us_page .contact_mail .send_mail input, #contact_us_page .contact_mail .send_mail textarea{
		margin-bottom:15px;
	}
	#contact_us_page section.breadcrumb_main_area.margin-bottom-80 {
    	margin-bottom: 30px;
	}

	#contact_us_page .contact_info.margin-top-65 .section_title.margin-bottom-45 {
    	margin-bottom: 25px;
    	margin-top: 30px;
	}
	#home_one .hotel_booking .btn{
		padding-left:0;
		padding-right:0;
	}
	#contact_us_page section.contact_mail_area.margin-bottom-90{
		margin-bottom:50px;
	}
	form#form1 .room_book.border-right-dark-1 {
        margin-bottom: 15px;
    }
    .contact_us_area .inn3 .news_letter.clearfix{
        margin-bottom:0;
    }
    .footer_widget ul li p i{
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .hotel_facilities_content .single-tab-details > h3 {
        margin-bottom: 15px;
    }
    .hotel_facilities_content .single-tab-details {
        padding-bottom: 30px;
    }
    
    #about_book .modal-dialog {
        width: 95% !important;
        top: 23px;
    }
    .footer_widget.first-wid{
        padding-right:0;
    }
    .room_thumb.small_room_thumb > a{
        width:100%;
    }
    .room_thumb.small_room_thumb > a img{
        width:100%;
    }
    .room_facilities_des.padding-top-50.padding-bottom-50.border-bottom-whitesmoke.border-top-whitesmoke {
        padding: 25px 0;
    }
    
    .mainmenu ul.nav.navbar-nav {
        width: 100%;
    }
    div#bs-example-navbar-collapse-1 {
        padding: 0 0;
    }
    body#contact_us_page .contact_info .social_icons > ul > li > a{
        padding-right:0;
    }
    
    .gallery-new .carousel-inner.vertical{
        display:none !important;
    }
    .gallery-inner{
        position:relative;
    }
    .gallery-inner .slick-next, .gallery-inner .slick-prev{
	    top:43% !important;
	}
    
   #about_book .hotel_booking_area {
        margin-top: 0 !important;
    }
    #about_book{
        z-index:9999;
    }
    .hotel_facilities_content .nav-tabs > li{
        width:50%;
    }
    .hotel_facilities_content .nav-tabs{
        margin-top:15px !important;
        margin-bottom:15px !important;
        display:inline-block;
    }
    .hotel_facilities_content .nav-tabs > li a{
        padding:10px 5px !important;
    }
    .about-con .second-se .white-ul{
        padding:30px 15px;
    }
    .about-con .second-se .white-ul ul li a {
        font-size: 16px;
    }
    .about-con .second-se .white-ul ul li:last-child{
        margin-bottom:0;
    }
    .gall-con .single-serv.gal{
        width: calc(100% / 1 - 10px);
        margin-bottom:20px;
    }
    .newsletter-con .pad-se{
	    padding:0;
	}
	.newsletter-con h4{
	    text-align:center;
	    font-size:19px;
	    line-height:27px;
	    margin-top:0;
	}
	.newsletter-con .call_button {
        float: none;
        display: inline-block;
        margin-top: 14px;
        padding: 7px 16px;
        text-align: center;
	}
	.newsletter-con{
	    text-align:center;
	}
	
	
	.room_detail_main .section_title.margin-bottom-35.padding-bottom-25.border-bottom-whitesmoke{
	    display:inline-block;
	}
	
	.room_detail_main .gallery-inner {
        margin-bottom: 0px;
    }
    .room_detail_main #about_book .modal-dialog{
        display:inline;
    }
    .room_detail_main div#about_book{
        margin-bottom:30px;
    }
    .room_detail_main div#about_book input.common-btn.btn-md {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .back-btn{
        display:none;
    }

    .navbar-default .navbar-toggle{
        margin-top:20px;
    }
    div#bs-example-navbar-collapse-1 {
        margin-top: 15px;
    }
    .contact_info > ul > li{
        font-size:14px;
    }
    
    .hotel_booking button.btn.dropdown-toggle.btn-default{
        padding:5px 0;
    }
    .pad-se .hotel_booking .input-group-addon {
        padding: 0 15px 0px 0 !important;
    }
    a.btn.btn-primary.floatright.wis-book-btn.hom {
        margin-top: 21px;
        display: inline-block;
        text-align: center;
        float: none;
    }
    .pad-se .hotel_booking .input-group {
        margin-bottom:15px;
    }
    
}


@media (min-width: 768px) and (max-width: 991px)
{
	
	.banner-container .tp-caption {
 	   line-height: 39px !important;
	}
	.banner-container .tp-caption.mar-tp {
    	margin-top: 20px !important;
	}
	.banner-container .tp-caption.but_banner{
		margin-top:50px !important;
	}
	.content-center{
		margin-top:50px;
	}
	.section_title.nice_title > h3{
		margin-bottom: 35px;
		padding-bottom: 22px;
	}
	.section_title.nice_title > h3{
		font-weight:600;
	}
	.margin-top-115 {
    	margin-top: 70px;
	}
	body#home_one .special_offer_main{
		top:75%;
	}
	.hotel_facilities {
 	   padding-bottom: 90px;
	}
	.customer_says {
		width: 100%;
		float: left;
		margin-top: 60px;
	}
	section.hotel_facilities_area.margin-top-115.margin-bottom-100{
		margin-bottom:60px;
	}
	ul.lSPager.lSGallery {
    	height: 427px !important;
	}
	.lSSlideOuter.vertical .lSAction > .lSNext{
		bottom:26px;
	}
	section.about_us_area.margin-bottom-128{
		margin-bottom:50px;
	}
	.contact_us_area .inn3:after, .contact_us_area .inn1:after, .contact_us_area .inn2:after{
		display:none;
	}
	.contact_us .news_letter > input::placeholder {
    	font-size: 10px;
	}
	.footer_widget{
		padding:0;
	}
	.footer_widget:after{
		border:none;
	}
	.footer_widget ul li{
		margin-bottom:8px;
	}
	.footer_copyright.margin-tb-50.content-center{
		margin-bottom: 20px;
	}

	/*about us*/

	section.breadcrumb_main_area.margin-bottom-80.aboutus-container{
		margin-bottom: 30px;
	}
	section.our_room_facilities_area.aboutus-container .section_title.margin-top-80.margin-bottom-35 {
    	margin-top: 30px;
    	margin-bottom:20px;
	}
	body#about_us_page .about_us_thumb > p {
    	margin-top: 25px;
	}
	.about_us_thumb.margin-bottom-75{
		margin-bottom: 30px;
	}
	.aboutus-container .section_title.margin-bottom-40{
		margin-bottom:27px;
	}
	.aboutus-container .our_room_facilities.margin-bottom-70 {
    	margin-bottom: 50px;
	}
	.breadcrumb_main.nice_title > h2::after{
		display: none;
	}

	body#gallery_page .accomodation_single_room .col-lg-8.col-md-8.col-sm-12.margin-bottom-30 {
    	margin-bottom: 0;
	}

	body#gallery_page .accomodation_single_room .col-lg-4.col-md-4.col-sm-12.margin-bottom-30{
		margin-bottom:0;
	}
	body#gallery_page nav.text-center.margin-top-65.margin-bottom-75{
		margin-bottom:30px;
		margin-top:30px;
	}
	body#accomodation_page section.breadcrumb_main_area.margin-bottom-80 {
    	margin-bottom: 48px;
	}

	#room_detail_page ul.lSPager.lSGallery{
		height:auto !important;
	}
	.contain-sec{
		margin-top:30px;
		padding:0;
	}
	#room_detail_page .contain-sec .bootstrap-select button{
		padding:8px 6px;
	}
	#room_detail_page .contain-sec .hotel_booking .icon_arrow::after{
		right:10%;
	}
	#room_detail_page .contain-sec .hotel_booking {
		padding:0;
	}
	#room_detail_page .contain-sec .hotel_booking_area.clearfix{
		padding: 30px 5px 69px;
	}
	#room_detail_page section.breadcrumb_main_area.margin-bottom-80{
		margin-bottom:45px;
	}
	#contact_us_page section.contact_mail_area.margin-bottom-90{
		margin-bottom:40px;
	}
	body#home_one .special_offer_main{
	    display:none !important;
	}
	#about_book .modal-dialog {
        width: 39% !important;
    }
    
    #about_book .icon_arrow::after {
        right: 7%;
    }
    .aboutus-container p{
        font-size:14px !important;
    }
    ul.single_facilities_name.clearul p{
        font-size:12px !important;
    }
    body#about_us_page section.breadcrumb_main_area.margin-bottom-80.aboutus-container {
        margin-bottom: 35px !important;
    }
    .room_facilities_des.padding-top-50.padding-bottom-50.border-bottom-whitesmoke.border-top-whitesmoke {
        padding: 25px 0;
    }
	.room_facilities_des.padding-top-50.padding-bottom-50.border-bottom-whitesmoke.border-top-whitesmoke p{
	    font-size:13px !important;
	}
	.section_title.margin-bottom-35.padding-bottom-25.border-bottom-whitesmoke h5{
	    font-size:21px;
	}
	#contact_us_page section.breadcrumb_main_area.margin-bottom-80{
	    margin-bottom:40px;
	}
	.footer_widget ul li{
	    margin-bottom:12px;
	}
	
	.gallery-inner{
	    position:relative;
	}
	.gallery-inner .slick-next, .gallery-inner .slick-prev{
	    top:43% !important;
	}
	.contact_us{
	    padding:25px 0;
	}
	.gall-con .single-serv .course-content.gal h4{
	    font-size:13px;
	}
	.gall-con .single-serv h5{
	    font-size:10px;
	}
	.newsletter-con .pad-se{
	    padding:0;
	}
	.newsletter-con .call_button{
	    padding:9px 30px;
	    font-size:16px;
	}
	.newsletter-con h4{
	    font-size:18px;
	    margin-top:11px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) 
{
	.banner-container .tp-caption {
 	   line-height: 48px !important;
	}
	.content-center{
		margin-top:50px;
	}
	.section_title.nice_title > h3{
		margin-bottom:40px;
	}
	.margin-top-115 {
    	margin-top: 80px;
	}
	.hotel_facilities_content .nav-tabs > li > a{
		width:100% !important;
	}
	.hotel_facilities {
    	padding-bottom: 100px;
    }
    .margin-bottom-100 {
    	margin-bottom: 70px;
	}
	.lSSlideOuter.vertical .lSGallery{
		height:253px !important;
	}
	.margin-bottom-128 {
    	margin-bottom: 25px;
	}
	.contact_us_area .inn1:after, .contact_us_area .inn2:after, .contact_us_area .inn3:after{
		display:none;
	}
	body#gallery_page .uk-overlay-icon::before{
		padding:0;
	}
	body#gallery_page .single_room_wrapper .dif_room_media img{
		height:auto;
	}
	section.contact_mail_area.margin-bottom-90{
		margin-bottom:40px;
	}
    #about_book .modal-dialog {
        width: 31% !important;
    }
    
    .about-con .second-se .white-ul h3{
        font-size:21px;
    }
    .about-con .second-se .white-ul{
        padding:25px 15px !important;
    }
    .about-con .second-se .white-ul ul li a{
        font-size:16px;
    }

}

@media (min-width: 1441px) and (max-width:1920px) 
{
    
.tp-caption.mar-tp.large_black.sfr.start {
    float: left;
    font-size: 31px !important;
    left: 23% !important;
}
.banner-container .tp-caption.but_banner{
    top:50% !important;
    left: 23% !important;
}

#about_book .modal-dialog {
    width: 21% !important;
    top: 19%;
}
#banner-cap{
    width: 36%;
    white-space: inherit !important;
    line-height: 40px !important;
}
}


.video-banner{
  position: relative;
  background-color: black;
  height: 600px; text-align: center;
  width: 100%;
  overflow: hidden; background: #ccc;
}



@media (min-width: 1200px) and (max-width:1400px) 
{

.video-banner { height: 500px;}

}


.video-banner video.vd {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100% !important;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-banner .container {
  position: relative;
  z-index: 2;
}

.video-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  opacity: 0.5;
  z-index: 1;
}

.bannertxt { color: #fff; margin: 250px 0; text-align: center;  }
.bannertxt h1 { color: #fff; }
.bannertxt p { color: #fff; }


.facilities { width: 100%; display: block; }
.facilities ul {  margin: 0 0 25px; padding: 0px; }
.facilities ul li {list-style: none; position: relative; padding:7px 0;}
.facilities ul.left { width: 45%; float: left;}
.facilities ul.right { width: 45%; float: right;}
.facilities ul.left li:before, .facilities ul.right li:before {content: ""; position: absolute; left:0; top: 15px; width: 10px; height: 10px; background: #B7883D; transform: rotate(45deg);}

.facilities ul.left li, .facilities ul.right li { padding-left: 30px;  line-height: 27px;}

@media (max-width:1199px) 
{

.video-banner {height: 400px;}
.bannertxt { color: #fff; margin: 100px 0; }
body#about_us_page .single_facilities_name > li > p {line-height: 22px;}

.single_facilities_name > li {min-height: 65px;}

}

@media (max-width:767px) 
{

.video-banner {height: 180px;}
.bannertxt { color: #fff; margin: 100px 0; }
.facilities ul.left { width: 100%; float: left;}
.facilities ul.right { width: 100%; float: right;}
.facilities ul {  margin:0px; padding: 0px; }
.facilities ul.left li:before, .facilities ul.right li:before { top: 15px; }
body#about_us_page .single_facilities_name > li > p {line-height: 34px;}

}



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

.hotel_facilities_content .nav-tabs > li > a {
    font-size: 15px;
    height: 100px;
    width: 54px;
    padding: 1px;
}

}

@media (min-width: 768px){
.navbar-right {
    float: right!important;
    margin-right: -16px;
    margin-top: 14px;
}
}



label {
    font-size: 13px;
    /* text-transform: capitalize; */
    color: #97acb9;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}



.input-group.border-bottom-dark-2 input {
    color: white;
}


input[type="date"] {
  position: relative;
  padding: 10px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

input[type="date"]:before {
  color: transparent;
    background: none;
    display: block;
    font-family: 'FontAwesome';
    content: '\f073';
    width: 23px;
    height: 24px;
    position: absolute;
    top: 1px;
    right: 6px;
    color: #a2b0c6;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

.newsletter-con .hotel_booking {
    width: 100%;
}


.send_mail ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}



.padding-top-20 {
    padding-top: 25px;
}
.padding-bottom-20 {
    padding-top: 25px;
}

.justifyp{
    text-align:justify;
}


@media (max-width: 767px){
    

.footer_widget ul li p i {
    margin-left: 0px !important;
    margin-right: 11px !important;
}
}

 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



