@charset:"UTF-8";
/*CSS Document*/

/*------------ 
font-family: 'Raleway', sans-serif;
font-family: Playfair;
----------*/

*
{
    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;
}

a
{
    text-decoration:none;
}

h4, p
{
    color:#ffffff;
}

html,body
{
    scroll-behavior:smooth;
}

body
{
    margin:0;
    padding:0;
    border:none;
    font-size:100%;	
    /*font-family: var(--raleway);*/
    background-color: var(--body-bg);
}

.margin-bottom
{
    /*min-height: 60px;*/
}

.sticky
{	
    top: 0;
    left: 0;
    z-index:99;
    position:fixed;
    /*animation-name:sticky_ani;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;*/
}

@keyframes sticky_ani
{
    0%{opacity:0;}
    50%{opacity:0.5;}
    100%{opacity:1;}
}

/*main.fade-body
{
    display:none;
}*/

/*------------- main-menu -------------------*/

.main-menu
{
	width:100%;
	display:block;
	background:var(--menu-bg);
}

/*added by James on 02-03-2022*/
.main-menu
{
    box-shadow : 0 0 10px var(--color_black_shadow_light);
}

.main-menu > .container-fluid
{
    width: fit-content;
    position:fixed;
    left: 0;
    top: 0%;
    z-index: 1;
    transform: translate(0%, 0%);
    -webkit-transform:  translate(0%, 0%);
    -o-transform:  translate(0%, 0%);
    -ms-transform:  translate(0%, 0%);
    -moz-transform:  translate(0%, 0%);
}

/*added by James on 01-03-2022*/

#div_header_logo
{
    position : absolute!important;
}

#a_header_logo
{
    /*background : white;*/
    display:inline-block;
}

#img_header_logo
{
    width : 164px;
    /*height : 60px;*/
}

#li_header_book_now
{
}

#a_header_book_now
{
    color: var(--color_white)!important;
    background: var(--color_logo_blue)!important;
    font-size: .85em;
    padding: 0 10px;
    display: inline-block;
    border-radius : 0.25em;
    transition : all ease-out 0.25s;
    text-decoration:none;
}

#a_header_book_now:hover
{
    background: var(--color_grey)!important;
    color : var(--color_white)!important;
    border-radius : 0px 0.5em;
}

#div_footer_wrapper
{
    /*background: var(--color_light_grey);*/
    color : var(--color_white);
    /*box-shadow: 0 0 10px var(--color_black_shadow_light);*/
}

#div_footer_logo
{
    width : 500px;
    max-width : 100%;
}

.main-menu > .container-fluid > a
{
    padding: 0px 15px 0px;
    font-size: 2rem;	
    color:var(--bs-white);
}

.main-menu > button.navbar-toggler
{
    background:#89656c;
}

.main-menu > .container > .navbar-collapse > ul
{
    align-items : center;
}

.main-menu > .container > .navbar-collapse > ul > li.nav-link
{
    text-transform:uppercase;  
    /*font-size: 1rem;*/
    font-size: 0.9rem;
    padding: 10px 10px;
    transition: box-shadow ease-in-out 0.3s;
    margin-left:0.5rem;
}

.main-menu > .container > .navbar-collapse > ul > li:first-child.nav-link
{
    margin-left:0;
}

/*
.main-menu>.container>.navbar-collapse>ul>li.nav-link:first-child
{
    padding: 0px 15px 5px;
    font-size: 1.7rem;
}*/

.main-menu > .container > .navbar-collapse > ul > li.nav-link > a > i
{
	
}

.actives
{
    box-shadow : inset 0px -2px 0px #ffffff;
    transition : box-shadow ease-in-out 0.3s;
}

li.actives, .actives > a
{
    color:var(--color-3)!important;
}

.main-menu > .container > .navbar-collapse > ul > li:hover
{
    /*box-shadow: inset -1px 7px 6px #3a8dfb;*/
    box-shadow: inset 0px -2px 0px #ffffff; 
    cursor:pointer;  
}

.main-menu >.container > .navbar-collapse > ul > li:hover a, .main-menu >.container > .navbar-collapse > ul > li:hover
{
	color:var(--color-3)!important;
}

.main-menu>.container>.navbar-collapse>ul>li:last-child:hover
{
	box-shadow:none;
}

  .main-menu>.container>.navbar-collapse>ul>li.actives
  {
  	/*user-select:none;
    pointer-events:none;*/
  }
.main-menu>.container>.navbar-collapse>ul>li.nav-link>a
{
    color:var(--color-3);
    text-decoration:none;
}
  .main-menu>.container>.navbar-collapse>ul>li:nth-of-type(2)>a, .main-menu>.container>.navbar-collapse>ul>li:nth-of-type(2)
  {
    /*cursor:default;*/
    color:var(--color-3);
  }
.main-menu>.container>.navbar-collapse>ul>li:last-child
{
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0;
    margin-left: 2rem;
}
.main-menu>.container>.navbar-collapse>ul>li:last-child>a
{
	color:var(--color-2);
}
.main-menu>.container>.navbar-collapse>ul>li:last-child:after
{
	transition:all ease-in-out 0.7s;
}
.main-menu>.container>.navbar-collapse>ul>li:last-child:hover:after
{  
    box-shadow: inset 2px 2px #ffffff, inset -2px -2px #ffffff;
}

/*########################### On hover Sublink menu ########################*/
 .main-menu>.container>.navbar-collapse>ul>li
 {
 	position:relative;
    z-index:1;
 }
 .main-menu>.container>.navbar-collapse>ul>li>ul
 {
 	visibility: hidden;
    position: absolute;
    z-index:2;
    top:-100%;
    background: #4e423c;
    width: fit-content;
    padding-left: 0;
    list-style: none;
    white-space: nowrap;
    left:0;
    opacity:0;
    transition:all ease-in-out 0.3s;
 }
  .main-menu>.container>.navbar-collapse>ul>li:hover ul
 {
 	visibility: visible;
    top: 100%;
    opacity:1;
 }
 .arrow-up
 {
 	position:absolute;
    top:85%;
    left:50%;
    transform:translateX(-50%) rotate(45deg);
    padding:7px;
    background:#ffffff;
    opacity:0;
    transition:all ease-in-out 0.7s;
 }
.main-menu>.container>.navbar-collapse>ul>li>ul>li
{
    padding: 10px 5px;
}
.main-menu>.container>.navbar-collapse>ul>li>ul>li>a
{
	color:#37b5a1!important;
}

.main-menu>.container>.navbar-collapse>ul>li>ul>li:hover
{
	/*box-shadow: inset -1px 7px 6px #3a8dfb;*/
	box-shadow: inset 0px -2px 0px #ffffff;    
}
.main-menu>.container>.navbar-collapse>ul>li>ul>li:hover a
{
	color:var(--color-3)!important;
    text-decoration:none;
}

.main-menu>.container>.navbar-collapse>ul>li:hover .arrow-up
{
	opacity:1;
}

/*-------------- slider ---------------*/
.slider
{
	position:relative;
}
.slider img
{
	max-width:100%;
	margin:0 auto;
	display:table;
}

.jssorl-004-double-tail-spin img
{
    animation-name : jssorl-004-double-tail-spin;
    animation-duration : 1.6s;
    animation-iteration-count : infinite;
    animation-timing-function : linear
} 

@keyframes jssorl-004-double-tail-spin
{
    from
    {
        transform:rotate(0);
    }
    
    to
    {
        transform:rotate(360deg);
    }
}

.jssorb102 .i
{
    position:absolute;
    cursor:pointer;
}

.jssorb102 .i .ci
{
    fill:#fff;
}

.jssorb102 .i .co
{
    fill:#000;
    opacity:.2;
}

.jssorb102 .i:hover .co
{
    fill:#f93;
    opacity:1;
}

.jssorb101 .i:hover .ci
{
    fill:#000;
}

.jssorb102 .iav .ci
{
    fill:#000;
    stroke-width:0;
}

.jssorb102 .iav .co
{
    fill : #ffba04;
    opacity : 1;
}

.jssorb102 .i.idn
{
    opacity : .3;
}

.jssora051
{
    display:block;
    position:absolute;
    cursor:pointer;
}

.jssora051 .a
{
    fill:none;
    stroke:#fff;
    stroke-width:360;
    stroke-miterlimit:10;
}

.jssora051:hover
{
    opacity:.8;
}

.jssora051.jssora051dn
{
    opacity:.5;
}

.jssora051.jssora051ds
{
    opacity:.3;
    pointer-events:none;
}

.property_logo
{
	width:100%;
	position:absolute;
	top:7%;
	left:0;
}

.logo-brand
{
	position:relative;
}

.logo-brand > img
{
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}

.logo-img
{
	width:100%;
	display:block;
	margin-top: 1rem;
}

.logo-img > a > img
{
	max-width:100%;
	margin:0 auto;
	display:block;
}

/*-------------------- bookingwidget ----------------------*/
.bookingwidget
{
	position:absolute;
	bottom:7%;
	left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
#b247SearchBoxContainer
{
	padding:0!important;
	background: var(--widget-bg);
	border-radius: 5px;
    max-width: 710px;
	font-family: sans-serif!important;
}
.b247-calendar table
{ 
	background:#fff;
}
.b247-nights
{
	display:none!important;
}
.searchbox
{
	padding:0.5rem 0.2rem;
}
.sbx-container
{
	margin-bottom:0;
}
.sbx-container > input
{
	border:none!important;
    padding: 0px 0px 2px!important;
	font-size: 13px!important;
	padding-left: 0px!important;
	background:transparent;
	color:#e4e4e4!important;
}
.sbx-container > input:not(.active)
{
	/*visibility:hidden;*/
}
.searchbox__clickable a
{
	padding:3px 3px!important;
	font-size: 0.9rem;
}
.searchbox__field
{
	border-bottom:0.094rem solid #ffffff;
}
.searchbox>.searchbox__checkin
{
	margin-right:1.2rem!important;
}
.searchbox>.searchbox__checkout
{
	margin-left:1.2rem!important;
}
.searchbox__title
{
	font-weight:500!important;
	letter-spacing: inherit!important;
}
.sbx-container
{
	margin-right:0!important;
}
.searchbox__icon
{
	top:0!important;
	display:none;
}
.searchbox__clickable a
{
	background-color: var(--widget-bookow)!important;
	text-transform: capitalize!important;
}
.cal-nav
{
	background:var(--cal-nav)!important;
}
#b247Calendar .form-control:disabled, #b247Calendar .form-control[readonly]
{
	background:var(--b247-chart-cal);	
}

/*------------ Left Section ---------------------------*/
.left-block,.book-now,.pro_logo,.pro_contact
{
	width:100%;
	display:block;
}
.home .book-now
{
	/*padding-bottom:5rem;*/
        padding-bottom:1rem;
}
.home .book-now:last-child
{	
	/*padding-top: 5rem;*/
        padding-top: 1rem;
}
.home .pro_logo
{
	/*padding-bottom:5rem;*/
        padding-bottom:1rem;
	/*padding-top: 5rem;*/
        padding-top: 1rem;
}
.home .pro_logo
{
	/*padding-bottom:5rem;*/
        padding-bottom:1rem;
	padding-top: 1rem;
}
.book-now>a
{	
    text-align: center;
    display: table;
    /*color: var(--color-2);*/
    text-transform: uppercase;
    padding: 0.5rem 0.5rem;
    font-weight: 600;
    font-size: 1.8rem;
    margin: 0 auto;
	border:2px solid var(--bs-white);
}
.home .book-now
{
	margin-top:0;
}
.home .book-now:last-child
{
	margin-top:2rem;
}
.book-now
{
	/*margin-bottom:2rem;*/
	margin-top: 2rem;	
}
.pro_logo>a>img
{
	display:block;
	margin:0 auto;
	max-width:100%;
}
.pro_logo
{
	/*margin-top: 2rem;
	margin-bottom: 2rem;*/
}
.pro_contact
{
	text-align:center;
	/*margin-top: 2rem;
	margin-bottom:2rem;*/
}
.pro_contact>p
{
	font-family: var(--sans-serif);
    color: var(--color-3);
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.pro_contact>p:nth-of-type(2)
{
	font-size: 1.22rem;
}

.pro_contact>p>a
{
    color: var(--color-3);
}

.pro_contact>p>a>span
{
	font-size: 1rem;
    padding-right: 0.2rem;
}
/*----------- right-block---------------*/
.right-block,.text-contents
{
	width:100%;
	display:block;
}

.text-contents>h2
{	
    /*color: var(--color-2);*/
    color: var(--color_logo_blue);
    margin-bottom: 2rem;
    text-transform: capitalize;
    font-size: 2.4rem;
    font-weight: 400;
}
.about-us>h2
{
	margin-bottom:inherit;
}
.about-us>h4
{
    /*font-family: var(--playfair);*/
    color: white;
    margin-top: 1rem;
}	
.text-contents>p
{	
    color: var(--color-3);
    font-weight: 400;
    /*margin-bottom: 1.5rem;*/
}
.text-contents>p>span
{	
    /*color: var(--color-2);*/
    font-weight: 700;
}

/*------------------ pro_thumbs -----------------*/
.pro_thumbs
{
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	padding-left:0;
}
.pro_thumbs li
{
	/*width:calc(25% - 0px);*/
	color:var(--color-3);
	border:0px solid red;
	position:relative;
	padding:0.5rem;
}
.pro_thumbs li img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.pro_thumbs li span
{
	position:absolute;
	bottom:0;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(1, 1, 39,0.5);
    text-transform: capitalize;
    padding: 0.5rem 2rem;
    font-size: 1.2rem;
	max-height:44px;
    width:100%;
	text-align:center;
}
.pro_thumbs li span>a
{
	color:var(--color-3);
    display: block;
}
.pro_thumbs li:last-child span
{
	/*font-size:0.95rem;
	line-height:1rem;*/
}
.pro_thumbs li:last-child span>a
{
}
.travelling-bg
{
    justify-content: flex-end;
}
.travelling-bg
{
	background-image:url('../images/facilitiy-thumb.jpg');
	background-color:var(--color-2);
	background-repeat:no-repeat;
	/*background-size:cover;*/
    background-position: left 100%;	
}

.travelling-bg:last-child>[class*='col-']
{
	/*background:var(--color-2);*/
        background:var(--color_grey);
}
/*--------------- Travelling -----------------*/
.travelling-wrap, .image-block
{
	display:block;
	width:100%;
}
.image-block>img
{
	max-width:100%;
	display:block;
	margin:0 auto; 
}
.travel-text
{
    color:var(--color-3);
    text-align: center;
    /*padding: 1rem 0;*/
}
.travel-text>h4
{
    font-size: 1rem;
    text-transform: uppercase;
}
.travel-text>p
{
    /*color:#000000;*/
    color:var(--color-3);
}

/*-------------- aprt-block -------------*/
.room-slider>.bookingwidget
{
	position:relative;
}
.room-slider>.bookingwidget #b247SearchBoxContainer
{
	margin-top: 1rem;
}
.aprt-block,.aprt-position-block,.room-text,.room-price
{
	display:block;
	width:100%;
}
.aprt-position-block
{
	/*max-height:260px;
	overflow:hidden;*/
}
/*
.aprt-rows>[class^='col-']:first-child
{
    padding-left: 0;
}
.aprt-rows>[class^='col-']:last-child
{
    padding-right: 0;
    padding-left: 0;
}*/
.hotel__logo
{
	position:absolute;
	right:0;
	top:0;
	z-index: 99;
}
.hotel__logo>a>img
{
	max-width:70%;
	display:block;
	margin:0 auto;
}
.aprt-position-block>a>img
{
	width:100%;
	display:block;
	margin:0 auto;
	min-height:240px;
}
.aprt-position-block>a+h4
{
    text-align: center;
    color: var(--color-3);
    font-size: 1rem;
    padding: 0.2rem 0.3rem;
    font-weight: 100;
    background: var(--aprt-thumb-bg);
    text-transform:capitalize;
}

.aprt-thumb
{
	
}
.aprt-thumb a>img
{
	min-height:145px;
}
.room-text>h4
{    
    color: var(--color-3);
    font-size: 1rem;
    margin-top: 1.5rem;
}
.room-text>a>h2
{
    text-decoration: none; 
    /*color: var(--color-2);*/
    font-size: 2.4rem;
    margin-bottom: 1.4rem;
    font-weight: 400;
    text-transform:capitalize;
}
.room-text>ul
{
	margin-left: 7%;    
	margin-bottom: 0;
}
.room-text>ul>li
{
    color: var(--color-3);
    font-weight: 400;
    padding-bottom: 0.1rem;
}
.room-text>ul>li>span
{
}

.room-text > a
{
    text-decoration : none;
}

.room-text > a[href]
{
    /*color : #267899;*/
    color : var(--color_logo_blue);
    cursor : pointer;
} 


.room-text > a[href]:hover
{
    /*text-shadow: 0 0 25px rgba(0,0,0,0.4);*/
}

.room-price>ul
{
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.room-price>ul>li
{
	width:calc(9.9% - 0px);
	padding:0.1rem;
}
.room-price>ul>li>img
{
	max-width:40px;
	display:block;
	margin:0 auto;
}
.room-price>ul>li:last-child
{    
    background: var(--aprt-more);
    /*text-transform: capitalize;*/
    text-transform: uppercase;
    text-align: center;
    width: 20%;
    font-size: 01.2rem;
    margin-left: 0.2rem;
    border-radius: 5px;
    transition : all ease-out 0.3s;
}


.room-price>ul>li:last-child>a
{
    color: #ffffff;
}

.room-price>ul>li:last-child:hover
{
    border-radius : 0em 1em 0em 1em;
    /*background-color: var(--color_logo_black)!important;*/
    background-color: var(--color_logo_blue)!important;
}


.room-price+hr+.row
{
	margin-top:4rem;
}
hr
{
	border-top: 1px solid #adadad;
	margin-bottom:2rem;
}
.aprt-right>aside>:last-child
{    
	visibility: hidden;
}

/*----------------------- Hotel Facilities ----------------*/
.icon-facility>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.icon-facility>span
{
    /*color: var(--color-2);   */ 
    font-weight: 500;
    display: block;
	margin-top:0.5rem;
	text-align:center;
}
.facility__left .book-now, .facility__left .pro_logo
{
	padding:0;
	margin-bottom: 2rem;
}
.terms_left .book-now:first-child
{
	margin-top:0;    
	padding-top: 0;
}/*
.facility__left .book-now:first-child,.contactus_left .book-now:first-child
{
	margin-top:0;
}
.contactus_left .book-now:first-child,.contactus_left .book-now:last-child
{
	padding-top:0;
}*/


.book-now > a
{
    /*background-color : #339cc6;*/
    background-color : var(--color_logo_blue);
    /*border-color: #339cc6;*/
    border-color: var(--color_logo_blue);
    color: white;
    /*box-shadow: 0 0 10px #dbdbdb;*/
    border-radius: 0.25em;
    transition:all ease-in-out 0.25s;
}

.book-now > a:hover
{
    background-color : var(--color_grey);
    border-color : var(--color_grey);
    border-radius: 0.75em 0.25em 0.75em 0.25em;
}

/*------------ room__typography */
.room__typography
{	
}
.room__typography>ul
{	
	margin-left:20px;
}
.room__typography+.room-price
{
    margin-top: 2rem;
    width: 100%;
    display: block;
}
.room__typography+.room-price>ul>li
{
	width: calc(10% - 0px);
}
.room__typography+.room-price>ul>li[title]
{
	text-transform:capitalize;
}
.room__typography+.room-price>ul>li>img
{
	max-width: 100%;
}
.room__typography+.room-price>ul>li:last-child
{
	display:block;
    background: var(--aprt-more);
    font-size: 1.1rem;
    /*width: 14%;*/
    width: 150px;
}
.room__typography>H2
{
	margin-bottom:inherit;
}
.room__typography>H4
{
	color: #ffffff;
    /*font-family: var(--playfair);
    font-size: 1.2rem;*/
    margin-top: 0.5rem;
}
.room__typography>H4:nth-of-type(2)
{
	/*color:var(--color-2);*/
}
.room__typography>P
{
	
}
.room__typography>ul>li
{
	color:var(--color-2);
    padding: 0.3rem 0.2rem;
}
.room__typography>ul>li>span
{
	color:var(--color-3);
}

/*################## Gallery CSS ###################################################*/

.common-gallery-block>ul
	{
		list-style:none;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-flow:row wrap;	
		margin-bottom:1rem;
	}
        
	.common-gallery-block>ul>li
	{
		text-transform: uppercase;
		cursor: pointer;
		margin: 2px 0.2rem;
		/*padding: 0.5rem 0.5rem;*/
                padding: 0.5rem 1rem;
		color: var(--color-3);
		text-align: center;
		font-weight:400;
                background-color:
	}
        
	.common-gallery-block>ul>li:first-child
	{
		margin-left:0;
	}
	.common-gallery-block>ul>li:last-child
	{
		margin-right:0;
	}
	.common-gallery-block>ul>li.filter-active, .common-gallery-block>ul>li:hover
	{
		color:var(--color-2);
	}
	.common-gallery-block>.row>[class^='col-']
	{
		min-height:200px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.common-gallery-block>.row>[class^='col-']>a>img
	{
		height:210px!important;
	}

    
/*################## Forms ###################################################*/
    
   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%;
	}
	form#forms>.form-group:nth-of-type(1), form#forms>.form-group:nth-of-type(6)
	{
		width: 100%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(2)
	{
		width: 100%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(3)
	{
		width: 100%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(4)
	{
		width: 100%;
		margin: 1rem;
	}
	form#forms>.form-group:nth-of-type(5)
	{
		width: 100%;
		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,
        form#forms > .form-group > .input_has_text + 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']
	{
		color: var(--color-2);
		border: none;
		padding: 0 1rem;
		border-radius: 3px;
		/*background: transparent;*/
                background-color : var(--color_grey);
		box-shadow: none;
		/*text-align: left;*/
                text-align: center;
		font-size: 2rem;
		font-weight: 500;
		width: fit-content;
		height: auto;
                transition : all ease-out .5s;
	}
	form#forms>.form-group>input[type='submit']:hover
	{
		/*background: #373737;*/
                background: var(--color_logo_blue);
	}
        
	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%;
	}
/*------------ location-li -------*/
.location-li
{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
}
.location-li>li
{
	color:var(--color-3);
	width:50%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	padding-bottom:0.5rem;
}
.location-li>li>i
{
	width:80%;
}
.location-li>li>span
{
	width:20%;
}
.location-li>li>span
{
	
}
/*---------------- Footer ------------------*/
.footer-wrap
{
	padding:1rem 0;
	/*background:#00807e;*/
}
/*footer-address>:first-child>[class^='col-']
{
	padding-l
}*/
.footer-address>a>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.footer-address>p
{
	color:var(--color-3);
    margin-bottom: 0.4rem;
    font-weight: 100;
}
.footer-address>p>a
{
	color:var(--color-3);
}
.footer-menu
{
	width:100%;
	display:block;
}
.footer-menu>ul
{	
    list-style: none;
    /*margin-left: 20px;*/
    display: flex;
    flex-flow: row wrap;
    /*justify-content: center;*/
    align-items: center;
}
.footer-menu>ul>li
{
	/*width:50%;*/
    font-weight: 400;
    padding: 0.5rem 0.4rem;
    text-transform: uppercase;
    font-size:1rem;
}

.footer-menu>ul>li:not(#li_footer_book_now)
{
    border-bottom : 1px solid var(--color_wp_dark_blue);
    display:inline-block;
    margin-right:5px;
    transition : all ease-out 0.25s;
}

.footer-menu>ul>li.f-active:not(#li_footer_book_now), .footer-menu>ul>li:not(#li_footer_book_now):hover
{
    border-bottom: 1px solid var(--color_wp_white);
}

.footer-menu>ul>li>a
{
    color:var(--color-3);
    transition : all ease-out 0.25s;
}

.footer-menu>ul>li.f-active:not(#li_footer_book_now)>a, .footer-menu>ul>li:not(#li_footer_book_now):hover>a
{
    /*color:var(--color_text_logo_blue);*/
}

.footer-menu>ul:first-child>li:last-child
{
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0;
    margin-left: 2rem;
}

/*.footer-menu>ul:first-child>li:last-child>a
{
	color:var(--color-2);
}*/

.footer-content-info
{
	text-align:center;
	margin-top:2rem;
}

.footer-content-info>p
{
    color:var(--color-3);
    margin-bottom:0.2rem;
}

.footer-content-info>p>a
{
    color:var(--color-3);
}

.footer-content-info>p>a>span
{
	font-size:0.9rem;
}

.footer-content-info>p:nth-of-type(2)
{
	font-size: 1.22rem;
}

.footer-content-info>p>a>span
{
	font-size: 1rem;
    padding-right: 0.2rem;
}

#copy-right
{
	width:100%;
	display:block;
	text-align:center;    
	background: var(--copyright);
}

#copy-right > p
{	
    margin-bottom : 0;
    display : inline-block;
    color : var(--copyright-text);
    font-size : 0.8rem;
    text-align : center;
    font-weight : 100;
    margin-right : 2rem;
}

#copy-right > p:last-child
{
	margin-right : 0;
}

#copy-right > p > a
{
	color : var(--color-3);
}

#copy-right > p > span
{
	font-size : 1rem;
}

#a_footer_book_now
{
    background-color : var(--color_logo_blue);
    color : var(--color_white);
    padding: 10px;
    border-radius: 0.25em;
    font-size: .8em;
    transition : all ease-out .25s;
}

#a_footer_book_now:hover
{
    background-color : var(--color_grey);
    border-radius: 0.75em 0px 0.75em 0px;
}

.navbar-dark .navbar-toggler
{
    background-color:var(--color_logo_blue)!important;
}

.room-sold
{
    /*background-color: #e58179!important;*/
}

table.table_location_content td, table.table_location_content th
{
    color : var(--color_wp_white)!important;
}

.button_gallery_filter
{
    background-color : var(--color_logo_blue);
}

.button_gallery_filter:hover, .button_gallery_filter.filter_active
{
    background-color : var(--color_grey);
}


@media only screen and (min-width:1268px)
{
    #nav_top_menu_bar
    {
        min-height:110px;
    }
    
    #img_header_logo
    {
        width : 320px;
    }
}

.tnc_heading_span
{
    color : var(--color_logo_blue);
}

.facility_h4
{
    color : var(--color_black);
}

.cal-nav__date input
{
    margin-top:3px!important;
}

.span_squre_box
{
    font-size: 10px;
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px;
}

@media only screen and (max-width:1200px)
{
    .travel-text>p
    {
        margin: 8px 0;
    }
}

@media only screen and (min-width:992px) and (max-width: 1200px)
{
    .hotel__logo>a>img
    {
        width:400px;
        margin-top: 5px;
    }
}


@media only screen and (min-width : 992px)
{
    #div_container_navbar
    {
        position : relative;
    }
}

#navbar 
{
    margin-right : 57px;
}

#div_starrating_logo
{
    right: -110px;
    position: absolute;
    top: 18px;
    z-index: 1;
}

#div_starrating_logo img
{
    width : 160px;
}

@media only screen and (max-width : 1267px)
{
    #div_starrating_logo 
    {
        right: -60px;
        position: absolute;
        top: 0px;
        z-index: 1;
    }
    
    #div_starrating_logo img
    {
        width : 117px!important;
    }
}

@media only screen and (max-width : 1167px)
{
    #div_starrating_logo 
    {
        right: 0;
        top: 84px;
    }
    
    #navbar 
    {
        margin-right: 0px;
    }
}

@media only screen and (min-width : 1168px) and (max-width : 1399px)
{
    #nav_top_menu_bar 
    {
        min-height: 83px;
    }
    
    #navbar 
    {
        margin-right: 100px;
    }

    #div_starrating_logo 
    {
        right: -60px;
        position: absolute;
        top: 0px;
        z-index: 1;
    }
}

@media only screen and (min-width : 1268px) and (max-width:1399px)
{
    #img_header_logo 
    {
        width: 227px;
    }
}

@media only screen and (min-width : 1400px) and (max-width:1919px)
{
    #div_starrating_logo 
    {
        right: -34px;
        position: absolute;
        top: 18px;
        z-index: 1;
    }
    
    #navbar 
    {
        margin-right: 140px;
    }
}

@media only screen and (min-width:1920px)
{
    #div_starrating_logo 
    {
        right: -200px;
        position: absolute;
        top: 18px;
        z-index: 1;
    }
    
    #navbar 
    {
        margin-right : 0;
    }
}

@media only screen and (min-width:768px)
{
    #div_footer_container
    {
        position:relative;
    }
    
    #div_starrating_logo_footer
    {
        position : absolute;
    }
}

#div_starrating_logo_footer img
{
    max-width : 160px;
}

@media only screen and (max-width:1439px)
{
    #div_starrating_logo_footer
    {
        bottom : 0;
        left : 0;
    }
}

@media only screen and (min-width:1440px)
{
    #div_starrating_logo_footer
    {
        top : 24px;
        right : -60px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1400px)
{
    #li_footer_book_now
    {
        margin-top:20px;
    }
}