@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
/*@import url('../fonts/chiqfont.css');*/
html {
    touch-action: manipulation;
}
#purchase a {
	position: fixed;
	top: 20px;
	right: 170px;
	display: inline-block;
	padding: 5px 8px 3px;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	background-color: #c03;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#purchase a:hover {
	text-decoration: none;
	background-color: #111;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 1111;
}

#status {
	width: 130px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -150px 0 0 -65px;
	text-align: center;
}

#status img {
	position: absolute;
	top: 20px;
	left: 23px;
}

body,
html {
	height: 100%;
}

body {
	/* font-family: Raleway, sans-serif; */
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	background-color: #fff;
	color: #666;
	-webkit-font-smoothing: antialiased !important;
}

p {
	margin-bottom: 20px;
}

.lead {
	margin-top: -15px;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a:focus,
a:hover {
	text-decoration: underline;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat, sans-serif;
	-webkit-font-smoothing: antialiased !important;
	color: #333;
}

h1 {
	text-transform: uppercase;
	margin: 150px 0 0;
	padding: 0;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

h2 {
	font-weight: 400;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	font-size: 26px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

h3 {
	font-weight: 300;
	margin: 60px 0 20px;
	padding: 0;
	text-align: center;
	font-size: 48px;
	text-transform: uppercase;
}
.banner-cap p{text-align: center;color: #fff;margin: 16px 0;font-size: 16px;}
#modal-offers h3 {
	font-weight: 300;
	margin: 60px 0 40px;
	padding: 0;
	text-align: center;
	font-size: 48px;
	text-transform: uppercase;
}
#modal-halls h3 {
	font-weight: 300;
	margin: 60px 0 40px;
	padding: 0;
	text-align: center;
	font-size: 48px;
	text-transform: uppercase;
}

#modal-about h4 {
	font-weight: 300;
	margin: 20px 0 10px;
	padding: 0;
	font-size: 24px;
	text-transform: uppercase;
}

#modal-offers h4 {
	font-weight: 300;
	margin: 20px 0 10px;
	padding: 0;
	text-align: center;
	font-size: 34px;
	text-transform: uppercase;
}
#modal-halls h4 {
	font-weight: 300;
	margin: 20px 0 10px;
	padding: 0;
	text-align: center;
	font-size: 34px;
	text-transform: uppercase;
}

#modal-offers h4 span {
	font-weight: 400;
	display: block;
	color: #999;
	font-size: 20px;
	text-transform: none;
}
#modal-halls h4 span {
	font-weight: 400;
	display: block;
	color: #999;
	font-size: 20px;
	text-transform: none;
}

#modal-contacts h4 {
	background: #ededed;
	padding: 5px 8px 3px;
	text-transform: uppercase;
}

#lang ul {
	position: absolute;
	top: 15px;
	right: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#lang ul li {
	display: inline;
	margin-left: 5px;
}

#lang ul li a {
	color: #fff;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
	width: 40px;
	height: 40px;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
}

#lang ul li a#active,
#lang ul li a:hover {
	background: #fff;
	color: #111;
	text-decoration: none;
}

/* .btn-check {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    background: #7cc576;
    border: none;
    color: #fff;
    width: 200px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    bottom: -50px;
    left: 45%;
    margin-left: -70px;
    font-weight: 700
} */

/* .btn-check:hover {
    background: #6CC
} */

.btn-2 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #7cc576;
	border: none;
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	height: 38px;
	line-height: 34px;
	text-align: center;
	margin-left: 3px;
	outline: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn-2:hover {
	background: #6cc;
}

hr {
	border-top: 1px solid #ccc;
}

.img-responsive {
	margin: auto;
}

#wrapper {
	position: relative;
	min-height: 100%;
}

#main {
	position: relative;
}

#logo {
	margin: 5px auto auto;
	width: 90px;
}

#book {
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	border: 1px solid #111;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	height: 50px;
	margin-bottom: 50px;
}
#modal-termsandconditions,
#modal-book,
#modal-payment,#modal-coupon,
#modal-about,
#modal-contacts,
#modal-offers,
#modal-halls,
#modal-weather {
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	display: none;
	left: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 997;
}

ul#contact_info {
	list-style: none;
	text-align: center;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 10px;
	margin-left: 0;
	padding-left: 0;
}

nav {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 100%;
	font-weight: 600;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

ul.menu {
	list-style: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

ul.menu li {
	float: left;
}

ul.menu li a {
	display: inline-block;
	padding: 10px 30px;
	color: #444;
	background: url(../img/menu_divider.png) no-repeat center right;
}

ul.menu li a:hover {
	background: #000 url(../img/menu_divider.png) no-repeat center right;
	color: #fff;
	text-decoration: none;
}

/* .modal-book-open,
#modal-payment-open,
#modal-about-open,
#modal-contacts-open,
#modal-rooms-open,
#modal-weather-open {
	padding-left: 50px;
	position: relative;
} */

/* #modal-rooms-open:before {
	font-family: fontello;
	content: "\ed72";
	position: absolute;
	left: 25px;
	top: 10px;
}

#modal-weather-open:before {
	font-family: fontello;
	content: "\ec4c";
	position: absolute;
	left: 25px;
	top: 10px;
}

#modal-about-open:before {
	font-family: fontello;
	content: "\ee9c";
	position: absolute;
	left: 25px;
	top: 10px;
}

#modal-contacts-open:before {
	font-family: fontello;
	content: "\e862";
	position: absolute;
	left: 25px;
	top: 10px;
} */

ul.rooms_info {
	list-style: none;
	padding: 0;
	margin: 10px 0 45px;
	text-align: center;
}

ul.rooms_info li {
	display: inline-block;
	margin-right: 10px;
}

ul.rooms_info li:last-child {
	margin-right: 0;
}

.input-icon {
	position: absolute;
	right: 8px;
	top: 7px;
	width: 28px;
	height: 24px;
	background-color: #fff;
	text-align: right;
}

.input-icon i {
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.form-control {
	height: 38px;
	-webkit-box-shadow: none;
	padding-left: 8px;
}

.first-nogutter {
	padding-right: 0;
}

.nogutter {
	padding-right: 0;
	padding-left: 5px;
}

@media (min-width: 768px) {
	.last-nogutter {
		padding-right: 5px;
		padding-left: 5px;
		width: 48.5%;
	}
}
@media (min-width: 992px) {
	.last-nogutter {
		padding-right: 5px;
		padding-left: 5px;
		width: 49%;
	}
}
.form-control {
	background-color: #fff;
	border: 1px solid #e2e2e2;
	box-shadow: 0 0 8px #e3e3e3 inset;
	-webkit-shadow: 0 0 8px #e3e3e3 inset;
	-moz-shadow: 0 0 8px #e3e3e3 inset;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-appearance: none;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
}

.loader {
	position: absolute;
	color: #fff;
	margin-left: -15px;
	display: none;
}

label {
	font-weight: 600;
	line-height: 14px;
}

.error_message {
	margin: 5px 0 0;
	padding: 0;
	color: red;
	display: inline-block;
	font-weight: 600;
}

#message-booking {
	margin: 0;
	padding: 0;
}

.qty-buttons {
	position: relative;
	width: 32%;
	height: 38px;
	display: inline-block;
}

input.qty {
	width: 100%;
}

input.qtyminus,
input.qtyplus {
	position: absolute;
	width: 32px;
	height: 20px;
	border: 1px solid #ccc;
	outline: 0;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

input.qtyplus {
	background: #fff url(../img/plus.png) no-repeat center center;
	right: 0;
	top: 0;
	/* text-indent: -9999px; */
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	box-shadow: none;
}

input.qtyminus {
	background: #fff url(../img/minus.png) no-repeat center center;
	right: 0;
	top: 18px;
	/* text-indent: -9999px; */
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: none;
}

ul#contact_follow {
	list-style: none;
	/* top | right | bottom | left */
	margin: 10px 0 10px 0;
	/* top | right | bottom | left */
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	float: right;
	/* text-align: center; */
	/* background-color: #9a9a9a59; */
}

ul#contact_follow li {
	display: inline-block;
	margin-bottom: 10px;
}

ul#contact_follow li a {
	color: #ccc;
}

ul#contact_follow li a:hover {
	color: #111;
}

#map {
	width: 100%;
	height: 275px;
}

ul#contact_follow_2 {
	list-style: none;
	padding: 0;
	font-size: 24px;
	margin: auto auto 30px;
}

ul#contact_follow_2 li {
	display: inline-block;
	margin-bottom: 10px;
}

ul.list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.list li {
	padding-left: 15px;
	position: relative;
	margin-bottom: 10px;
}

ul.list li:before {
	font-family: fontello;
	content: "\e89b";
	position: absolute;
	left: 0;
	top: 0;
}

a.modal-close {
	color: #999;
	font-size: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	outline: 0;
}
a.modal-coupon-close {
	color: #999;
	font-size: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	outline: 0;
}
a.modal-termsandconditions-close {
	color: #999;
	font-size: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	outline: 0;
}

a.modal-termsandconditions-close.booking {
	position: relative;
	top: 0;
	left: 42%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	display: inline-block;
	margin: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #7cc576;
	color: #fff;
}
a.modal-close.booking {
	position: relative;
	top: 0;
	left: 42%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	display: inline-block;
	margin: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #7cc576;
	color: #fff;
}

a.modal-close.booking:hover {
	text-decoration: none;
	background: #6cc;
}
a.modal-termsandconditions-close.booking:hover {
	text-decoration: none;
	background: #6cc;
}

#slides {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: -3;
}

ul.slides-container li img {
	opacity: 1;
}

#slides .slides-container {
	display: none;
}

#slides .scrollable {
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

#slides .scrollable:after {
	content: "";
	display: table;
	clear: both;
}

.slides-container p {
	position: absolute;
	bottom: 40px;
	left: 25px;
	font-size: 20px;
}

#jrange div {
	z-index: 999;
	margin-bottom: 1px;
}
.ll-skin-latoja { 
	position: absolute !important;
	top: auto !important;
	left: auto !important;
	z-index: 999;
  }
 
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
	background: #6c3;
	color: #fff;
}

.ui-state-disabled .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-state-default {
	opacity: 1;
	filter: 1;
	background-image: none;
	background-color: #c00;
	color: #fff;
}

.photo_polaroid {
	padding: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	margin-bottom: 15px;
	position: relative;
	text-align: center;
}

.styled-select select {
	background: 0 0;
	width: 100%;
	padding: 5px 5px 5px 10px;
	margin: 0;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	color: #999;
}

.styled-select {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../img/room_select.png) no-repeat right center;
}

.styled-select select::-ms-expand,
.styled-select-2 select::-ms-expand {
	display: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.qty-buttons,
	input.qty {
		width: 150px;
		margin: 0px 1px 0px 0px;
	}

	/* .btn-check {
        width: 200px;
        display: block;
        position: absolute;
        bottom: -50px;
        /* left: 45%; *
        margin-left: -60px
    } */
}

@media (min-width: 768px) and (max-width: 979px) {
	.qty-buttons,
	input.qty {
	    width: 113px;
    margin: 0px 1px 0px 0px;
	}

	/* .btn-check {
        width: 200px;
        display: block;
        position: absolute;
        bottom: -50px;
        /* left: 25%; *
        margin-left: -60px
    } */

	ul.menu li a {
		padding: 10px 20px;
	}

	/* .modal-book-open,
	#modal-payment-open,
	#modal-about-open,
	#modal-contacts-open,
	#modal-rooms-open,
	#modal-weather-open {
		padding-left: 35px;
	} */

	/* .modal-book-open:before,
	#modal-payment-open:before,
	#modal-about-open:before,
	#modal-contacts-open:before,
	#modal-rooms-open:before,
	#modal-weather-open:before {
		left: 14px;
	} */

	#purchase a {
		display: none;
	}
}

@media (max-width: 767px) {
	.first-nogutter {
		padding-right: 15px;
	}

	.nogutter {
		padding-right: 15px;
		padding-left: 15px;
	}

	.form-control {
		margin-bottom: 10px;
	}

	.input-icon {
		right: 25px;
	}

	.qty-buttons {
		width: 100%;
		display: block;
	}

	input.qty {
		width: 100%;
	}

	.qty-buttons.margin {
		
			margin-left: 0;
			margin-top: 10px;
		
	}

	/* .btn-check {
        width: 200px;
        display: block;
        position: absolute;
        bottom: -50px;
        left: 40%;
        margin-left: -60px
    } */

	nav {
		position: relative;
		height: 42px;
		margin-top: 90px;
		width: 100%;
	}

	/* .modal-book-open,
	#modal-payment-open,
	#modal-about-open,
	#modal-contacts-open,
	#modal-rooms-open,
	#modal-weather-open {
		padding-left: 0;
		position: relative;
	}

	a.modal-book-open,
	a#modal-payment-open,
	a#modal-about-open,
	a#modal-contacts-open,
	a#modal-rooms-open,
	a#modal-weather-open {
		text-indent: -999px;
		width: 45px;
		height: 42px;
	} */

	/* .modal-book-open:before,
	#modal-payment-open:before,
	#modal-about-open:before,
	#modal-contacts-open:before,
	#modal-rooms-open:before,
	#modal-weather-open:before {
		font-size: 22px;
		text-indent: 0;
	}

	#modal-rooms-open:before {
		left: 11px;
		top: 10px;
	}

	.modal-book-open:before,
	#modal-payment-open:before,
	#modal-about-open:before,
	#modal-weather-open:before {
		left: 12px;
		top: 10px;
	}

	#modal-contacts-open:before {
		left: 15px;
		top: 10px;
	} */

	h1 {
		margin: 60px 0 0;
		font-size: 24px;
	}

	h2 {
		font-size: 16px;
	}

	h3 {
		font-size: 32px;
	}

	#modal-about h4 {
		font-size: 20px;
		margin-top: 15px;
	}

	.loader {
		position: absolute;
		right: 20px;
		bottom: -45px;
	}

	#book {
		height: auto;
		width: 100%;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.forecast-content {
		height: auto;
		width: 250px!important;
		margin: auto!important;
		margin-left: auto!important;
		margin-bottom: 50px!important;
	}
}

@media (max-width: 480px) {
	.qty-buttons {
		width: 100%;
		display: block;
	}

	input.qty {
		width: 100%;
	}

	.qty-buttons.margin {
		margin-left: 0;
		margin-top: 10px;
	}

	body {
		font-size: 12px;
	}

	h3 {
		margin: 40px 0 20px;
		font-size: 32px;
	}

	#modal-offers h4 {
		font-size: 24px;
	}

	#modal-offers h4 span {
		font-size: 16px;
	}
	#modal-halls h4 {
		font-size: 24px;
	}

	#modal-halls h4 span {
		font-size: 16px;
	}

	#logo {
		/* margin: 10px 0 0; */
		width: 70px;
	}

	#logo img {
		width: 70px;
		height: auto;
	}

	.slides-container p {
		display: none;
	}

	a.modal-close.booking {
		left: 35%;
	}
	a.modal-termsandconditions-close.booking {
		left: 35%;
	}
}

.social-icons {
	list-style: none;
	padding: 0;
	display: center;
	gap: 15px;
}

.social-icons li {
	display: inline-block;
}

.social-icons a {
	text-decoration: none;
	color: #555;
	font-size: 20px;
}

.social-icons a:hover {
	color: #007bff;
}

.social-icons i {
	margin-right: 8px;
}

.responsive_image_container img {
	width: 100%;
	height: auto;
	/* Maintain aspect ratio */
	object-fit: cover;
	/* Ensure the image covers the container */
	border: 5px solid #f0f0f0;
	/* Add a border to the image */
	border-radius: 10px;
	/* Optional: Rounded corners */
	max-height: 160px !important;
	/* Limit the height to ensure consistency */
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	/* Optional: Add shadow for aesthetics */
}

@media (max-width: 768px) {
	.responsive_image_container img {
		max-height: 160px !important;
		/* Adjust height for smaller screens */
	}
}

/* LED Wall Animation: Pulsating Multi-Color Light */
@keyframes led-pulse {
	0% {
		color: white;
		border-color: #ff5733;
		/* Bright red */
		text-shadow: 0 0 5px #ff5733, 0 0 10px #ff5733, 0 0 20px #ff5733;
	}

	33% {
		color: white;

		border-color: #33ff57;
		/* Bright green */
		text-shadow: 0 0 5px #33ff57, 0 0 10px #33ff57, 0 0 20px #33ff57;
	}

	66% {
		color: white;

		border-color: #3357ff;
		/* Bright blue */
		text-shadow: 0 0 5px #3357ff, 0 0 10px #3357ff, 0 0 20px #3357ff;
	}

	100% {
		color: white;

		border-color: #ff5733;
		/* Bright red */
		text-shadow: 0 0 5px #ff5733, 0 0 10px #ff5733, 0 0 20px #ff5733;
	}
}

/* Music Lights Animation: Smooth Color Flickering */
@keyframes flicker {
	0% {
		color: #ffdb33;
		/* Warm yellow light */
		text-shadow: 0 0 10px #ffdb33, 0 0 20px #ffdb33, 0 0 30px #ffdb33;
		opacity: 1;
	}

	50% {
		color: #ffd9002a;
		/* Bright golden yellow */
		text-shadow: 0 0 15px #ffd9002a, 0 0 25px #ffd9002a, 0 0 40px #ffd9002a;
		opacity: 0.7;
	}

	100% {
		color: #ffdb33;
		/* Warm yellow light */
		text-shadow: 0 0 10px #ffdb33, 0 0 20px #ffdb33, 0 0 30px #ffdb33;
		opacity: 1;
	}
}

/* Music System Animation: Intense Vibrations */
@keyframes vibrate {
	0% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(-20px);
	}

	20% {
		transform: translateX(20px);
	}

	30% {
		transform: translateX(-10px);
	}

	40% {
		transform: translateX(10px);
	}

	50% {
		transform: translateX(-5px);
	}

	60% {
		transform: translateX(5px);
	}

	70% {
		transform: translateX(-2px);
	}

	80% {
		transform: translateX(2px);
	}

	90% {
		transform: translateX(-1px);
	}

	100% {
		transform: translateX(0);
	}
}

/* Apply animations to specific icons */
.led-icon {
	animation: led-pulse 2s infinite;
	/* Pulsating multi-color light for LED Wall */
}

.music-lights-icon {
	animation: flicker 1.5s infinite;
	/* Smooth flickering light for Music Lights */
}

.music-system-icon {
	animation: vibrate 0.4s infinite;
	/* Intense vibrations for Music System */
}

.iframe-container {
	position: relative;
	width: 100%; /* Full width of the container */
	height: 40vh; /* Height is 20% of the total screen height */
	overflow: hidden;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	border: none; /* Remove border */
}

/* Main Container */
.weather-forecast {
	margin: 20px auto;
    text-align: center;
    font-family: Arial, sans-serif;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
   
}


/* Forecast Content */
.forecast-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin: 0;
    margin-left: 50px;
}

/* Forecast Card */
.forecast-card {
    
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 10px;
    width: 94%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: black;
    font-size: 14px;
	
}
/* Extra small devices (phones, 320px - 480px) */
@media only screen and (max-width: 480px) {
	.weather-forecast {	
		margin-bottom: 100px;
	}
	.weather-forecast-about,.weather-forecast-our_room,.weather-forecast-our_hall {	
		margin-bottom: 50px;
		margin-top: 10px;

	}
	.tagline{
		margin-top: 10px;
	}
}

/* Small devices (tablets, 481px - 768px) */
@media only screen and (min-width: 768px) {
	.weather-forecast {
		margin-top: 100px;

	}
	.weather-forecast-contact {
		margin-top: 0px;

	}
	.weather-forecast-about,.weather-forecast-our_room,.weather-forecast-our_hall {	
		margin-bottom: 50px;
		margin-top: 10px;

	}
	
}

@media only screen and (max-width: 768px) {
	.tagline{
		margin-top: 10px;
	}
	.hidden-forecast-days{
		display: none;
	}
}


.forecast-card-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.forecast-weather-card {
	
		display: flex;
		flex-direction: column;
		align-items: center;
		
		margin-left: auto;
		margin-right: auto;
		
	
}
.weather-condition-text {
	margin-top: -15px;
	font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
}
.condition-text {
	margin-top: 10px!important;
	font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.forecast-card strong {
    font-size: 20px;
    color: #333;
}

.forecast-card .weather-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.forecast-card .date {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: left;
    /* margin-right: 10px; */
}

.forecast-card .day {
    font-size: 14px;
    color: #666;
    margin-top: -5px;
}

.forecast-card .temp {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 10px;
    text-align: center;
}

.forecast-card .condition {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: right;
}

/* Alignments */
.forecast-card p {
    margin: 0;
	margin-top: auto;
	margin-left: auto;
}

/* Overall Styling */
body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}




#message-booking,
.inner-message-booking {
	font-weight: bold;
	/* Bold text for visibility */
	padding: 10px;
	/* Padding around the message */
	margin: 20px 0;
	/* Margin above and below */
	border-radius: 5px;
	/* Rounded corners */
	text-align: center;
	/* Center-align text */
	display: none;
	/* Initially hidden */
	transition: opacity 0.5s ease-in-out;
	/* Smooth fade-out */
}

/* Ensure the Logo and Content Align */
#logo {
	position: relative;
	z-index: 20;
	/* Keep logo above the wave */
	text-align: center;
	/* margin-top: -40px; */
	/* Adjust to align logo within the wave */
}

#logo img {
	max-height: 100px;
	/* Resize logo if necessary */
	background: rgba(255, 255, 255, 0.8);
	/* Add a subtle white background for visibility */
	border-radius: 15%;
	/* Optional for a circular logo design */
	padding: 10px;
	/* Add padding for logo clarity */
}

#main .container {
	padding-top: 50px;
	/* Adjust padding to prevent overlap with the wave */
}

.material-icons {
	font-size: 24px !important;
	/* Adjust icon size */
	/* Space between icon and text */
}
.fas {
	font-size: 20px;
	/* Adjust icon size */
	/* Space between icon and text */
}

.rooms_info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rooms_info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rooms_info ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px; /* Adjust spacing between list items */
}

.rooms_info ul li i,
.rooms_info ul li img {
	font-size: 17px;
	display: flex;
	align-items: center;
}

.rooms_info ul li span {
	margin-left: 10px; /* Space between icon and text */
}

.button-container {
	display: flex;
	/* Flexbox layout for horizontal alignment */
	gap: 10px;
	/* Space between buttons */
	justify-content: center;
	/* Center buttons horizontally */
	align-items: center;
	/* Align buttons vertically */
	margin-top: 20px;
	/* Add space above the buttons */
	flex-wrap: wrap;
	/* Allow wrapping on smaller screens */
}

.btn-check {
	padding: 10px 20px;
	/* Adjust padding for button size */
	border: none;
	/* Remove default border */
	border-radius: 5px;
	/* Add rounded corners */
	background-color: #007bff;
	/* Button background color */
	color: white;
	/* Text color */
	font-size: 16px;
	/* Adjust font size */
	text-align: center;
	/* Center the text */
	cursor: pointer;
	/* Pointer cursor on hover */
	flex: 1;
	/* Buttons take equal width within the container */
	max-width: 200px;
	/* Limit the button's maximum width */
	transition: background-color 0.3s ease;
	/* Smooth hover effect */
}

.btn-check:disabled {
	background-color: #ccc;
	/* Grey background for disabled button */
	cursor: not-allowed;
	/* Show not-allowed cursor for disabled button */
}

.btn-check:hover:not(:disabled) {
	background-color: #0056b3;
	/* Darker shade on hover */
}

/* Responsive behavior for smaller screens */
@media (min-width: 768px) {
	.button-container {
		margin-top: 85px;
		/* Add space above the buttons */
	}
	
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
	.button-container {
		flex-direction: column;
		/* Stack buttons vertically */
	}

	.btn-check {
		width: 100%;
		/* Full width for stacked buttons */
		max-width: 100%;
		/* Remove maximum width constraint */
		margin-bottom: 10px;
		/* Add space between stacked buttons */
	}
	.btn-apply,#modal-coupon-open {
		margin-top: -25px;
	}
}

/* Modal Styles */
.custom-modal {
	margin-bottom: 120px;
}
@media screen and (min-width: 950px) {
	.custom-modal {
	  max-width: 70%;
	  margin-left: 15%;
	}
  }
@media screen and (min-width: 1160px) {
	.custom-modal {
	  max-width: 60%;
	  margin-left: 20%;
	}
  }
@media screen and (min-width: 1500px) {
	.custom-modal {
	  max-width: 50%;
	  margin-left: 25%;
	}
  }
.custom-modal-container {
	padding: 20px;
}

.custom-modal-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* Left and Right Sections */
.custom-left-section,
.custom-right-section {
	flex: 1;
	min-width: 300px;
}

/* Booking and Price Summary */
.custom-booking-summary,
.custom-price-summary,
.coupon-container {
	padding: 15px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.custom-booking-summary h6,
.custom-price-summary h6,
.coupon-container h6 {
	font-weight: bold;
	margin-bottom: 10px;
}

/* Form Styling */
.custom-form-group {
	margin-bottom: 15px;
}

.custom-form-control {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
}

.custom-phone-input {
	display: flex;
	gap: 10px;
}

.custom-phone-select {
	max-width: 100px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.custom-phone-number {
	flex-grow: 1;
}

/* Button */
.custom-btn-submit,
#card-field-submit-button {
	display: block;
	width: 100%;
	padding: 10px;
	background: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}

.custom-btn-submit:hover,
#card-field-submit-button:hover {
	background: #0056b3;
}

/* otp Button */
.custom-btn-otp {
	display: block;
	width: 100%;
	padding: 10px;
	background: rgb(0, 255, 128);
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}

.custom-btn-otp:hover {
	background: rgb(0, 179, 92);
}

.custom-btn-otp:disabled {
	background-color: #ccc;
	/* Grey background for disabled button */
	cursor: not-allowed;
	/* Show not-allowed cursor for disabled button */
}

.custom-btn-otp:hover:not(:disabled) {
	background-color: rgb(0, 179, 92);
	/* Darker shade on hover */
}

/* Alert */
.custom-alert-box {
	background: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
}

small.custom-form-text {
	font-size: 12px;
	color: #666;
}

/* Centered Text */
.custom-text-center {
	text-align: center;
}

.container-flex {
	display: flex;
	flex-direction: column; /* Stack items vertically */
	align-items: center; /* Center-align items horizontally */
	gap: 20px; /* Add space between the items */
}

.cards-container {
	display: flex;
	justify-content: center; /* Center the card logos */
	gap: 15px; /* Space between the card logos */
	margin-top: 5px;
}

.card {
	width: 60px; /* Adjust card size */
	height: 30px; /* Maintain aspect ratio */
}

.powered-by-paypal {
	text-align: center; /* Center-align the text and logo */
}

.powered-by-paypal img {
	width: 100px; /* Adjust the size of the PayPal logo */
	height: 50px; /* Maintain aspect ratio */
}

#modal-payment,#modal-coupon {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 10px;
	width: 90%;
	max-width: 500px;
	min-height: 600px;
	overflow-y: auto; /* Enables vertical scrolling if content exceeds max-height */
	overflow-x: hidden; /* Prevents horizontal scrolling */
}

.error-message {
	background-color: red;
	color: white;
	font-size: 16px;
	margin: 10px;
}

.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	display: none; /* Hidden by default */
	z-index: 1050; /* Ensure it is above all other elements */
}
.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.spinner-border {
	width: 3rem;
	height: 3rem;
	border: 5px solid #ccc;
	border-top: 5px solid #007bff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.text-14 {
	font-size: 14px !important;
}

.new-menu li a i {
	font-size: 22px;
}

.new-menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	padding: 10px 0;
	color: #666;
}

.text-orange {
	color: #ef7d25;
}
.text-black {
	color: #000000;
}

.text-green {
	color: #c4d559;
}

.text-cyan {
	color: #8fcfd3;
}
.bg-orange {
	background-color: #ef7d25;
}

.bg-green {
	background-color: #c4d559;
}

.bg-cyan {
	background-color: #8fced3;
}
.bg-orange:not(:disabled):hover {
	background-color: #97501a !important;
  }
  
  .bg-green:not(:disabled):hover {
	background-color: #8b9c1b !important;
  }
  
  .bg-cyan:not(:disabled):hover {
	background-color: #269197 !important;
  }

.info-booking{
    margin: 0 0 10px;
    font-size: x-small;
    line-height: normal;
    margin-bottom: 10px;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  }
  .name_head{
	font-family: 'Chiq Reduced';
    font-weight: bold;
    font-style: normal;
  }

  .w-90{
	width: 90%;
  }
  .w-80{
	width: 80%;
  }
  .ml-auto{
	margin-left: auto;
  }
  .mt-4 {
    margin-top: 20px;
}
  .mt-min-1 {
    margin-top: -10px;
}
  .mx-auto{
	margin-left: auto;
	margin-right: auto;
  }
  .mx-2{
	margin-left: 10px;
	margin-right: 10px;
  }

/* coupon css */

.coupon-container {
	max-width: 450px;
	margin: 0 auto;
	/* background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
	/* padding: 5px; */
	
}

.applyCoupon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; /* Adds spacing between input & button */
    flex-wrap: wrap; /* Ensures responsiveness */
}
.applyMessage
{
	display: flex;
    justify-content: center;
    align-items: center;
}
#applyCode {
    max-width: 200px; /* Adjust width */
    border-radius: 5px;
}

.coupon-card {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.coupon-banner {
	background-color: #007bff;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	border-radius: 5px 0px 0px 5px;
}

.coupon-card.red .coupon-banner {
	background-color: #dc3545;
}

.coupon-card.green .coupon-banner {
	background-color: #28a745;
}

.coupon-content {
	flex-grow: 1;
	padding: 15px;
}

.coupon-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.coupon-header h5 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.btn-apply {
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
}


.btn-apply:hover {
	background-color: #0056b3;
}

.coupon-description {
	margin-top: 10px;
	font-size: 14px;
	color: #666;
}

.more-link {
	font-size: 12px;
	color: #007bff;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
}

/* Fixed Header */
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ef7d25; /* Bright color for attention */
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

/* Marquee Styling */
marquee {
    font-size: 20px;
    white-space: nowrap;
    left: 0;
	z-index: 1001;
}
#Marqueestrong {
    font-weight: bold;
}

.home-room-sec {
    background: #fff;
    padding: 60px 0;
}
.home-room-sec span {
    margin: 0 0 15px;
    font-size: 36px;
    font-weight: 900;
    color: #000;
    text-transform: capitalize;    display: inline-block;    width: 100%;text-align: center;min-height: 30px;
}
.home-room-sec span strong{font-weight: 900;color: #eb7e28;}
.home-room-sec p {
    margin: 0 0 15px;
    text-align: center;
    color: #575757; 
}
.home-room-sec h2{color:#575757;font-size:18px;font-weight:700;margin:0 0 15px;text-shadow: none;}
.container{width: 1430px;}
.home-room-sec .owl-item {
  padding: 15px;
}
.home-room-sec .item figure img {
  width: 100%;border-radius: 15px;
}
.home-room-sec .item {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
  padding: 10px;
  border-radius: 15px;
}
.home-room-item-des{padding: 20px;}
.home-room-item-des h4 {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 10px;
}
.home-room-item-des h5 {
  font-weight: 600;
  color: #767676;
  font-size: 13px;
  margin: 0 0 10px;
}
.home-room-item-des h5 strong {
  font-weight: 700;
  color: #eb7e28;
  font-size: 30px;
}
.room-features-box {
  background: #f9f9f9;
  border-radius: 6px;padding: 6px;
}
.room-features-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.room-features-box ul li {
  display: inline-block;
  margin-right: 6px;
}
.room-features-box ul li span {
  color: #767676;
  font-weight: 600;
  margin:0 0 0 5px;font-size: 14px;width: auto;min-height: 0;
}
.room-features-box ul li i {
  font-size: 18px;color: #eb7e28;
}
.room-features-box ul li .icon-wifi{font-size: 14px;}
.room-features-box ul li .fas.fa-tv{font-size: 14px;}
.room-features-box ul li a{color: #eb7e28;font-weight: 600;}
.room-features-box ul li a:hover{text-decoration: none;}
.home-room-sec .owl-buttons{position: relative;}
.home-room-sec .owl-buttons::before{position: absolute;left: 0;top: 23px;content: "";width: 100%;height: 1px;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(235,126,40,1) 50%,rgba(255,255,255,1) 100%);}
.home-room-sec .owl-buttons .owl-prev{width: 35px;height: 35px;border-radius: 35px;background: #fff !important;border: solid #eb7e28 2px;opacity: 1 !important;text-indent: -40px;overflow: hidden;position: relative;}
.home-room-sec .owl-buttons .owl-prev::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '\e89a';font-family: "fontello";text-indent: 0;color: #eb7e28;font-weight: 700;font-size: 23px;padding-top: 6px;}
.home-room-sec .owl-buttons .owl-next{width: 35px;height: 35px;border-radius: 35px;background: #fff !important;border: solid #eb7e28 2px;opacity: 1 !important;text-indent: -40px;overflow: hidden;position: relative;}
.home-room-sec .owl-buttons .owl-next::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '\e89b';font-family: "fontello";text-indent: 0;color: #eb7e28;font-weight: 700;font-size: 23px;padding-top: 6px;}
.book-now-btn {
  background: #eb7e28 url("../images/btn-right-arrow.png") no-repeat;background-position: 86% center;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px 7px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;
}
.book-now-btn:hover{background: #fff url("../images/btn-right-arrow-color.png") no-repeat;background-position: 86% center;color: #eb7e28;text-decoration: none;}
.btn-middle{
  background: #eb7e28 url("../images/btn-right-arrow.png") no-repeat;background-position: 86% center;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px 7px 22px;
  display: table;
  margin: 10px auto 0;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;
}
.btn-middle:hover{background: #fff url("../images/btn-right-arrow-color.png") no-repeat;background-position: 86% center;color: #eb7e28;text-decoration: none;}
.food-evt-conf{padding: 60px 0;background: #f9f9f9;}
.food-evt-conf h3 {
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 900;
    color: #000;
    text-transform: capitalize;
}
.food-evt-conf h3 strong{font-weight: 900;color: #eb7e28;}
.food-evt-conf .owl-item {
  padding: 10px;
}
.food-evt-conf .item {position: relative;}
.food-evt-conf .item img {
  width: 100%;border-radius: 10px;
}
.food-evt-conf-item-des{position: absolute;left: 0;right: 0;bottom: 20px;margin: 0 auto;width: 95%;padding: 20px;border-radius: 10px;text-align: center;background: #fff;}
.food-evt-conf-item-des h4{font-size: 18px;text-transform: uppercase;color: #2f2616;margin: 0 0 10px;font-weight: 700;}
.food-evt-conf-item-des a{
  background: #eb7e28 url("../images/btn-right-arrow.png") no-repeat;background-position: 86% center;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px 7px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;
}
.food-evt-conf-item-des a:hover{background: #fff url("../images/btn-right-arrow-color.png") no-repeat;background-position: 86% center;color: #eb7e28;text-decoration: none;}
.food_evt_conf_owl{margin-bottom: 25px;}
.food_evt_conf_logo_owl{background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.20);padding: 5px;border-radius: 10px;}
.food_evt_conf_logo_owl .owl-item {
  padding: 5px 5px;
} 
.food-evt-conf p {
    text-align: center;
    margin: 0 0 15px;
    font-size: 14px;
    color: #000;
}
.home-about{padding: 60px 0 120px;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);position: relative;}
.home-about::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 512px;background-size: cover;content: "";
  background-repeat: repeat-x;
  -webkit-animation: cityMoving 3000s linear 0s infinite;
          animation: cityMoving 3000s linear 0s infinite;background-image: url("../images/building-bg.png");}

@-webkit-keyframes cityMoving {
  0% {
    background-position: 10000% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes cityMoving {
  0% {
    background-position: 10000% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}


.home-about-left{float: right;}
.home-about h4{font-size: 18px;text-transform: uppercase;color: #eb7e28;margin: 90px 0 15px;font-weight: 700;text-align: left;}
.home-about span{font-size: 36px;color: #000;margin: 0 0 20px;font-weight: 700;width:100%;display:inline-block;line-height:36px;}
.home-about p{text-align: justify;line-height: 28px;margin: 0 0 15px;color: #000;}
.home-about ul{margin: 0;padding: 0;list-style: none;}
.home-about ul li{position: relative;padding-left: 20px;margin-bottom: 10px;}
.home-about ul li::before{width:20px;height:20px;position: absolute;left: 0;top: 0;content: '\eb7f';font-family: "fontello";color: #eb7e28;font-size: 20px;}
.home-about a{
  background: #eb7e28 url("../images/btn-right-arrow.png") no-repeat;background-position: 86% center;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px 7px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;
}
.home-about a:hover{background: #fff url("../images/btn-right-arrow-color.png") no-repeat;background-position: 86% center;color: #eb7e28;text-decoration: none;}
.home-about img{width: 100%;}
.home-facilities{position: relative;padding: 0 70px;margin-top: -60px;}
.home-facilities .container{width: 100%;background: #fff;border-radius: 30px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);overflow: hidden;}
.home-about-facilities{background: #fff;padding-bottom: 60px;}
.home-facilities-right{padding-right: 0;}
.home-facilities-right img{width: 100%;object-fit: cover;height: 650px;object-position: right;}
.home-facilities-left{padding: 60px;}
.home-facilities-left h3{color: #eb7e28;font-size: 36px;font-weight: 700;text-align: left;margin: 0 0 15px;text-transform: capitalize;}
.home-facilities-left h4{font-weight: 700;color: #1c1c1c;text-transform: uppercase;font-size: 18px;margin:0 0 25px; }
.home-facilities-left p{font-weight: 600;color: #888888;margin: 0 0 15px;}
.home-facilities-left ul{margin: 15px 0 25px;padding: 0;list-style: none;display: inline-block;width: 100%;}
.home-facilities-left ul li{width: 49%;padding: 15px 10px;position: relative;float: left;text-transform: uppercase;color: #525252;font-weight: 700;border-bottom: solid #f5be93 1px;}
.home-facilities-left ul li:nth-child(2n){float: right;}
.home-facilities-left a{
  background: #eb7e28;
  color: #fff;
  text-decoration: none;
  padding: 10px 50px 9px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;position: relative;
}
.home-facilities-left a:hover{background: #fff;color: #eb7e28;text-decoration: none;}
.home-facilities-left a i{position: absolute;right: 3px;top: 2px;width: 35px;height: 35px;background: #fff;border-radius: 35px;color: #eb7e28;text-align: center;font-size: 22px;padding-top: 6px;}
.home-facilities-left a:hover i{background: #eb7e28;color: #fff;}
.home-gallery{padding-bottom: 60px;background: #fff;}
.home-gallery h3 {
    margin: 0 0 15px;
    font-size: 36px;
    font-weight: 900;
    color: #000;
    text-transform: capitalize;
}
.home-gallery h3 strong{font-weight: 900;color: #eb7e28;}
.home-gallery h6{font-weight: 700;text-align: center;color: #555454;font-size: 18px;margin: 0 0 15px;}
.home-gallery-left ul{margin: 0;padding: 0;list-style: none;}
.home-gallery-left ul li{width: 48%;float: left;margin: 15px 0;overflow: hidden;border-radius: 10px;background: #eb7e28;}
.home-gallery-left ul li:nth-child(2n){float: right;}
.home-gallery-left ul li a{cursor: pointer;position: relative;display: inline-block;width: 100%;}
.home-gallery-left ul li a::before{width: 35px;height: 35px;content: "+";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #fff;color: #eb7e28;border-radius: 35px;font-size: 30px;text-align: center;padding-top: 5px;opacity: 0;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;z-index: 9;}
.home-gallery-left ul li a:hover::before{opacity: 1;}
.home-gallery-left ul li a::after{width: 93%;height: 93%;content: "";position: absolute;left: 0;bottom: 0;right: 0;top: 0;margin: auto;border: solid #fff 2px;border-radius: 10px;opacity: 0;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.home-gallery-left ul li a:hover::after{opacity: 1;}
.home-gallery-left ul li a img{width: 100%;height: 265px;object-fit: cover;}
.home-gallery-left ul li a:hover img{opacity: .2;}
.home-gallery-right{position: relative;overflow: hidden;border-radius: 10px;margin: 15px 0;background: #eb7e28;}
.home-gallery-right img{width: 100%;height: 560px;object-fit: cover;}
.home-gallery-right a:hover img{opacity: .2;}
.home-gallery-right a{cursor: pointer;position: relative;display: inline-block;width: 100%;}
.home-gallery-right a::before{width: 35px;height: 35px;content: "+";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #fff;color: #eb7e28;border-radius: 35px;font-size: 30px;text-align: center;padding-top: 5px;opacity: 0;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;z-index: 9;}
.home-gallery-right a:hover::before{opacity: 1;}
.home-gallery-right a::after{width: 93%;height: 93%;content: "";position: absolute;left: 0;bottom: 0;right: 0;top: 0;margin: auto;border: solid #fff 2px;border-radius: 10px;opacity: 0;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.home-gallery-right a:hover::after{opacity: 1;}
.home-contact{background: #f9f9f9 url("../images/map.png") no-repeat;background-position: center;background-size: contain; padding: 60px 0;}
.home-contact h3 {
    margin: 0 0 15px;
    font-size: 36px;
    font-weight: 900;
    color: #000;
    text-transform: capitalize;text-align: left;
}
.home-contact h3 strong{font-weight: 900;color: #eb7e28;}
.home-contact h7{font-weight: 600;font-size: 14px;color: #585858;margin: 0 0 0;}
.home-contact span{color: #585858;font-size: 14px;display:inline-block;margin:15px 0 15px;}
.home-contact p{position: relative;padding-left: 25px;margin: 0 0 15px;color: #585858;font-size: 14px;}
.home-contact p strong{color: #000;}
.home-contact p i{position: absolute;left: 0;top: 0;color: #eb7e28;}
.home-contact input{margin: 0 0 10px;width: 100%;padding: 15px;background: #fff;border: solid #f3f3f3 2px;color: #000;outline: none;border-radius: 7px;}
.home-contact textarea{margin: 0 0 10px;width: 100%;padding: 15px;background: #fff;border: solid #f3f3f3 2px;color: #000;outline: none;border-radius: 7px;resize: none;height: 110px;}
.home-contact button{
  background: #eb7e28 url("../images/btn-right-arrow.png") no-repeat;background-position: 86% center;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px 7px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;
}
.home-contact button:hover{background: #fff url("../images/btn-right-arrow-color.png") no-repeat;background-position: 86% center;color: #eb7e28;text-decoration: none;}
.footer{background: url("../images/footer-bg.jpg") no-repeat;background-attachment: fixed;background-size: cover;background-position: center bottom;padding-top: 60px;text-align: center;}
.footer ul{margin: 20px 0;padding: 0;list-style: none;}
.footer ul li{display: inline-block;margin:0 5px;}
.footer ul li a{color: #fff;text-transform: uppercase;font-weight: 700;}
.footer ul li a:hover{color: #eb7e28;text-decoration: none;}
.copyright{display: inline-block;padding: 15px 0;color: #fff;margin-top: 20px;border-top: solid #9c714e 1px;width: 100%;}
.nav-open{position: absolute;right: 15px;top: 38px;z-index: 999;}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;  
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); }
.overlay:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url("../images/building-bg.png") no-repeat;background-position: center bottom;background-size: 250%;}
.overlay-content {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;left: 0;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%); 
}

.overlay-content ul{margin: 0;list-style: none;width: 360px;display: inline-block;padding: 15px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
.overlay-content ul li{position: relative;}
.overlay-content ul li.dropdown.show a{color: #fff !important;} 
.overlay-content ul li:before{position: absolute;left: 0;top: 0;content: "";width:0;height: 100%;
background: #eb7e28;   
 -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.overlay-content ul li:hover:before{width: 100%;}
.overlay-content ul li a{color: #000;text-transform: uppercase;display: inline-block;width: 100%;padding:10px 5px;border-bottom: solid rgba(0,0,0,0.10) 1px;font-weight: 500;position: relative;}
.overlay-content ul li a:hover{color: #fff !important;text-decoration: none;}
.overlay-content ul li:last-child a{border-bottom: none;}
.closebtn {
    position: absolute;
    top: 50px;
    right: 15px;
    font-size: 30px !important;
    width: 45px;
    text-align: center;
    height: 45px;
    background: #eb7e28;
    border-radius: 45px;
    padding: 10px 0 0 0 !important;color: #fff;
}
.closebtn:hover{text-decoration: none;color: #fff;}
.inner-banner{position: relative;width: 100%;}
.inner-banner img{object-fit: cover;width: 100%;height: 400px;}
.header-row{position: absolute;left: 0;top: 0;width: 100%;}
.inner-banner h1{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding: 15px;color: #eb7e28;font-weight: 700;font-size: 36px;text-transform: capitalize;}
.wrapper{width: 100%;padding: 60px 0;background: #fff;}
.rooms-row-left img{width: 100%;border-top-left-radius: 60px;border-bottom-right-radius: 60px;cursor: pointer;}
.rooms-row-right h3 {
  font-size: 28px;
  text-align: left;
  margin: 15px 0 15px 0;
  color: #000;
}
.rooms-row-right h3 strong{color: #eb7e28;}
.rooms-row-right p{color:#2E2E2E;margin: 0 0 15px;}
.rooms-row-right ul{margin: 0 0 0;padding: 0;list-style: none;width: 100%;display: inline-block;}
.rooms-row-right ul li{width: 49%;float: left;padding-bottom: 10px;border-bottom: solid #EAEAEA 1px;min-height: 35px;margin-bottom: 10px;}
.rooms-row-right ul li:nth-child(2n){float: right;}
.rooms-row-right ul li i{color: #eb7e28;font-size: 16px;} 
.rooms-row-right a{
  background: #eb7e28;
  color: #fff;
  text-decoration: none;
  padding: 10px 50px 9px 22px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  border: solid #eb7e28 2px;position: relative;
}
.rooms-row-right a:hover{background: #fff;color: #eb7e28;text-decoration: none;}
.rooms-row-right a i{position: absolute;right: 3px;top: 2px;width: 35px;height: 35px;background: #fff;border-radius: 35px;color: #eb7e28;text-align: center;font-size: 22px;padding-top: 6px;}
.rooms-row-right a:hover i{background: #eb7e28;color: #fff;} 
.show{opacity: 1;background: rgba(0,0,0,0.70);}
.room-modal .modal-dialog{margin-top: 15px;transform: none !important;}
.room-modal .modal-header{background: #eb7e28;position: relative;}
.room-modal .modal-header .close{opacity: 1;position: absolute;width: 35px;height: 35px;border-radius: 35px;background: #fff;color: #eb7e28;right: 10px;top: 10px;}
.room-modal .modal-title{padding-right: 40px;color: #fff;}
.room-modal .modal-body{display: inline-block;width: 100%;}
.room-modal .modal-body p{color:#2E2E2E;margin: 0 0 15px;}
.room-modal .modal-body ul{margin: 0 0 0px;padding: 0;list-style: none;display: inline-block;width: 100%;}
.room-modal .modal-body ul li{width: 49%;float: left;padding-bottom: 10px;border-bottom: solid #EAEAEA 1px;min-height: 35px;margin-bottom: 10px;}
.room-modal .modal-body ul li:nth-child(2n){float: right;}
.room-modal .modal-body ul li i{color: #eb7e28;font-size: 16px;}
.wrapper hr{height: 2px;border-bottom: solid rgba(0,0,0,0.10) 1px;}
.rooms-row-img-right{float: right;}
.rooms-page h4 {
  margin: 25px 0;
  font-size: 35px;
  font-weight: 700;
  color: #000;
  position: relative;
  padding-bottom: 15px;border-bottom: solid #eb7e28 1px;
}
.rooms-page h4::before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 3px;background: #eb7e28;}
.gallery-thumb{margin: 15px 0;width: 100%;display: inline-block;box-shadow: 0px 0px 10px rgba(0,0,0,0.20);border: solid #fff 1px;}
.gallery-thumb img{width: 100%;cursor: pointer;object-fit: cover;height: 200px;}
.gallery-page h2 {
  font-size: 30px;
  color: #eb7e28;
  text-shadow: none;
  font-weight: 700;
  margin: 0 0 15px;
  text-align: left;
  padding-bottom: 10px;position: relative;border-bottom: solid #eb7e28 1px;
}
.gallery-page h2::before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 3px;background: #eb7e28;}
.gallery-page h3 {
  font-size: 30px;
  color: #eb7e28;
  text-shadow: none;
  font-weight: 700;
  margin: 0 0 15px;
  text-align: left;
  padding-bottom: 10px;position: relative;border-bottom: solid #eb7e28 1px;
}
.gallery-page h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 3px;background: #eb7e28;}

.about-page h2{
  font-size: 30px;
  color: #eb7e28;
  text-shadow: none;
  font-weight: 700;
  margin: 0 0 15px;
  text-align: left;
  padding-bottom: 10px;position: relative;border-bottom: solid #eb7e28 1px;
}
.about-page h2::before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 3px;background: #eb7e28;}
.about-box {
  text-align: center;
  padding: 15px;
  margin: 15px 0;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  border-radius: 15px;min-height: 340px;
}
.about-box img {
  max-width: 100%;
  border-radius: 10px;
  margin: 0 0 15px;
}
.about-box h3 {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.about-box p {
  color: #595959;
  font-size: 14px;
  margin: 0 0 15px;
}
.about-box .social-icons li a {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: #484848;
  border-radius: 35px;
  color: #fff;
  border: solid #484848 2px;
}
.about-box .social-icons li a:hover{background: #fff;color: #484848;}
.about-box .social-icons li a i {
  margin: 6px 0 0 0;
}
.contact-page .home-contact{background-color: #fff;padding: 0 0 30px;}
.distance-box {
  border-radius: 15px;
  background: #f9f9f9;
  text-align: center;
  border: solid #f2f2f2 2px;
  padding: 15px;
  margin: 15px 0;min-height: 190px;
}
.distance-box i {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #eb7e28;
  color: #fff;
  font-size: 30px;
  padding-top: 16px;
}
.distance-box h3 {
  margin: 15px 0 15px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.distance-box p{
  color: #595959;
  font-size: 14px;
  margin: 0 0 15px;
}
.contact-page iframe{margin-top: 25px;}
.whatsapp{position: fixed;left:15px;bottom: 25px;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;z-index:99;}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(74, 174, 32, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(74, 174, 32, 0.4),
      0 0 0 8px rgba(74, 174, 32, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(74, 174, 32, 0.4),
      0 0 0 16px rgba(74, 174, 32, 0.2);
  }
}
.about-page p {font-size: 14px;}
.rooms-page p {font-size: 14px;}

.room-row {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}
.room-row-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    border: solid #e1e1e1 1px;
}
.room-row-title span {
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
.room-row-title a.showSingle {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    background: #eb7e27;
    color: #fff;
    cursor: pointer;
}
.room-row .targetDiv .item img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}
.targetDiv {
    display: none;
    width: 100%;
}
.room-row h2 {
    text-align: left;
    text-shadow: none;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin: 15px 0 10px;
}
.room-row h3 {
    text-align: left;
    text-shadow: none;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 15px;
}
.room-row p {
    margin: 0 0 15px;
    font-size: 14px;
    color: #626262;
}
.room-row p strong {
    color: #3c3c3c;
}
.room-row ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.room-row ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 6px;
    color: #464646;
}
.room-row ul li:before {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 6px;
    height: 6px;
    background: #eb7e27;
    box-shadow: 2px 2px 0px #b35d18;
}
.terms-page h2 {
  color: #ed7d27;
  text-shadow: none;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 15px;
}
.terms-page h3 {
  color: #ed7d27;
  text-shadow: none;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 15px;
}
.terms-page p {
  color: #000;
  margin: 0 0 15px;
}
.terms-page ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.terms-page ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 6px;
    color: #464646;
}
.terms-page ul li:before {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 6px;
    height: 6px;
    background: #eb7e27;
    box-shadow: 2px 2px 0px #b35d18;
}
.menu-fixed {
  position: fixed;
  z-index: 999;
  background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.blog-detail-page .card{width:100%;height:auto;margin-bottom: 10px;}
.blog-detail-page #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.blog-detail-page #faq .card .card-header .btn-header-link { 
  display: block;
  text-align: left;
  background: #C3D55B;
  color: #fff;
  padding: 20px;
  font-weight: 700;
}
.blog-detail-page .card-body {
  padding: 15px;
  background: #f7f7f7;
  border-bottom: solid #e1e1e1 1px;
}
.blog-detail-page #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
}

.blog-detail-page #faq .card .card-header .btn-header-link.collapsed {
  background: #FAFFE0;
  color: #4d551e;
}

.blog-detail-page #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

.blog-detail-page #faq .card .collapsing {
  background: #f6f6fb;
  line-height: 30px;
}

.blog-detail-page #faq .card .collapse {
  border: 0;
}

.blog-detail-page #faq .card .collapse.show {
  background: #f6f6fb;
  line-height: 30px;
  color: #000;
}  
.blog-detail-page h2 {
  text-align: left;
  text-shadow: none;
  color: #84ccd0;
  font-size: 30px;
  font-weight: 700;
}
.blog-detail-page p {
  margin: 0 0 15px;
  color: #000;
  line-height: 26px;
}
.blog-detail-page h3 {
  margin: 0 0 15px;
  text-transform: capitalize;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  color: #ed7d27;
}
.blog-detail-page h4 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 15px;
}
.blog-detail-page ul {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
.blog-detail-page ul li {
  color: #000;
  position: relative;
  padding-left: 15px;
  margin-bottom: 6px;
}
.blog-detail-page ul li::before {
  content: "";
  left: 0;
  top: 7px;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #ed7d27;
}
.blog-box {
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
  margin: 15px 0;padding-bottom: 10px;
}
.blog-box img {
  width: 100%;
  margin: 0 0 10px;
}
.blog-box h3 {
  margin: 0;
  text-align: left;
  padding: 0 15px;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 25px;
}

@media screen and (max-width:1440px){ 
	.container{width: 100%;}
	.home-facilities{padding: 0 15px;}
}

@media screen and (max-width:1300px){ 
	.home-facilities-left{padding: 30px;}
}

@media screen and (max-width:1199px){ 
    .home-room-sec{padding: 30px 0;}
    .home-room-sec span{font-size: 28px;}
	.food-evt-conf{padding: 30px 0;}
	.food-evt-conf h3{font-size: 28px;}
	.home-about{padding: 30px 0 90px;}
	.home-about h4{margin-top: 0;}
	.home-about span{font-size: 28px;}
	.home-facilities-left ul li{font-size: 12px;}
	.home-facilities-left ul{margin: 0 0 15px;}
	.home-facilities-left h4{margin: 0 0 15px;}
	.home-about-facilities{padding-bottom: 30px;}	
	.home-gallery h3{font-size: 28px;}
	.home-gallery{padding-bottom: 30px;}
	.home-contact{padding: 30px 0;}
	.home-contact h3{font-size: 28px;}
	.footer{padding-top: 30px;}
	.wrapper{padding: 30px 0;}
	.inner-banner h1{font-size: 20px;}
	.rooms-row-right h3{margin: 0 0 15px;}
	.rooms-row-left img{margin-bottom: 15px;}
	.rooms-row-img-right{float: none;}
	.rooms-page h4{font-size: 28px;}
	.about-box{min-height: 375px;}
	.about-page h2{font-size: 28px;}
	.whatsapp{left: 10px;bottom: 10px;width: 40px;height: 40px;}
	.whatsapp img{max-width: 100%;}
}

@media screen and (max-width:991px){ 
	.home-about img{margin-top: 25px;}
	.home-facilities-right{padding-left: 0;}
	.home-gallery-right-outer{float: left;width: 100%;}
	.home-gallery-left{float: left;width: 100%;}
}

@media screen and (max-width:767px){ 
	.home-room-sec .owl-item{padding: 6px;}
	.home-room-item-des h5 strong{font-size: 20px;}
	.home-room-item-des h5 {font-size: 12px;}
	.home-room-sec .item{box-shadow: 0px 0px 7px rgba(0,0,0,0.10);}
	.home-room-item-des{padding: 10px 0;}
	.home-room-sec p{letter-spacing: 2px;}
	.home-about span{font-size: 22px;line-height: 25px;margin:0 0 15px;}
	.home-about p{font-size: 14px;}
	.home-about ul li{font-size: 14px;}
	.home-facilities-left{padding: 15px;}
	.home-facilities .container{border-radius: 15px;}
	.home-facilities-left h3{font-size: 28px;}
	.home-gallery-left ul li{margin: 5px 0;}
	.home-gallery-left ul li a img{height: 135px;}
	.home-gallery-right img{height: auto;}
	.overlay:before{background-size: 350%;}
	.inner-banner img{height: 300px;}
	.rooms-row-left img {border-top-left-radius: 30px;border-bottom-right-radius: 30px; }
	.rooms-row-right h3{font-size: 20px;}
	.gallery-page h2{font-size: 28px;}
	.gallery-page h3{font-size: 28px;}
	.about-box{min-height: 0;}
	.distance-box{min-height: 0;}
	.room-features-box ul li span{margin:0 0 0 2px;}
	.home-about-left{float:none;}
	
}

@media screen and (max-width:640px){ 
	.home-facilities-left ul li{width: 100%;}
	.home-facilities-right img{height: auto;}
	.footer ul li{width: 100%;margin: 5px 0;}
	.room-modal .modal-body ul li{width: 100%;}
	.rooms-row-right ul li{width: 100%;}
}

@media screen and (max-width:480px){ 
	.nav-open{top: 25px;}
	.overlay-content ul{width: 90%;}
	.closebtn{top: 35px;}
}