@charset "UTF-8"; 

/* 
CSS Document 

font-family: 'Cinzel Decorative', cursive;
font-family: 'Quattrocento', serif;
font-family: 'Roboto Condensed', sans-serif;
*/ 

*{margin:0; padding:0; box-sizing:border-box;}
:root
{
	--Roboto-font:'Roboto Condensed', sans-serif;
	--Quattrocento:'Quattrocento', serif;
	--Cinzel:'Cinzel', serif;
}
body
{
	margin:0;
	padding:0;
	border:none;
	font-family:var(--Roboto-font);
}
h1, h2
{
	font-family:var(--Cinzel); 
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}
h1
{
	font-size:2rem;
}
h1>a, h2>a
{
	text-decoration:None;
	color:#000000;
}
h3, h4
{
	font-family:var(--Quattrocento);
}
h2
{
    font-size: 1.5rem;
    font-weight: 600;
}
h4
{
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--h4-color);
}
p,span
{	
    line-height: 2rem;
    word-spacing: 1px;
}
a{}
h1:first-letter, h2:first-letter, h4:first-letter, p:first-letter, span:first-letter, li:first-letter, a:first-letter 
{
	text-transform:uppercase;
}
/*=================  top-head ============*/

#top-head
{
	border-top:3px solid var(--top-border-color);
    background: linear-gradient(0deg, #d9d9d9, transparent);
}
.logo_ figure
{
	margin:0;
}
.property_address
{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
}
.phone_no
{
}
.phone_no>p
{
    font-size: 1.2rem;
}
.phone_no>p>a
{
    text-decoration: none;
    color: #000;
}
.phone_no>p i
{
	color:var(--top-faicon);
	background:var(--top-faicon-bg);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.5rem;
    margin-right: 1rem;
}
.top_booknow
{
	display:flex;
	justify-content:flex-end;
}
.top_booknow>a
{
    background: var(--top-book-bg);
    text-transform: uppercase;
    color: var(--top-book-text);
    padding: 0.5rem 2rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*====================== Main Menu ==================*/
.main-menu
{
	background:var(--menu-bg);
    padding: 0;
	/*margin-top:0.5rem;*/
}
.menu-li
{
    display:flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-flow: wrap row;
    padding: 0.2rem 1rem;
}
.menu-li>li
{
    text-transform: uppercase;
    font-size: 1rem;
    position:relative;
    font-weight: 400;
    /*-webkit-text-stroke: 0.03rem;
    -moz-text-stroke: 0.03rem;
    -o-text-stroke: 0.03rem;
    -ms-text-stroke: 0.03rem;*/
}
.menu-li>li:after
{
    content: '';
    position: absolute;
    border-left: 0.01rem solid var(--li-border-left);
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
}
.menu-li>li:before
{
    content: '';
    position: absolute;
    width: 100%;
    padding: 1px;
    background: var(--menu-hover-bar);
    left: 0;
    top: 0;
    transform:scale(0);
    transition: all linear 0.5s;
}
.menu-li>li:hover:before
{
    transform:scale(1);
}
.actives
{
}
.menu-li>li.actives:after
{
    content: '';
    position: absolute;
    width: 100%;
    padding: 1px;
    background: var(--menu-hover-active-bar);
    left: 0;
    top: 0;
    transition: all linear 0.7s;
    height:auto;
}
.menu-li>li>a
{
    color:var(--menu-li-text);
    padding:0.5rem 0.5rem;
    text-decoration:none;
}
.menu-li>li:last-child
{    
    background: var(--top-book-btn-bg);
}
.menu-li>li:last-child:before
{
	background:transparent;
}
.menu-li>li:last-child>a
{
    
}
.menu-li>li:last-child:hover 
{    
	background: var(--top-book-btn-bg-hover);
}
/*###################### Submenu ##############*/
nav
{
transition:all ease-in-out 0.7s;
}
.menu-li>li>ul
{
    display:none;
    perspective:1000px;
    position: absolute;
    width: max-content;
    width: -moz-max-content;
    width: -o-max-content;
    width: -webkit-max-content;
    background: #e1e1e1;
    list-style: none;
    z-index: 999;
    left:0;
    margin-top: 0.5rem;
}
/*.normal-menu
{
    height:110px; 
    transition:all ease-in-out 0.7s;
}*/
.resize-menu
{
    /*max-height:60px;*/
    transition:all ease-in-out 0.5s;
}
.resize-menu img
{
    max-width:100%;
}
.menu-li>li>ul>li
{
    transform-style:preserve-3d;
}
.menu-li>li:hover ul
{

    display: block;
}
.menu-li>li:hover ul:before
{
    
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: #e1e1e1;
    top: -7px;
    left: 3%;
    transform: rotate(45deg);
    z-index: -1;
    backface-visibility: hidden;
}

.menu-li>li:hover ul>li
{
    padding: 0.4rem 0.5rem;
    font-size: 0.95rem;
    border-bottom: 1px solid;
    font-weight: 400;
}
.menu-li>li:hover ul>li:last-child
{
    border-bottom: none;		
}
.menu-li>li:hover ul>li>a
{
    color: #000000;
    text-decoration:none;
}
.menu-li>li:hover ul>li:hover
{
    background: #cccccc;
}
.menu-li>li:hover ul>li:hover a
{
    color:#ffffff;
}

/*.fixed-menu
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;		
    height: 60px;
    transition: all linear 1s;
}*/
.menu-li+ul
{
    padding-left: 0;
    margin: 0 auto;
    width: 30%;
    list-style: none;
}
.menu-li+ul>li
{
    background: #e0a016;
    text-transform: uppercase;
    padding: 1rem 1rem;
    text-align: center;
    font-size: 1.2rem;
}
.menu-li+ul>li>a
{
    color:#ffffff;
}
.fixed-menu>.container>.phone-no
{
    display:none;
}
.fixed-menu>.container>.brand-logo>img
{		
    transition: all linear 0.2s;
    transform:scale(0.5);
}

/*################ Booking Widget ############*/
.common-bookingwidget, .bookingwidget
{
    width:100%; 
}
.common-bookingwidget
{		
    position: relative;
    bottom: 0;
    background: var(--bookingwidget-bg);
}
.bookingwidget
{
    /*background: #445d7c;*/
}
.bookingwidget>#b247SearchBoxContainer
{
    padding: 0px 0 !important;
    display: block;
    width: 100%;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>label
{
    margin-bottom:0!important;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>.searchbox__title, .bookingwidget>#b247SearchBoxContainer>.searchbox>.b247-nights
{
    text-transform:uppercase!important;
    font-family:var(--Roboto-Condensed)!important;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__field>label>input
{
    font-family: var(--Roboto-Condensed);
    color: #000000 !important;
    border: 0px solid #000000;
    border-radius: 0;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__clickable
{
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__clickable>a
{
    background-color: var(--widget-btn-bg);
    padding: 10px 1rem;
}
.bookingwidget>#b247SearchBoxContainer>.searchbox>.searchbox__clickable>a:hover
{
	 background-color: var(--widget-btn-hover);
}
.searchbox__field 
{
    margin: 0 0px  !important;
}

/*============== breadcrumb =============*/ 
#breadcrumb
{
	text-align:center;
}
.breadcrumb
{
	background:transparent;
    justify-content: center;
}

/*============ Accommodation ======================*/
.outer_shadow
{
	box-shadow:inset 0px 15px 30px #cacaca;
    padding: 2rem 0;
    margin: 1rem 0;
}
.common-aprt-wrap
{
	padding:1rem 0;
}
.common-room-btn
{
	display:flex;
	justify-content:center;
	align-items:center;
}
.common-room-btn>a
{
	margin: 0.5rem;
    color: #ffffff;
    padding: 0.2rem 1rem;
	background: var(--aprt-readmore1);
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.9rem;
}
.common-room-btn>a:nth-of-type(1):hover
{
    background: var(--aprt-readmore2);    
}
.common-room-btn>a:nth-of-type(2)
{	
    background: var(--aprt-readmore2);   
}
.common-room-btn>a:nth-of-type(2):hover
{	
    background: var(--aprt-readmore1);   
}
.li-list>li
{    
	margin-bottom: 0.5rem;
}
.li-icons, .li-list
{
	margin:0;
}
.li-icons>li
{
    margin: 0.3rem 0.5rem;
    padding: 0.8rem;
}
.li-icons>li img
{
    max-width: 35px;
    display: block;
    margin: 0 auto;
}

/*=================== general_info ================*/
.general_info
{
    /*padding: 1rem 0 0.5rem;*/
}
.general_info:last-child hr
{
    margin: 0;
    border: none;
}
.general_info h4
{
}
.general_info p
{
	text-align: center;
}
.general_info ul
{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
	list-style:none;
}
.general_info ul>li
{
    margin: 00.5rem 2rem 0 0;
    padding: 0.2rem 1rem 0 0;
	position:relative;
}
.general_info ul>li:before
{
	font-family: FontAwesome;
	font-weight: 400; 
	content: "\f101";
	margin-right: 0.3rem;
	color: var(--fontawsome-color);
}
.general_info>h2
{
	color:var(--general-h2);
}

/*------############## Common Gallery CSS -------################*/
.page-gallery-wrap
{
    width:100%;
    display:block;
    margin:1rem 0;
}
.common-gallery-block>ul
{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow:row wrap;	
    margin-bottom:1rem;
}
.common-gallery-block>ul>li
{
    background: var(--gallery-tab);
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 0.2rem;
    padding: 0.5rem 1rem;
    color: #ffffff;
    text-align:center;
}
.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
{
    background:var(--gallery-tab-hover);
}

/*----------- ############## Common form & Contact Us Page CSS ------#########*/
.common-contctus-text
{

}
.common-contctus-text>p
{		
    text-align: left;
}
.common-contctus-text>p>a
{		
    text-decoration: none;
    color: #000000;
}
form#forms
{
    display:flex;
    flex-flow:wrap row;
    justify-content:center;
    align-items:center;
}
form#forms>.form-group
{
    position:relative;
    z-index: 9;	
}
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;
	
	display:none;
}
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%;
}

/*================ Footer ================= */
footer
{
	background:var(--foote-bg);
}
.footer-text
{
    padding: 1rem 0 0;
}
.footer-text h2
{
	color:var(--footer-h2);
}
.footer-text p, .footer-text p>a
{
    margin: 0;
    text-align: center;
    color: var(--footer-p-text);
}
.footer-text p>a
{
	text-decoration:none;
}

p.copyright
{
	color: var(--footer-p-text);
	text-align:center;
    font-size: 0.9rem;
    font-weight: 100;
	margin:0;
    background: var(--copyright-bg);
    line-height: 1.2rem;
    margin-top: 1rem;
}
p.copyright a
{
	color: var(--footer-p-text);
}