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

font-family: 'Open Sans', sans-serif;
font-family: 'Shadows Into Light', cursive;

*/
*{margin:0; padding:0; box-sizing:border-box;}
:root
{
	--open-sans:'Open Sans', sans-serif;
}
body
{
	font-size:100%;
	border:none;
	margin:0;
	padding:0;
	color:#000000;
	font-family:var(--open-sans);
	background:#376092 /*url('../images/body-bg.jpg')*/;
	background-attachment:fixed;
}
h2
{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600;
    padding-top: 2rem;
    position: relative;
    padding-bottom: 0.7rem;
}
h2:after
{	
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7%;
    height: 3px;
    background: #bc9552;
}
h3
{
}
h4
{
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #bc9552;
}
p
{
    line-height: 2rem;
    letter-spacing: 0.1px;
    word-break: break-word;
}
h2:first-letter, h4:first-letter, p:first-letter, span:first-letter, li:first-letter, a:first-letter
{
	text-transform:uppercase;
}

/*================== Header ===============================*/
header,.menu_bar,.text_typography, footer
{
    padding: 0 1.8rem;
}
main
{		
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
main>.container
{
	max-width:1200px;
}
header
{
	margin:1rem 0 0;
}
.top-header-grid
{

}
.top-header-grid :is(p)
{
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-bottom: 0;
}
.top-header-grid>p  :where(i)
{
    font-size: 2.5rem;
    margin-right: 0.5rem;
	color: #bc9552
}
.top-header-grid>p  :where(span)
{
    text-transform: capitalize;
    font-size: 0.8rem;
    font-weight: 600;
	color: #a9a9a9;
}
.top-header-grid>p>span  :where(label)
{
	margin-bottom:0;
    display: block;
    font-weight: 400;
    font-size: 0.9rem;
	color:#ffffff;
}
.top-header-grid>p>span>label  :where(a)
{
	color:#ffffff;
}
.social_media
{
}
.social_media :is(i, a)
{
    font-size: 0.9rem;
    color: #ffffff;
}
.social_media>a
{
   
}
/*================= menu_bar ==================*/
.menu_bar
{	
    background: #f4f5f6;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1170px;
    z-index: 999;
}

/*=============== top_banner_head ==============*/
.top_banner_head
{
    margin-top: 100px;
    padding: 3rem 0;
    background: #bc9552;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    text-align: center;
}
.top_banner_head>h2, .top_banner_head>h4
{
	flex:0 0 100%;
}
.top_banner_head>h2
{
    padding-top: 0;
    color: #ffffff;
}
.top_banner_head>h4
{
    text-transform: uppercase;
    font-weight: 100;
    color: #ffffff;
    font-size: 1.2rem;
}


.carousel-image
{
	position:relative;
    margin-top: 100px;
}

.header_fixed
{	
    position: fixed;
    top: 0;
    left: 50%;
    margin: 0 auto;
    z-index: 999;
    width: 100%;
    max-width: 1170px;
    transform: translateX(-50%);
	animation:header-fixed 0.7s forwards;
}
@keyframes header-fixed
{
	0%{transform:translate(-50%, -100px);}
	100%{transform:translate(-50%, 0px);}
}
.menu_bar ul
{
}
.menu_bar ul>li.nav-link
{
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.menu_bar ul>li:first-child .nav-link
{
}
.menu_bar ul>li:hover a
{
}
.menu_bar ul>li.nav-link a
{
	color:#000000;
	text-decoration:none;
}
.menu_bar ul>li.li-active a, .menu_bar ul>li:hover a
{
	color:#bc9552;
}


.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}

/*======================= Booking Widget ========================*/
.bookingwidget 
{
	position:relative;
	bottom:0;
	left:0;
	width:100%;    
	z-index: 998;
}
#b247SearchBoxContainer
{
    padding: 0!important;	
	font-family:var(--Roboto)!important;
	background:var(--bookingwidget);
}
.searchbox
{
	padding:0.2rem 0.2rem;
}
.sbx-container
{
	margin-bottom:0;
}
.sbx-container > input
{
	border:none!important; 
    color: #000000!important;
    font-weight: 500!important;
} 
.sbx-container > input 
{
	font-size:14px!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: 0.95rem !important;
}
.b247-nights 
{
   color: #000000 !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;
}

/*====================== text_typography ======================*/
.text_typography
{
    padding-bottom: 2rem;
}
.text_typography>p
{
}
.text_typography>p:nth-of-type(1)
{
    margin-top: 2rem;
}
.text_typography
{
}

/*================== Wedding ======================*/
.wedding_outlet
{
	padding:5rem 0;
   /* max-width: 1170px;
    margin-left: auto;
    margin-right: auto;*/
	position:relative;
	z-index:99;
}
.wedding_outlet:after
{	content:'';
	position:absolute;
	top:0;
	background:url('../images/wedding-bg.jpg');
	background-size:cover;
    background-position-x: 50%;
	width:100%;
	height:100%;
	z-index:-99;
	transform:translate3d(0px, 0px, 0px);
}
.wedding_outlet .text_typography
{
	text-align:center;
    padding-bottom: 0;
}

.wedding_outlet .text_typography>h2,.wedding_outlet .text_typography>h4
{
	color:#ffffff;
}
.wedding_outlet .text_typography>h2
{
}
.wedding_outlet .text_typography>h4
{	
    font-size: 1.4rem;
}
.book_now
{
	margin-top:1rem;
}
.book_now>a
{
    color: #ffffff;
    text-transform: uppercase;
    background: #0558bd;
    padding: 0.5rem 1rem;
}

.wedding_outlet .text_typography .book_now
{
    padding-top: 1rem;
}

/*================== hotel_overviews ===================*/
.hotel_overviews
{
	padding-top: 3rem;
}
.hotel_overviews  :is(h2)
{
    padding-top: 0;	
}
.feature_li
{
	list-style:none;
	display:flex;
	flex-flow:row wrap;	
    margin-top: 1.4rem;
	gap: 1rem;
}
.feature_li>li
{
    flex: 0 0 calc(32.333% - 5px);
    line-height: 2rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1rem;
}
.feature_li>li>span
{
	color: #bc9552;
}

/*================== guest-reviews ==================*/
.guest-reviews
{
    padding-top: 3rem; 
    margin-bottom: 3rem;	
}
.reviews_block
{
	padding:1rem;
	background:#e4e4e4;
	position:relative;
	z-index:99;
}
.reviews_block:after
{
	content:'';
	position:absolute;
	bottom:-9px;
	left:50%;
	transform:translateX(-50%) rotate(45deg);
	width:20px;
	height:20px;
	background:#e4e4e4;
	z-index:-99;
	border-radius: 2px;
}
.reviews_block>h4
{
    font-weight: 100;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #8c8989;
}
.reviews_block>p
{
    font-size: 0.9rem;
    font-style: italic;
    font-family: Georgia,serif;
}
.guest-reviews .reviews_block+h4
{	
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 2rem;
    font-size: 0.9rem;
    margin-bottom: 0;
    font-weight: 700;
}
.guest-reviews p>small
{
	color: #d4cfcf;
}

/*============== appartment_img ================*/
#appartment_img
{
    margin-bottom: 2rem;
}
#appartment_img>h2
{
    padding-top: 1rem;
    font-size: 1.2rem;
}
#appartment_img>h4
{
    font-size: 0.84rem;
}
#appartment_img>.text_limit>p
{
    font-size: 0.9rem;
}
.text_limit
{
    position: relative;
}
.read_more
{	
    position: relative;
    cursor: pointer;
    background: linear-gradient(0deg, #a90519, #f7a8a8);
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    color: #ffffff;
    text-transform: capitalize;
    display: table;
    margin: 0px 0 0 auto;
    border-radius: 3px;
	right: 20px;
}
.text_limit
{
	display:none;	
}
.text_limit>p
{
	
}
#appartment_img .common-room-btn
{
}
#appartment_img .common-room-btn>a
{
    background: #1f468b;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0.3rem 0.5rem;
    font-size: 0.9rem;
	text-decoration:none;
}

/*================ tarriffs ==================*/
.tarriffs
{
	padding:1rem inherit;
}
.reservation_policy
{
}
.reservation_policy ul
{
	list-style:none;
}

.reservation_policy ul>li
{ 
	line-height: 2rem;
    padding-bottom: 0.5rem;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.reservation_policy ul>li>span>i
{
	color: #bc9552;
}

/*========================= 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;
	font-size:0.75rem;
    text-align: center;
    background: #c2b280;
    margin-right: 0.5rem;
    cursor: pointer;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d2bf84;
}
/*================== Footer ======================*/
footer
{
	background: #bc9552;
	padding-top:1rem;
    margin-bottom: 2rem;	
    padding-bottom: 2rem;
}
footer>.row
{
	
}
.footer_logo,.footer_address,.footer_contact,.footer_social
{
	color:#cccccc;
}
.footer_logo
{
}
.footer_address
{
}
.footer_contact
{
}
.footer_social
{
}
.footer_social :where(label.social_media)
{
    display: block;
}
.footer_address span,.footer_contact span,.footer_social span
{
	text-transform:capitalize;
}
.footer_address span>label, .footer_contact span>label, .footer_contact span>label>a
{
	color:#ffffff;
}
.copyright
{ 
    text-align: right;
    color: #ababab;
    font-size: 0.85rem;
}
.copyright
{
	padding:0 1rem;
}
.copyright>a
{
    color: #ababab;
	text-decoration:none;
}