@charset "UTF-8";
/*CSS Docement */
@font-face {
  font-family: myFirstFont;
  src: url(../fonts/AvenirNextFont.ttf);
}

:root
{
	--heading-font:myFirstFont;
	--raleway:myFirstFont /*'Raleway', sans-serif*/;
	--playfair:'Playfair Display', serif; 
	--sans-serif:'sans-serif';
	
    --active-hover: #090a0e;
    --aprt-h2-bg: #212b36;
	--aprt-h2-color:#ffffff;
	--aprt-readmore-bg:#eaeaea;
	--aprt-readmore-text:#000000;
	--aprt-readmore-hover:#000;
	--aprt-book-bg:#090a0e;
	--aprt-book-hover:#000000;

    --book-now: #0476c0;
    --book-now-hover:#084167;
	--book-now-bg:#8f8f8f;
    --book-now-text: #ffffff;
    --below-slider-thumb-img: #090a0e;	 
    --bookingwidget: #000000;
	--black: #2996d2;
    --bglight: #f8f9fa;
	
    --copy-right-bg: #18364e;
    --copy-right-text: #ffffff;
	--copy-right-text-a:#ffffff;
	--check-availability-color:#6c6c6c;
	--check-availability-hover-bg:#c1c1c1;   
	--collapse-menu-bg:#000000;
	 
    --footer-bg: #424242 /*linear-gradient(90deg, #b3b3b3 20%, #989898 50%)*/;
	--facility_icon_bg:#585858;
    --footer-book-now:#000;
	--footer-book-now-hover: #424242;
	--footer-book-border:transparent;
	--footer-logo-bg:#ffffff;
    --light-black: #404040;
    --logo-bg: #ffffff;
    --left-col-bg: linear-gradient(180deg, #8f8f8f  37%, #8f8f8f 37%);
	
	--reception-hours-bg:#808080;
    --read-more: #090a0e;
	--room-read-bg:#f69a0d;
	--reviews-bg:#d7d7d7;

	--social-media-border:#828282;	
	
	--thumb-img-text:#ffffff;
	--text-h1:#212b36;
	--text-h2:#212b36;
	--text-h4:#787878;
	--text-href:#000000;
	
}
*{margin:0; padding:0; box-sizing:border-box;} 
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,p:first-letter,li:first-letter,span:first-letter
{
	text-transform:uppercase;
} 
.bg-light 
{
    background-color: #f0f0f0!important;
}
html,body
{ 
	scroll-behavior:smooth;
}
body  
{
	font-size:100%;
	font-family:myFirstFont /*var(--heading-font)*/;
	color:#212b36;
	border:none;
	padding:0;
	margin:0;
	background:url(../images/body-bg.jpg) no-repeat center top;
	background-attachment:fixed;
	background-size:cover;
	/*background-color: #5b8618;*/
}
/*main.fade-body{display:none;} */

.container-width>.container
{
	max-width: 1270px;
}
/*================ Extra add on CSS ====================*/
.index-block
{
}
.index-block>[class*='col-']>img
{
}
.index-img
{
    width: 110px;
    height: 110px;
    display: block;
    box-shadow: 2px 2px 4px #000;
    margin: 0 auto;
    border-radius: 50%;
    padding: 0.8rem;
    margin-bottom: 1rem;
}
.index-block .common-h4
{
    color: #9a0a23;
    font-size: 1.2rem;
	text-align:center;
}
.index-booknow
{
    width: auto!important;
    padding: 0.1rem 2rem;
}


/*=========================== Header Top ======================*/
.header__row
{
	width:100%;
	display:block;
}
.header__top>[class^='col-'], .thumbs__row>[class^='col-']
{
	padding:0;
}
.left-col-bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: var(--left-col-bg);
    z-index: -1;
    opacity: 0.8;
}
#google_translate_element:hover
{
	background:none;
}
/*=========================== Slider CSS ======================*/
.jssorl-009-spin img
{
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin 
{
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}
.slider
{
	width:100%;
	display:block;
	position:relative;
}
.slider img
{
	max-width:100%;
}

/*====================== Booking Css ======================*/
.book_now
{
	width:100%;
	display:block;
	background:var(--book-now-bg);
}
.book_now>a.common-btn.btn-info
{
	display: block !important;
	font-weight: 600;
	letter-spacing: 3px;
	background:var(--book-now);
    text-transform: uppercase;
    border-radius: 0;
    border: none;
	padding: 0.5rem 0;
	color:var(--book-now-text);
}
.book_now>a.head-book 
{
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 0.5rem 0;
    color: var(--book-now-text);
    font-weight: 600;
    text-decoration: none;	
}
.book_now:hover
{
	background:var(--book-now-hover);
	transition:all linear 0.2s;
}
/*=========================== logo ======================*/
.logo-panel
{
	width:100%;
	display:block;	
	background:#ffffff;
	position:relative;
}
.logo-panel:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background: var(--logo-bg);*/
    z-index: -1;
    /*opacity: 0.6;*/
}
.logo-panel>figure
{		
	padding: 0 /*0.3rem 0*/;
	margin-bottom: 0;
	position:relative;
    z-index: 2;
}
.logo-panel>figure>a>img
{
	display:block;
	margin:0 auto; 
	max-width:100%;
}

/*=========================== Main Menu ======================*/
.main-menu
{
	width:100%;
	display:block;;
	padding:0;
}
.brand-logo{position:relative;}
.menu-li
{
	width:100%;
	margin-bottom: 0;
	text-align:center;
}
.menu-li>li
{
	display: block;
	width: 100%;
	text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 1px;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
	position: relative;
}
.menu-li>li>a
{
	color:#ffffff;
	text-decoration:none;
	display:block;
}
.menu-li>li>a>i
{
	/*display:none;*/
}
.li-active
{
	background:var(--active-hover);
}
.menu-li>li:hover
{
	background: var(--active-hover);
}
.menu-li>li:hover a
{
	
}
.li-active>a
{
	
}
.left-menu>a>i
{
	font-size: 2rem;
	color: rgba(255,255,255,0.5);
}

.left-menu>a:hover>i
{
	color: rgba(255,255,255,1);
}
.menu-li>li.social_media
{
}
.menu-li>li.social_media>a
{
}
.menu-li>li>ul
{
	list-style:none;
	width: 100%;
	z-index: 999;
}
.menu-li>li>ul>li
{
	display: block;
	width: 100%;
	text-transform: uppercase;
	/*font-size: 0.7rem;*/
	padding: 0.2rem 0;
}
.menu-li>li>ul>li>a
{
	color:#ffffff;
	text-decoration:none;
}
.left-menu>.social_media
{		
	bottom: 2px;
	position: absolute;
	width:100%;
	text-align:center;
}
.left-menu>.social_media>a
{
	color: #ffffff;
	padding: 0.2rem 0.5rem;
	font-size:1.4rem;
	text-decoration:None;
}
.left-menu>.social_media>a:before
{
	content:'';
	position:absolute;
	background: var(--social-media-border);
	height: 1px;
	width: 50%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);		
}
.left-menu>.social_media>a:after
{
	content:'';
	position:absolute;
	background: var(--social-media-border);
	height: 1px;
	width: 50%;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);		
}
/*================= .reviews ======================*/
.reviews
{
	background: var(--reviews-bg);
}
.reviews>h4
{
	font-size:2rem;
}
.reviews>p
{    
    font-size: 1.2rem;
    line-height: 2.5rem;
    padding: 0 1.5rem;
}
.reviews>p>span
{
    font-size: 3rem;
}
.reviews-h1
{
}

/*================ Restaurant =====================*/
.our_menu
{
	position:relative;
	z-index:99;
	overflow:hidden;
}
.our_menu:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.5;
}
.our_menu>a>img
{
	transition:all linear 0.5s
}
.our_menu>.menu_blcok
{
    position: absolute;
    top: 50%;
    z-index: 999;
    width: 100%;    
    text-align: center;
}
.menu_blcok>h4
{
	color: #ffffff;
    font-size: 2rem;
}
.menu_blcok>h4+a
{	
    text-decoration: None;
    color: #ffffff;
    text-transform: uppercase;
    background: #cbaa5c;
    padding: 0.3rem 2rem;
    border-radius: 2px;
    display: table;
    margin: 1.5rem auto;
}

.menu_blcok>h4+a:hover
{
	background: #a98530;	
}

.our_menu:hover img
{
	transform:scale(1.1);
}
.our_menu:hover:after
{
	opacity:0.2;
}
.menu_table
{
}

.menu_table tr
{
    line-height: 2rem;
}

.menu_table tr td, th
{
}

/*========================= Facility Icon's ======================*/
.thumbs__row
{
   /* align-items: center;*/
	position:relative;
}
.thumbs__row:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: var(--facility_icon_bg);
	z-index:-1;
    opacity: 0.75;
}  
.facility-block-left
{
	width:100%;
	display:block;
	/*background: var(--book-now);
	padding:1rem 0;*/
}
.facility-left-ul
{
}
.facility-left-ul>ul
{
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	list-style:none;
	margin-bottom: 0;
}
.facility-left-ul>ul>li
{
	text-align: center;    
	min-height: 101.666px;
}
.facility-left-ul>ul>li:nth-of-type(odd)
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.facility-left-ul>ul>li:nth-of-type(even)
{
	border-bottom: 1px solid #ffffff;
}

.facility-left-ul>ul>li:last-child 
{
	border-bottom:none;
}
.facility-left-ul>ul>li:nth-last-child(2)
{
	border-bottom:none;
}
.facility-left-ul>ul>li>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
	padding-top: 0.6rem;
	max-width:40px;
}
.facility-left-ul>ul>li>span
{
	display:block;
	text-transform:capitalize;
	margin:0.3rem 0;
	font-size: 0.8rem;
	color: #ffffff;
	font-weight: 400;
}

/*================== Facility right block CSS =========================*/
.facility-block-right
{
	width:100%;
	display:block;
}
.facility-right-ul
{
	width:100%;
	display:block;
}
.facility-right-ul>ul
{
	list-style: none;
	margin-bottom:0;
}
.facility-right-ul>ul>li
{
	position:relative;
	z-index:99;
	padding:0;
    max-height: 305px;
    overflow: hidden;
}
.facility-right-ul>ul>li>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.facility-right-ul>ul>li>span
{
}
.facility-right-text-wrap
{
    position: absolute;
    z-index: 100;
    top: 7px;
    width: 100%;
    min-height: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.facility-right-text-wrap:after
{
	content:'';
	position: absolute;
    top: 0%;
    left: 50%;
    width: 95%;
    height: 100%;
	padding: 1rem;
	background:var(--below-slider-thumb-img);
	opacity: 0.8;
	transform: translateX(-50%);
	z-index: -100;
	display: flex;
	justify-content: center;
	align-items: center;
}
.facility-right-text-wrap>h2
{
	font-family: var(--playfair);
	text-transform: uppercase;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight:400;
	text-align: center;
	text-shadow: -2px -2px 1px #000000;
}
.facility-right-text-wrap>h2>a
{
	color: var(--thumb-img-text);
	text-decoration:none;
}
.facility-h1, .reviews-h1
{
	text-align:center;
	position:relative;
	z-index:1; 
	padding: 0 !important;
	text-transform:capitalize;
	margin-bottom:2rem;
}
.facility-h1:after,.facility-h1:before, .reviews-h1:after, .reviews-h1:before
{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-moz-transform: translateY(50%);
	padding:0.03rem;
	z-index:-1;
}
.facility-h1:before, .reviews-h1:before
{
	left:0;
	width:100%;		
	background:#cccccc;
}
.facility-h1>span
{
	background: #ffffff;
}
.reviews-h1>span
{
	background: #f0f0f0;
}
/*======================= Booking Widget ========================*/
.bookingwidget 
{
	background:var(--bookingwidget);
}
#b247SearchBoxContainer
{
    padding: 0!important;	
	font-family:var(--raleway)!important;
	background-color:var(--bookingwidget);
}
.searchbox
{
	padding:0.5rem 0.2rem;
}
.sbx-container
{
	margin-bottom:0;
	margin-right: 0 !important;
}
.sbx-container > input
{
	border:none!important; 
    color: #000000!important;
    font-weight: 500!important;
} 
.sbx-container > input 
{
	/*font-size:14px!important;
	padding: 6px 0px 6px !important;*/
	font-size:13px !important;
}
.searchbox__icon 
{
	top:4px!important;
}
.searchbox__clickable a
{	
    padding: 6px 5px!important;
    border-radius: 0px!important;
}
.searchbox__field
{
	    margin: 0 0px !important;
}
.searchbox__title
{
	font-weight:500!important;
	margin-right:0 !important;
}
.searchbox__clickable a
{
	background-color: var(--check-availability-color)!important;
	text-transform: capitalize!important;
}

.searchbox__clickable:hover a
{
	background-color: var(--check-availability-hover-bg)!important;
}
.b247-nights
{
	margin-right: 5px !important;
}
/*========================== Content CSS ============================*/
.main-content
{
	width:100%;
	display:block;
	padding:1rem 0;
	background:#ffffff;
}
.inner__text_li
{
	list-style:inside;
}
.common-h1
{
	font-size: 3rem;
	color: var(--text-h1);
	padding: 1.5rem 0 0.5rem;
	font-family: var(--playfair);
	font-weight:400;
	text-transform:capitalize;
}
.pro-heading
{
	font-family: var(--heading-font);
}
.common-h2
{
	font-weight: 500;
	color: var(--text-h2);
	/*text-transform: capitalize;*/
	font-family: var(--playfair);
}
.common-h4,.events>h4
{			
	text-transform: uppercase;
	font-size: 1.2rem;
	color: var(--text-h4);
	padding: 0 0 0.5rem;
	font-family: var(--sans-serif);
	font-weight: 600;
	letter-spacing: 0.5px;
	word-spacing: 2px;
	line-height: 2rem;
}
.common-h4>a,,.events>a
{
	color:var(--text-href);;
}
.common-p,.events>p
{
	color: #000000;
	line-height: 2rem;
	letter-spacing: 0.2px;
	word-spacing: 1px;
	box-sizing: border-box;
	font-size:1.2rem;
}
.common-p:first-letter
{
	text-transform:uppercase;
}
.site-address
{
	width:100%;		
}
.site-address>h4
{
	text-align: left;
	font-size: 1rem;
	font-weight: 400; 
	padding: 1rem 0;
}
.site-address>h4>a
{
	color: #000000;
}
.site-contact-no
{
	width:100%;		
}
.site-contact-no>h4
{
	text-align:right;
	font-size: 1rem;
	font-weight: 400;
	padding: 1rem 0;
}	
.site-contact-no>h4>a
{
	color: #000000;
}
.site-contact-no>h4>a>i, .site-address>h4>a>i
{
	transition:top 0.5s ease-in-out;
	position:relative;
}
.site-address>h4>a:hover i, .site-contact-no>h4>a:hover i
{
	animation-name:i-ani;
	animation-duration:1s;
	animation-iteration-count:1;
}
@keyframes i-ani
{
	0%{top:0px;}
	25%{top:-5px;}
	50%{top:0px;}
	75%{top:-3px;}
	100%{top:0;}
}
.text-typography
{
	width:100%;
	display:block;
	text-align:center;
}
.text-typography>ul>li
{
	color:#bb900e;
}
.text-typography>ul>li>span
{
	color:#000000;
}


.text-typography>h1>small
{		
	color: #004e9a;
}
.text-typography>h1>small:first-letter
{
	text-transform:uppercase;
}

.accommodation>p
{
	display:none;
}
.accommodation>p:nth-of-type(1)
{
	display:block;
}
.accommodation>span.btnShow
{
    background: var(--read-more);
    color: var(--white);
    padding: 0.2rem 1rem;
    cursor: pointer;  
}
.in-room-li
{
	/*margin-top: 3rem !important;	*/
}
.in-room-li+a.common-btn.btn-info
{
	margin-bottom:1rem!important;
}
.in-room-li>li
{
	text-align: left;
	padding: 0.5rem 0;
	list-style: none;    
	font-size: 0.9rem;
}
.in-room-li>li:first-letter
{
	text-transform:uppercase;		
}
.in-room-li>li>img
{
	max-width:30px;
}
.in-room-li>h4.common-h4
{
	width:100%;
	font-family: var(--raleway);
	font-weight: 600;
	font-size: 1.2rem;
	text-transform: inherit;
	color: var(--read-more);
	line-height: inherit;
	text-transform: uppercase;
}
.in-room-li>h4.common-h4+hr
{
	width:100%;
}
.in-room-li+p.common-p
{
	font-size: 0.9rem;
    font-weight: 600;
}
a.common-btn.btn-info
	{		
		background: var(--read-more);
		border-radius: 0;
		text-transform: uppercase;
		border: none;
		position:relative;
		z-index:1;
		box-shadow:none;
        color:#ffffff;
	}
	a.common-btn.btn-info:after
	{
		content:'';
		position:absolute;
		width: 100%;
		height: 100%;
		background: var(--book-now);
		left: 0;
		top: 0;
		z-index: -1;
		transform: scaleX(0);
		transition: all 0.2s linear;
	}
	a.common-btn.btn-info:hover:after
	{
		transform: scaleX(1);
	}

/*================== restaurant_h4 ====================*/
.restaurant_h4
{
	
}
.restaurant_h4>h4
{
}
.restaurant_h4>table
{
}
.restaurant_h4>table tr
{
    text-align: left;
}
.restaurant_h4>table tr>td
{
}
.restaurant_h4>table tr>td>span
{
	float:right;
    text-align: right;
}


/*------############ Contact Us Page CSS ------#########*/
form#forms
{
	display:flex;
	flex-flow:wrap row;
	justify-content:center;
	align-items:center;
}
form#forms>.form-group
{
	position:relative;
	z-index: 9;	
	width:100%;
	margin: 1rem;
}
/*
form#forms>.form-group:nth-of-type(1)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(2)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(3)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(4)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(5)
{
	width: 93%;
	margin: 1rem;
}*/
form#forms>.form-group>label
{
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
	opacity:0;
	transition:all ease-in-out 0.5s;
}
form#forms>.form-group>input
{
	height: 40px;
	width: 100%;
	text-transform: capitalize;
	font-family: var(--Raleway);
	padding: 0.5rem 0 0;
}
form#forms>.form-group>textarea
{
	width:100%;
	padding: 0.5rem 0 0;
}
form#forms>.form-group>input[type='email']
{
	text-transform:inherit;
}
form#forms>.form-group>input::placeholder, form#forms>.form-group>textarea::placeholder
{
	font-family: var(--Raleway);
	color: #a4a4a4;
	text-transform:uppercase;
	transition:opacity 0.3s linear;
}
form#forms>.form-group>input:hover + label, form#forms>.form-group>textarea:hover + label
{
	top: 0;
	background: linear-gradient(180deg, #ffffff, #ffffff);
	padding: 0 1rem;
	font-size: 0.9rem;
	text-transform: capitalize;
	font-weight: 600;
	color: #000000;
	z-index: 10;
	opacity:1		
}
form#forms>.form-group>input:hover::placeholder, form#forms>.form-group>textarea:hover::placeholder
{
	opacity:0;
}
form#forms>.form-group>input[type='submit']
{
	background: #000000;
	color: #ffffff;
	border: none;
	padding: 0 1rem;
	border-radius: 3px;
}
form#forms>.form-group>input[type='submit']:hover
{
	background: #373737;
}
form#forms>.form-group>input + label + span, form#forms>.form-group>textarea + label+span
{
	position: absolute;
	left: 1%;
	bottom: -65%;
	text-transform: capitalize;
	color: #ff0000;
	font-size: 0.9rem;
	opacity:0;
	transition:opacity 0.5s linear;
}
form#forms>.form-group>textarea + label+span
{
	bottom:-9%;
}
	
/*================= reception-clock CSS =======================*/
.reception-bg
{		
	padding: 2rem;
	position:relative;
}
.reception-bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background:var(--reception-hours-bg);
	opacity:0.6;
}
.reception-clock
{
	width:100%;
	display:block;
	position:relative;
}
.reception-clock-img
{
	display:block;
	position:relative;
}
.reception-clock-img>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
	user-select: none;
	pointer-events: none;
}
.img-after
{
	position:relative;
}
.img-after:after
{
	content: '';
   position: absolute;
   background: gray;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: -999;
   left: 0;
}
.reception-clock-img>h4
{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
}
.reception-text
{
	padding:1rem 0;
}
.reception-text>p
{
	color: #ffffff;
}

/*======================= Apartments Room Layout CSS ===========================*/
.aprt-wrap 
{
	background: #ffffff;
	padding: 20px 0px;
	position: relative;
}
.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid,.hotel-location-wrap>.container-fluid
{		
	/*max-width: 80%;*/
}
.aprt-block 
{
	width: 100%;
	border: 0px solid green;
	position: relative;
	z-index: 1;
}
.aprt-position-block 
{
	position: relative;
}
.aprt-position-block>img 
{
	max-width: 100%;
	display: block;
	margin: 0px auto;
	user-select: none;
	pointer-events: none;
}
.room-text 
{
	z-index: 4;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	color: #ffffff;
	transition: all ease-in-out 0.5s;
}
.room-text>a 
{
	color: #000000;
}
.room-text>h2, .room-text>a>h2 
{
	font-family: var(--raleway) !important;
	text-transform: capitalize;
    font-weight: 500;
    color: var(--aprt-h2-color);
	padding: 0.5rem 0;
	font-size: 1.4rem;
	position:relative;
}
.room-text>a>h2:after
{
	content:'';
	position:absolute;
	width:100%;
	background:var(--aprt-h2-bg); 
    top: 0; 
    left: 0;
    height: 100%;
    opacity: 0.7;	 
	z-index:-1;
}
.room-text>h4, .room-text>a>h4 
{
	text-transform: capitalize;
	font-weight: 300;
	display:none;
}
.room-price 
{
	width: 100%;		
	position: absolute;
	padding: 7px;
	/*background: #153764;*/
	text-align: center;
	left: 50%;
	bottom: -5%;
	transform: translateX(-50%);
	transition: all ease-in-out 0.5s;
}

.aprt-position-block:after 
{
	/*content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	 transform: scale(1); 
	z-index: 2;
	transition: all ease-in-out 0.5s;*/
}
.room-price>a 
{		
	text-transform: uppercase;
	font-family: var(--playfair);
	text-decoration: none;
	color: #ffffff;
	position: relative;
	margin: 1rem auto;
	background: var(--aprt-book-bg);
	padding: 0.5rem 1.2rem;
	font-weight:500;
}
.room-price a:nth-of-type(1):hover
{
	background:var(--aprt-book-hover);
}	
.room-price a:nth-of-type(2):hover
{
	background:var(--aprt-readmore-hover);
	color:#fff;
}	
.room-price>a:nth-of-type(2)
{
	background:var(--aprt-readmore-bg);
	color:var(--aprt-readmore-text);
}
.room-price>a:after
{
	content:'';
	position:absolute;
	width: 100%;
	height: 100%;
	background: #0057a2;
	left: 0;
	top: 0;
	z-index: -1;
	transform: scaleX(0);
	transition: all 0.2s linear;
}
.room-price>a>span 
{
	/*font-size: 1.3rem;*/
}
.aprt-h1
{
	text-align:center;
}
.aprt-h1>h1
{
	text-align: center;
	font-family: var(--playfair);
	padding-top:0;
}	
.aprt-h1>h1>span
{
	
}
.gallery-wrapper
	{
		align-items:center;
	}
	.filter-li
	{
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		align-items: center;
		list-style: none;
	}
	.filter-li>label
	{		
		margin: 0 0.7rem 0;
		font-weight: 500;
		color: #b10910;
		font-size: 1.6rem;
		text-transform:capitalize;
	}
	.filter-li>select
	{
		width: fit-content;
		width: -moz-fit-content; 
		width: -webkit-fit-content;
		text-transform: capitalize;
		box-shadow: 2px 2px 6px #3f3051;
		text-align: center;
	}
	.filter-li>li:first-child 
	{
		margin-left: 0rem;
	}
	.filter-li>li 
	{
		text-transform: capitalize;
		background: #cacaca;
		margin-left: 0.3rem;
		padding: 0.5rem 0.5rem;
		cursor: pointer;
		font-size: 0.9rem;
	}
	.filter-li>li:hover
	{
		background:#6e747d;
	}
	.filter-active 
	{
		background: #6e747d !important;
		color: #ffffff;
	}
	.filter-li~.common-flex>[class*=col-]
	{
		max-height: 270px;
		overflow: hidden;
		border: 0px solid;
		margin: 0.5rem 0;
	}
		
/*###################### Hotel MAp Location #################*/
.hotel-map-wrap
{	padding: 3% 0px;
}
.hotel-map-wrap .facility-h1
{
	padding-top:0;
}
.hotel-map-wrap .facility-h1>span
{
	background:var(--white);
}
.hotel-facility-wrap
{
	background:#eaeaea;
}
.hotel-facility-wrap .facility-h1
{
	padding-top:0;
}
.hotel-facility-wrap .facility-h1>span
{
	background:#eaeaea;
}
.hotel-location-wrap
{
	background:#ffffff;
}
.hotel-location-wrap>.container-fluid>.row>[class*='col-']>.facility-h1>span
{
	background: var(--white);
}
.hotel-map-text
{
	
}

.hotel-map-text>blockquote
{   
	font-size: 1rem;
}
.hotel-map-text>a.common-btn
{
	text-transform: uppercase;
	margin: 20px auto;
	text-align: center;
	padding: 12px 10px;	
    background: var(--left-col-bg);
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.hotel-map-text>h2
{
	font-size: 1.8rem;
}
.hotel-map-text>h4
{	
    font-size: 1.4rem;
    color: var(--text-h4);
    font-weight: 600;
}
.hotel-map-text>p
{
}
.hotel-map-text>p>a
{
	color: #16365d;
	font-weight: 600;
}

.hotel-map-text>a.common-btn 
{	
    text-transform: uppercase;
    margin: 20px auto;
    text-align: center;
    padding: 5px 10px;
    color: #ffffff;
    background: #003664;
    font-size: 0.9rem;
}
}
ul.common-li 
{
	margin-bottom: 0px;
	list-style: none;
	padding-left: 0;
}
.common-li>li 
{
	font-size: 1rem;
	padding-bottom: 0.8rem;
	position: relative;
	/*margin-left: 20px; */
	line-height: 2rem;
	display:flex;
}
.common-li>li :is(b)
{
	color:#000;
}
.common-li>li>span 
{
	color: #000000;
	font-weight: 500;
}
.common-li>li>span >small
{
	font-weight:600;
}
.common-li>li:after 
{
	content: '';
	position: absolute;
	top: 0%;
	width: 10px;
	height: 10px;
	color: #153764;
	left: 0;
	font-weight: 700;
}	
/*######################### Guest Comment #################*/
.guest-comment-wrap
{
	padding: 3% 0px;
}
.guest-comment-text
{
}
.guest-comment-text>blockquote
{
	font-size:1rem;
}
.guest-comment-text>a.common-btn
{
	text-transform: uppercase;
	padding: 2% 5%;
	background:#15365B;
}
.guest-comment-img
{
}
.guest-comment-img>img
{
	max-width:100%;
}

/*############### Footer CSS ####################*/
.footer-wrap
{
	background:var(--footer-bg);
	background:-moz-var(--footer-bg);
	background:-webkit-var(--footer-bg);
	background:-o-var(--footer-bg);
	padding:2% 0 0;
    /*background-image: url(../images/footer_bg.png);*/
    background-size: cover;
}
.footer-address
{
	color:#ffffff;
}
.footer-address>a>img
{
	max-width:100%;    
	background: var(--footer-logo-bg);
}
.footer-address>h4
{
	text-transform: capitalize;
	font-family: var(--font-family-playfair);
}
.footer-address>h4>a
{
	color:#ffffff;
	text-decoration:none;
}
.footer-address>p
{
	font-size: 0.9rem;
	font-weight: 300;
	margin-bottom: 7px;
}
.footer-address>p>a
{
	color:#ffffff;
	line-height: 0px;
}
.footer-address>p>a+strong>small
{
    /*color: var(--book-now-bg);*/
    padding: 0 0.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.footer-address>p>span
{
	text-transform:capitalize;
}
.footer-address>a.common-btn
{
	text-transform: uppercase;
    border: 2px solid var(--footer-book-border);
    padding: 3% 8%;
    font-size: 1.2rem;
    margin-top: 20px;
    background: var(--footer-book-now);
    border-radius: 0;
    box-shadow: none;
    min-height: 20px;
    display: block;
    line-height: 20px;
}
.footer-address>a.common-btn.btn-info:after
{
	background:var(--footer-book-now-hover);
	color:#ffffff!important; 
}
.footer-address>a:hover
{
	color:#ffffff;
}
.footer-li>li
{
	margin-bottom: 0.3rem;
	overflow: hidden;
	text-transform: capitalize;
	font-weight: 300;
	position:relative;
	width:fit-content;
	padding: 0.1rem 0.5rem;
	font-size: 0.9rem;
	letter-spacing:1px;
	border:solid 1px #424242;
}
.footer-li>li.f-active
{
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	pointer-events:none;
	border:solid 1px #ffffff;
	//box-shadow: inset 1px 1px 5px white;
	transition:all ease-in-out 0.3s;
}
.footer-li>li>a
{
	color:#ffffff;
	text-decoration:none;
	transition:all ease-in-out 0.5s;
}
.footer-li>li:hover
{
	border:solid 1px #ffffff;
	//box-shadow: inset 1px 1px 5px white;
	transition:all ease-in-out 0.3s;		
}

@keyframes footer-li
{
	from
	{
		font-size:0.95rem;
	}
	to
	{
		font-size:0.8rem	
	}
}
.footer-social
{
	background:#0f2c51;
   padding: 7px 0px;
}
.f-social-ul>ul
{
	margin-bottom:0;
}
.f-social-ul>ul>li
{
	color:#ffffff;
	padding:7px;
}
.f-social-ul>ul>li>a
{
	white-space: nowrap;
	color: #8fa3bf;
	text-transform: uppercase;
	font-size: 0.85rem;
}
.f-social-ul>ul>li>span	
{
	font-size: 0.74rem;
	color: #56667d;	
}
.f-social-ul>ul>li>a>img
{
}
.f-active
{		
}
.policy
{
	display:block;
	margin-top: 3rem;
}
.policy>ul
{
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
}
.policy>ul>li
{
	font-size: 0.646rem;
	padding: 0.2rem;
	text-transform: uppercase;
	font-weight: 100;
}
.policy>ul>li>a
{
	color:#ffd505;
	text-decoration:none;
}
#copy-right
{
	width:100%;
	display:block;
	background: var(--copy-right-bg);		
}
#copy-right>p
{
	color:  var(--copy-right-text);
	font-size: 0.7rem;
    text-align: right;
    margin-bottom: 0;
    padding: 0.1rem 0.2rem;
    font-weight: 100;
}
   #copy-right>p>a
{
   color: var(--copy-right-text-a);
   }
.extra-menu>li
{
	font-size: 0.8rem;
	padding: 0.2rem;
}
.extra-menu>li>a
{
	color:var(--copy-right-text-a);
	text-decoration:none;
}