@charset 'UTF-8';
/*-- CSS Document--*/
*{margin:0; padding:0; box-sizing:border-box;}

/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/ 

body
{
	font-size:100%; 
	margin:0;
	padding:0;
	border:none;
	font-family:var(--Roboto-condensed);
	color:#000000;
	font-weight:300;
}
body :is(a)
{
	text-decoration:none;
    color: #000;
}
img
{
	max-width:100%;
}
:is(h1, h2, h3, h4)
{
}

h2
{
    text-transform: uppercase;
    text-align: center;
}
h3
{
    text-align: center;
    font-size: 1.6rem;
    color: #00317f;
	text-transform:capitalize;
}
h4
{	
    color: #fcaf17;
    text-transform: uppercase;
    font-size: 1.2rem;
}
p
{
    line-height: 2rem;
    font-weight: 300;
    font-size: 1rem; 
    font-family: var(--Roboto);
}
li
{
	font-size:1rem;
}
.bg-light
{
	background-color:#e2e2e2 !important;
}
hr
{
	width:100%;
}
a.common-btn
{
    display: table;
    margin: 0.5rem auto;
    text-transform: uppercase;
    background: var(--facility-readmore);
    padding: 0.5rem 1rem;
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
}
.common-btn:hover
{
    color: black;
}
p:first-letter, li:first-letter
{
	text-transform:uppercase;
}
.ul-listing
{
    list-style: none;
}
.ul-listing>li
{
    padding: 0.5rem;
    font-family: var(--Roboto);
}
.ul-listing>li>span
{
}
/*============== Header Bar ===========================*/
main header
{	
    display: flex;
    flex-flow: wrap row;
}
header :is(.top_bar,.menu_bar)
{ 
    width: 100%;
}
.top_bar
{
	background:url("../images/top-banner.jpg") no-repeat;
	flex:1 1 100%;
    padding: 0.5rem 0;
	boackground-size:cover;
	position:relative;
	z-index:99
}
.top_bar:after
{
	content:'';
	position:absolute;
	background:rgba(0, 49, 127, 0.9);
	z-index:-99;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.top_bar>.container
{
	z-index:999;
}
.property_detail
{
	display:flex;
	flex-flow:wrap row;
    margin: 0;
	gap:1rem;
    justify-content: flex-end;
	align-items:center;
}
.property_detail :is(.detail)
{
	/*flex:1 1 33%;*/
	display:flex;
	gap:1rem;
}
.property_detail .detail p
{
    color: #ffffff;
}
.detail :is(p, a)
{
	color:#ffffff;
	margin-bottom:0;
	text-decoration:none;
}
.detail>p:hover a
{
	color:#cccccc;
}
/*====================== Book Now Css ==================*/
.book_now
{
	background:var(--booknow-bg);
    padding: 0.5rem 1rem;
    text-transform: uppercase;
	color:var(--booknow-text);
	font-size:1rem;
	font-weight:500;  
}
.book_now>i
{
	color:#ffffff;
}
.book_now:hover a
{
	color:var(--booknow-hover)!important;
}

/*====================== Main Menu Css ==================*/
.menu_bar
{
	background:var(--menu-bg);
	flex:1 1 100%;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 999;
}
.menu_bar .navbar
{
	padding:0;
}
.menu_bar button.navbar-toggler
{
	background-color:#002245;
}
.menu_bar a.navbar-brand
{
	color:#000000;
    margin: 0;
    font-family: var(--Roboto);
    font-weight: 400;
    font-size: 1.7rem;
}
.menu_bar a.navbar-brand:hover
{
    color: #868686;
}

/*===================== For logo if img existig =============*/
.menu_bar a.navbar-brand
{
    position: absolute;
    top: -65px;	
    box-shadow: 2px 2px 10px #303030;
    background: var(--logo-bg);
}
.menu_bar a.navbar-brand:after 
{
    content: attr(data-content);
    font-size: 1.2rem;
    vertical-align: text-top;
    text-transform: uppercase;
    padding: 0 0.5rem;
	visibility:hidden;
    line-height: 38px;
	display:none;
}
.menu_bar a.navbar-brand>img
{
}
.top_fixed	a.navbar-brand
{
    top: 0px;
}
.top_fixed
{
	/*overflow:hidden;*/
}
.top_fixed	a.navbar-brand img
{
    max-height: 70px;
}

/*===================== Menu CSS =============*/
.menu_bar ul
{
	width:100%;
	justify-content:flex-end;
}
.menu_bar ul>li
{
    text-transform: uppercase;
    font-size: 0.97rem; 
    font-weight: 400;
	position:relative;
}

.menu_bar ul>li:after
{ 
	content:''; 
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	height:100%;
	padding:0.5px;
    background: linear-gradient(0deg, transparent, #b1b1b1 , transparent);
	
}
.menu_bar ul>li>a
{
	color:var(--black);
	text-decoration:none;
    display: block;
    padding: 0 0.5rem;
}
.menu_bar ul>li:hover a
{
	color:#868686;
}
.li-active>a
{
	color:#868686!important;
}
.top_fixed
{
	position:fixed;
	left:0;
	top:0;
	width:100%;    
	z-index: 999;   
	box-shadow: 0px 4px 5px var(--top-bar-shadow);
	animation:smoothscroll .5s forwards;
}
@keyframes smoothscroll
{
	0%{transform:translateY(-40px)};
	100%{transform:translateY(0px)};
}
/*===================== carousel-image =====================*/
.carousel-image
{
	position:relative;
}

.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);
        }
    }
    .jssorb031
    {
        position:absolute
    }
    .jssorb031 .i
    {
        position:absolute;
        cursor:pointer
    }
    .jssorb031 .i .b
    {
        fill:#000;
        fill-opacity:.6;
        stroke:#fff;
        stroke-width:1600;
        stroke-miterlimit:10;
        stroke-opacity:.8
    }
    .jssorb031 .i:hover .b
    {
        fill:#fff;
        fill-opacity:1;
        stroke:#000;
        stroke-opacity:1
    }
    .jssorb031 .iav .b
    {
        fill:#fff;
        stroke:#000;
        stroke-width:1600;
        fill-opacity:.6
    }
    .jssorb031 .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}
		
.facility_carousel .carousel-inner
{
	overflow:hidden;
}

.facility_carousel .carousel-inner>.carousel-item img, .facility_carousel .carousel-inner
{
	max-height:520px;
}


/*======================= Booking Widget ========================*/
.bookingwidget 
{	
	width:100%;
}
#b247SearchBoxContainer
{
    padding: 0!important;	
	font-family:var(--Roboto)!important;
	background:var(--bookingwidget);
}
.searchbox
{
	padding:0.5rem 0.2rem;
}
.sbx-container
{
	margin-bottom:0;
	margin-right:0px !important;
}
.sbx-container > input
{
	border:none!important; 
    color: #000000!important;
    font-weight: 500!important;
} 
.sbx-container > input 
{
	font-size:1rem!important;
}
.searchbox__icon 
{
	top:4px!important;
}
.searchbox__clickable a
{	
    padding: 6px 15px!important;
    border-radius: 0px!important;
}
.searchbox__field
{
	
}
.searchbox__title
{
	font-weight:400!important;
    color: #212121!important;
    text-transform: uppercase;
    font-size: 1rem !important;
}
.b247-nights 
{
   color: #000000 !important;
    font-size: 1rem !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;
}

/*================== comm-facilities ==================*/
.facilities_wrap
{
    background: var(--servicesicon-bg);
    padding: 1rem 0;
}
.comm-facilities
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
	list-style:none;
    margin-bottom: 0;
}
.comm-facilities>li
{
	/*display:flex;
	justify-content:center;
	flex-flow:wrap row;
    align-items: center;*/
    /*flex: 1 1 11.111%;*/
    text-align: center;  
	padding: 0.5rem  1.2rem;
    margin: 0 0.2rem;
}
.comm-facilities>li>img
{
	display:block;
	margin:0 auto 0.5rem;
	max-width:40px;
}
.comm-facilities>li>span
{
    display: block;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 400;
    margin-top: 0.2rem;
}

/*================ guest-reviews =================*/
.guest-reviews
{
	display:block;    
	padding: 0.5rem 0;
}
.guest-reviews>ul
{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	list-style:none;
	margin-bottom:0;	
}
.guest-reviews>ul>li>a
{
	text-decoration:none;
}
.guest-reviews>ul>li:nth-of-type(1)
{
	flex:1 1 25%;
    position: relative;
	z-index:99;
	display:flex;
	justify-content:center;
	align-items:center;
	
}
.guest-reviews>ul>li:nth-of-type(1) :is(i)
{
	font-size: 2.4rem;
    background: var(--review-icon-bg);
	color:var(--review-icon-color);
    padding: 0.5rem;
    border-radius: 50%;
    font-weight: 300;
}
.guest-reviews>ul>li>img
{
	z-index:2;
}
.guest-reviews>ul>li:nth-of-type(1):after
{
	content:'';
	position:absolute;
	width:30px;
	height:30px;
	background:#ffffff;
	top:50%;
	left:50%;
	z-index:-1;
	transform:translate(-50%, -50%);
}
.guest-reviews>ul>li:nth-of-type(2)
{
	flex:1 1 75%;
	font-size:2rem;
	font-weight:400;
}
.guest-reviews>ul>li>a+small
{   
	display: block;
    font-size: 1rem;
    color: #001e71;
}

/*============== reception_info ====================*/
#reception_info
{
    padding: 1rem 0 0;
    text-align: center;
}
#reception_info>h4
{
	text-transform: uppercase;
    margin-bottom: 1rem;
    background: #c3c3c3;
    font-size: 1.5rem;
    color: #000;
    padding: 0.5rem 0.5rem;
}
#reception_info>p
{
    margin: 0;
    line-height: 2rem;
    font-size: 0.95rem;
}
#reception_info>p>span
{
    font-weight: 500;
}

/*================== text_typography =================== */
.text_typography
{
   
}

.services_wrap
{
    background: var(--facility-wrap-bg);
    padding: 1rem 0;
    margin: 1rem 0;
}
.services_wrap h3
{
	color:#ffffff;
    margin-bottom: 1.5rem;
}

.services_wrap :is(h4)
{
    color: #fff;
    font-size: 2.4rem;
}
.services_wrap ul
{
	margin-left:20px;
}
.services_wrap ul>li
{
    color: #ffffff;
    font-weight: 300;
    font-family: var(--Roboto);
}
.services_wrap ul>li>span
{
	color:#ffffff;
}
/*=================== aprt_thumb_section ======================*/
.aprt_thumb_section
{
	width:100%;
	min-height:385px;
	overflow:hidden;
	position:relative;    
	min-width: 376px;
}
.aprt_thumb_section>.row
{
	overflow-y:scroll;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}

.aprt_thumb_section>.row:after
{	
    content: "More Room..";
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    padding: 0.2rem 1rem;
    background-color: rgb(252 175 23);
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    text-transform: capitalize;
    transition: all linear 0.2s;
}

.aprt_thumb_section>.row:hover::after
{
	top:0;
}

.aprt_thumb_section>.row::-webkit-scrollbar 
{
  width: 0 !important;
}



.aprt_thumb_section>.row>[class*='col-']:nth-of-type(4)~[class*='col-']
{
	
}
.common-aprt-img
{
	position:relative;
    max-height: 185px;
    overflow: hidden;
}
.common-room-btn
{
	position:absolute;
	bottom:5px;
	left:0;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-flow:wrap row;
    background: var(--common-btn-bg);
    text-align: center;
    text-transform: uppercase;
    font-size: 0.95rem;
}
.common-room-btn>a
{
    padding: 0.2rem 0.5rem;
	color:#ffffff;
    text-decoration: none;
}
.common-room-btn>a:hover
{
	color:#000000;
}
	
.common-room-btn>a:nth-of-type(1)
{
	flex: 0 0  60%;
	background: var(--aprt-left-readmore);
	color:var(--aprt-left-readmore-text);
}

.common-room-btn>a:nth-of-type(1):hover
{
	background:var(--aprt-left-readhover);
}
.common-room-btn>a:nth-of-type(2)
{
	flex: 0 0  40%;
	background: var(--aprt-left-booknow);
	color:var(--aprt-left-booknow-text);
	margin-right:0;
}

.common-room-btn>a:nth-of-type(2):hover
{
	background:var(--aprt-left-bookhover);
}

.services_btn
{
    display: table;
    margin: 0 auto;
}
.services_btn>a
{
    background: skyblue;
    color: #000000;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-weight: 500;    
}
/*================= appartment_wrapper =====================*/
#appartment_wrapper
{
    margin: 0.5rem 0;
    padding: 0.5rem 0;
}
.room_li
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-flow:wrap row;
    margin-top: 1rem;
	list-style:none;
}
.room_li>li
{
   /* flex: 1 1 50%;
    padding: 0.3rem 0;*/
	
    flex: 1 1 calc(50% - 0.5rem);
    padding: 0.5rem 0;
    margin-right: 0.5rem;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
}

.room_li>li>span
{
    line-height: 1.29rem;
}
section.appartment_wrapper:nth-of-type(even)
{
	background:#fbf8f8;
}
section.appartment_wrapper:last-child
{
	margin-bottom: 1.5rem !important;
}

#appartment_wrapper>.common-aprt-wrap:nth-of-type(1)
{
	margin-top:2rem;
}
#appartment_img
{
	position: relative;
}
#appartment_img>a>img
{
	width:100%;
}
#appartment_img>h2
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
    background: var(--aprt-h2-bg);
    z-index: 99;
    color: var(--aprt-h2-color);
    font-size: 1.5rem;
    padding: 0.3rem 0;
    margin-bottom: 0;
}
#appartment_img>h2>a
{
	text-decoration:none;
	color:#ffffff;
}
#appartment_text
{
	position:relative;
}

#appartment_text>ul
{
	align-items:center;
	margin:0;	
}
#appartment_text>ul>li
{
    line-height: 2rem;
    padding: 0 1rem;
}
#appartment_text>ul>li>span
{
}

#appartment_text>ul>li>img
{
    max-width: 36px;	
}
#appartment_text .common-room-btn
{
	position:relative;
	bottom:0;
}
#appartment_text .common-room-btn>a
{    
    padding: 0rem 0.5rem;
    margin-right: 0;
    margin-left: 0;
    font-size: 0.85rem;
}
#appartment_text .common-room-btn>a:nth-of-type(1)
{
	background:var(--aprt-booknow);
	color:var(--aprt-booknow-color);
	flex:0 0 100%;	
}

#appartment_text .common-room-btn>a:nth-of-type(1):hover
{
	background:var(--aprt-left-bookhover);
}

#appartment_text .common-room-btn>a:nth-of-type(2)
{
	background:var(--aprt-readmore);
	color:var(--aprt-readmore-color);	
}

#appartment_text .common-room-btn>a:nth-of-type(2):hover
{
	background:var(--aprt-left-readhover);
}

/*========================= Gallery ==============================*/
.filter-li
{
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    flex-flow: wrap row;
}
.filter-li>li
{
    padding: 0.2rem 1rem;
    text-align: center;
    background: #c2b280;
    margin-right: 1rem;
    cursor: pointer;
    color: #ffffff;
    text-transform: capitalize;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d2bf84;
}

/*=================== Attractions ========================*/
.img_description
{
}
.img_description>p
{
    text-align: center;
    display: block;
    background: #c2b280;
    color: white;
    font-weight: 400;
}

/*==============  reviews_box ==================*/
.reviews_box
{
    min-height: 100px;
    padding: 0.5rem;
    background: #ececec;
    border-radius: 5px;
    box-shadow: 1px 1px 7px #bfbfbf;
    margin-bottom: 1rem;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}
.reviews_box :is(.user_sign,.reviews_text)
{
    text-align:center;
}
.user_sign
{
	flex: 1 1 100%;
}
.user_sign>i
{	
    background: #c2b280;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    font-size: 1.5rem;
    color: #ffffff;
}
.reviews_text
{
}
.reviews_text>i
{
    margin: 0.5rem 0.3rem 1rem;
    color: #d6a714;
}
.reviews_text>p
{	
    line-height: 2rem;
    word-break: break-word;
}

/*================ forms =======================*/
.forms
{
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: center;
}
.forms>.form-group
{
	display: flex;
    align-items: center;
    flex-flow: wrap row;
	flex:1 1 50%;
    position: relative;
}
.forms>.form-group:last-child, .forms>.form-group:nth-last-child(2)
{
	flex:1 1 100%;
    justify-content: center;
}
.forms>.form-group>label
{	
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-bottom: 0;
    font-weight: 400;
    color: #d4a309;
}
.forms>.form-group>input, .forms>.form-group>textarea
{
    flex: 1 1 100%;
    margin: 0.5rem;
    text-align: left;
    min-height: 40px;
    background: #e8e8e8;
    box-shadow: none;
    outline: none;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    padding:3px;
}
.forms>.form-group>textarea
{
    height: 120px;
    line-height: 120%;
    overflow: hidden;
}
.forms>.form-group>span
{
	
    display: block;
    color: #ff0000;
    position: absolute;
    bottom: -16px;
    left: 50%;
    text-align: left;
    transform: translateX(-50%) rotateX(90deg);
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: all linear 0.5s;
    backface-visibility: hidden;
}
.forms :is(input, textarea)::placeholder
{
	text-transform:uppercase;
    display:none;
}
.forms :is(input, textarea):focus-within
{	
    border: 2px solid #c2b280;
    background: transparent;
    box-shadow: 2px 2px 4px #c2b280;
    outline: none;
	border-radius: 3px;
}
.forms>.form-group:last-child input
{
	max-width:200px;
    background: #c2b280;
    border: none;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;     
	text-align: center;
}

/*=================== Footer =========================*/
footer
{
	padding:0.5rem 0 0;
	background:var(--footer-bg);
}
footer .actives>a
{
	color:#ffffff !important;
}
footer :is(.footer_address, .footer_socialmedia, .footer_links)
{
	padding: 0.5rem 0 0;
}
.footer_address
{
}
footer :is(.footer_address :is(h4),.footer_socialmedia :is(h4),.footer_links :is(h4))
{ 
	text-transform: uppercase;
    color: var(--footer-text-color);
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--footer-text-color);
    width: fit-content;
    padding: 0px 15px 0 0;
	font-size:1.29rem
}
.footer_address :is(p, a), .footer_links :is(p, a)
{
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 300;
    text-decoration: none;
	color:var(--footer-text-color);
}
.footer_address>p:hover a, .footer_links>ul>li:hover a
{
	color:#ffffff;
}
.footer_socialmedia
{
}
.footer_socialmedia>ul
{
	display:flex;
	justify-content:center;
	align-items:centre;
	flex-flow:wrap row;
	list-style:none;
}
.footer_socialmedia>ul>li
{
	flex:1 1 33.333%;
}
.footer_socialmedia>ul>li>a
{
	font-size:2rem;
}
.footer_socialmedia>ul+a
{
    display: block;
    background: var(--footer-book-btn);
    text-align: center;
    text-transform: uppercase;
    padding: 0.7rem 0.5rem 0.5rem;
    font-weight: 400;
    color: white;
    text-decoration: none;
	margin-bottom: 0.5rem;
}
.footer_socialmedia>ul+a:hover
{
	background:#4aafd8;
}
.footer_links
{
}
.footer_links>ul
{
	list-style:none;
}
.footer_links>ul>li
{
    text-transform: capitalize;
    padding-bottom: 0.5rem;
}
.footer_links>ul>li>a
{
	text-decoration:none;
}
.copyright
{
    margin: 0;
    text-align: center;
    font-size: 0.8rem;
    background: var(--copyright-bg); 
    line-height: 1rem;
}
p.copyright, .copyright>a
{
    color: var(--copyright-color);
}