/******************************************************************
  Template Name: Sona
  Description: Sona Hotel Html Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  About Section
6.  Services Section
7.  Testimonial Section
8.  Blog Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html, body {
	height: 100%;
	font-family: "Cabin", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Lora", serif;
}
h1 {
	font-size: 70px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
p {
	font-size: 16px;
	font-family: "Cabin", sans-serif;
	color: #6b6b6b;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}
img {
	max-width: 100%;
}
input:focus, select:focus, button:focus, textarea:focus {
	outline: none;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}
ul, ol {
	padding: 0;
	margin: 0;
}
/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	text-align: center;
	margin-bottom: 22px;
}
.section-title span {
	font-size: 14px;
	color: #dfa974;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.section-title h2 {
	font-size: 44px;
	color: #19191a;
	line-height: 58px;
	margin-top: 10px;
}
.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}
.spad-2 {
	padding-top: 50px;
	padding-bottom: 70px;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white span, .text-white li, .text-white a {
	color: #fff;
}
/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	position: relative;
}
.primary-btn:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
	background: #dfa974;
	content: "";
}
/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}
.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}
@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}
.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}
.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}
.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}
.search-model-form {
	padding: 0 15px;
}
.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	color: #999;
}
.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/*---------------------
  Header
-----------------------*/

.header-section.header-normal .menu-item {
	-webkit-box-shadow: 0px 12px 15px rgba(36, 11, 12, 0.05);
	box-shadow: 0px 12px 15px rgba(36, 11, 12, 0.05);
}
.top-nav {
	border-bottom: 1px solid #e5e5e5;
}
.top-nav .tn-left li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
	color: #19191a;
	font-weight: 500;
	padding: 14px 0 12px;
	margin-right: 64px;
	position: relative;
}
.top-nav .tn-left li:after {
	position: absolute;
	right: -32px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e5e5e5;
	content: "";
}
.top-nav .tn-left li:last-child {
	margin-right: 0;
}
.top-nav .tn-left li:last-child:after {
	display: none;
}
.top-nav .tn-left li i {
	color: #dfa974;
	margin-right: 4px;
}
.top-nav .tn-right {
	text-align: right;
}
.top-nav .tn-right .top-social {
	display: inline-block;
	margin-right: 35px;
	padding: 13px 0;
}
.top-nav .tn-right .top-social a {
	display: inline-block;
	font-size: 16px;
	color: #19191a;
	margin-left: 15px;
}
.top-nav .tn-right .bk-btn {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 16px 28px 15px;
	background: #dfa974;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.top-nav .tn-right .language-option {
	display: inline-block;
	margin-left: 30px;
	cursor: pointer;
	padding: 13px 0px 11px;
	position: relative;
}
.top-nav .tn-right .language-option:hover .flag-dropdown {
	top: 40px;
	opacity: 1;
	visibility: visible;
}
.top-nav .tn-right .language-option img {
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 10px;
}
.top-nav .tn-right .language-option span {
	font-size: 16px;
	color: #19191a;
	text-transform: uppercase;
	font-weight: 500;
}
.top-nav .tn-right .language-option .flag-dropdown {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100px;
	background: #ffffff;
	display: block;
	padding: 10px 15px;
	-webkit-box-shadow: 0px 9px 10px rgba(25, 25, 26, 0.2);
	box-shadow: 0px 9px 10px rgba(25, 25, 26, 0.2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 99;
}
.top-nav .tn-right .language-option .flag-dropdown ul li {
	list-style: none;
	text-align: left;
}
.top-nav .tn-right .language-option .flag-dropdown ul li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #19191a;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.top-nav .tn-right .language-option .flag-dropdown ul li a:hover {
	color: #dfa974;
}
.menu-item {
	position: relative;
	z-index: 9;
}
.menu-item .logo {
	padding: 25px 0;
}
.menu-item .logo a {
	display: inline-block;
}
.menu-item .nav-menu {
	text-align: right;
}
.menu-item .nav-menu .mainmenu {
	display: inline-block;
}
.menu-item .nav-menu .mainmenu li {
	list-style: none;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.menu-item .nav-menu .mainmenu li.active a:after {
	opacity: 1;
}
.menu-item .nav-menu .mainmenu li:hover>a:after {
	opacity: 1;
}
.menu-item .nav-menu .mainmenu li:hover .dropdown {
	top: 77px;
	opacity: 1;
	visibility: visible;
}
.menu-item .nav-menu .mainmenu li a {
	font-size: 16px;
	color: #19191a;
	margin-right: 42px;
	font-weight: 500;
	display: inline-block;
	padding: 27px 0;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-item .nav-menu .mainmenu li a:after {
	position: absolute;
	left: 0;
	top: 52px;
	width: 100%;
	height: 2px;
	background: #dfa974;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-item .nav-menu .mainmenu li .dropdown {
	position: absolute;
	left: 0;
	top: 97px;
	width: 180px;
	background: #ffffff;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 9px 15px rgba(25, 25, 26, 0.05);
	box-shadow: 0px 9px 15px rgba(25, 25, 26, 0.05);
}
.menu-item .nav-menu .mainmenu li .dropdown li {
	list-style: none;
	display: block;
}
.menu-item .nav-menu .mainmenu li .dropdown li a {
	font-size: 16px;
	color: #19191a;
	display: block;
	text-align: left;
	padding: 8px 15px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-item .nav-menu .mainmenu li .dropdown li a:hover {
	color: #dfa974;
}
.menu-item .nav-menu .mainmenu li .dropdown li a:after {
	display: none;
}
.menu-item .nav-menu .nav-right {
	display: inline-block;
	margin-left: 43px;
	padding: 27px 0px;
}
.menu-item .nav-menu .nav-right i {
	font-size: 16px;
	color: #19191a;
	cursor: pointer;
}
.canvas-open {
	display: none;
}
.offcanvas-menu-wrapper {
	display: none;
}
/*---------------------
  Hero
-----------------------*/

.hero-section {
	position: relative;
	padding-top: 60px;
	padding-bottom: 100px;
}
.hero-section .container {
	position: relative;
	z-index: 5;
}
.hero-text {
	padding-top: 145px;
}
.hero-text h1 {
	font-size: 80px;
	line-height: 90px;
	color: #ffffff;
	margin-bottom: 16px;
}
.hero-text p {
	font-size: 18px;
	color: #ffffff;
	line-height: 28px;
	margin-bottom: 35px;
}
.booking-form {
	background: #ffffff;
	padding: 44px 40px 50px 40px;
	border-radius: 4px;
}
.booking-form h3 {
	color: #19191a;
	margin-bottom: 36px;
}
.booking-form form .check-date {
	position: relative;
	margin-bottom: 15px;
}
.booking-form form .check-date label {
	font-size: 14px;
	color: #707079;
	display: block;
	margin-bottom: 10px;
}
.booking-form form .check-date input {
	width: 100%;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	font-size: 16px;
	color: #19191a;
	text-transform: uppercase;
	font-weight: 500;
	padding-left: 20px;
}
.booking-form form .check-date i {
	color: #dfa974;
	position: absolute;
	right: 18px;
	bottom: 17px;
}
.booking-form form .select-option {
	margin-bottom: 15px;
}
.booking-form form .select-option label {
	font-size: 14px;
	color: #707079;
	display: block;
	margin-bottom: 10px;
}
.booking-form form .select-option .nice-select {
	border-radius: 2px;
	border: 1px solid #ebebeb;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 20px;
	width: 100%;
	float: none;
}
.booking-form form .select-option .nice-select:after {
	border-bottom: 2px solid #dfa974;
	border-right: 2px solid #dfa974;
	height: 10px;
	margin-top: 0;
	right: 20px;
	width: 10px;
	top: 36%;
}
.booking-form form .select-option .nice-select span {
	font-size: 16px;
	color: #19191a;
	text-transform: uppercase;
	font-weight: 500;
}
.booking-form form .select-option .nice-select .list {
	margin-top: 0;
	width: 100%;
}
.booking-form form button {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #dfa974;
	border-radius: 2px;
	color: #dfa974;
	font-weight: 500;
	background: transparent;
	width: 100%;
	height: 46px;
	margin-top: 30px;
}
.hero-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.hero-slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	bottom: 23px;
	width: 100%;
	text-align: center;
}
.hero-slider.owl-carousel .owl-dots button {
	height: 6px;
	width: 6px;
	background: #ffffff;
	opacity: 0.5;
	border-radius: 50%;
	margin-right: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.hero-slider.owl-carousel .owl-dots button.active {
	width: 30px;
	border-radius: 50px;
	opacity: 1;
}
.hero-slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}
.hero-slider .owl-stage-outer, .hero-slider .owl-stage, .hero-slider .owl-item, .hero-slider .hs-item {
	height: 100%;
}
/*---------------------
  About US
-----------------------*/

.about-text {
	text-align: center;
	padding: 0 35px;
}
.about-text p {
	color: #595960;
	font-weight: 500;
}
.about-text p.f-para {
	margin-bottom: 10px;
}
.about-text p.s-para {
	margin-bottom: 35px;
}
.about-text .about-btn {
	color: #19191a;
}
.about-pic img {
	min-width: 100%;
}
/*---------------------
  Service Section
-----------------------*/

.services-section {
	padding-bottom: 60px;
	border-top: 1px solid #e5e5e5;
}
.services-section .section-title {
	margin-bottom: 36px;
}
.service-item {
	text-align: center;
	padding: 30px 35px 18px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.service-item:hover {
	background: #dfa974;
}
.service-item:hover i {
	color: #ffffff;
}
.service-item:hover h4 {
	color: #ffffff;
}
.service-item:hover p {
	color: #ffffff;
}
.service-item i {
	display: inline-block;
	color: #dfa974;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.service-item h4 {
	color: #19191a;
	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.service-item p {
	color: #707079;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/*------------------------
  Home Page Room Section 
-------------------------*/

.hp-room-items {
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
}
.hp-room-items .hp-room-item {
	height: 600px;
	margin-right: -15px;
	position: relative;
	overflow: hidden;
}
.hp-room-items .hp-room-item:hover .hr-text {
	bottom: 135px;
}
.hp-room-items .hp-room-item:hover .hr-text h2 {
	margin-bottom: 30px;
}
.hp-room-items .hp-room-item .hr-text {
	position: absolute;
	left: 45px;
	right: 25px;
	bottom: -250px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.hp-room-items .hp-room-item .hr-text h3 {
	color: #ffffff;
	margin-bottom: 15px;
}
.hp-room-items .hp-room-item .hr-text h2 {
	color: #dfa974;
	font-weight: 700;
	margin-bottom: 50px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.hp-room-items .hp-room-item .hr-text h2 span {
	font-family: "Cabin", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}
.hp-room-items .hp-room-item .hr-text table {
	margin-bottom: 30px;
}
.hp-room-items .hp-room-item .hr-text table tbody tr td {
	font-size: 16px;
	color: #ffffff;
	line-height: 36px;
}
.hp-room-items .hp-room-item .hr-text table tbody tr td.r-o {
	width: 120px;
}
.hp-room-items .hp-room-item .hr-text .primary-btn:after {
	background: #ffffff;
}
/*---------------------
  Testimonial Slider
-----------------------*/

.testimonial-section {
	background: #f9f9f9;
}
.testimonial-section .section-title {
	margin-bottom: 30px;
}
.testimonial-slider.owl-carousel .owl-item img {
	width: auto;
	margin: 0 auto;
}
.testimonial-slider.owl-carousel .owl-nav button {
	height: 44px;
	width: 44px;
	border: 1px solid #ebebeb;
	font-size: 24px;
	color: #707079;
	background: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: -190px;
	top: 50%;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.testimonial-slider.owl-carousel .owl-nav button:hover {
	border-color: #19191a;
	color: #19191a;
}
.testimonial-slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -190px;
}
.testimonial-slider .ts-item {
	text-align: center;
}
.testimonial-slider .ts-item p {
	font-size: 20px;
	color: #707079;
	line-height: 30px;
	margin-bottom: 50px;
}
.testimonial-slider .ts-item .ti-author {
	margin-bottom: 60px;
}
.testimonial-slider .ts-item .ti-author .rating {
	display: inline-block;
}
.testimonial-slider .ts-item .ti-author .rating i {
	color: #f5b917;
	font-size: 16px;
}
.testimonial-slider .ts-item .ti-author h5 {
	font-size: 20px;
	color: #19191a;
	display: inline-block;
}
/*---------------------
  Blog and Event
-----------------------*/

.blog-section {
	padding-bottom: 70px;
}
.blog-section .section-title {
	margin-bottom: 36px;
}
/*---------------------
  Footer Section
-----------------------*/

.footer-section {
	background: #222736;
}
.footer-section .footer-text {
	padding: 80px 0 30px;
}
.footer-section .footer-text .ft-about {
	margin-bottom: 30px;
}
.footer-section .footer-text .ft-about .logo {
	margin-bottom: 20px;
}
.footer-section .footer-text .ft-about .logo a {
	display: inline-block;
}
.footer-section .footer-text .ft-about p {
	color: #aaaab3;
	margin-bottom: 20px;
}
.footer-section .footer-text .ft-about .fa-social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	border: 1px solid #5A4D48;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 7px;
}
.footer-section .footer-text .ft-about .fa-social a:hover {
	background: #dfa974;
	border-color: #dfa974;
}
.footer-section .footer-text .ft-contact {
	margin-bottom: 30px;
}
.footer-section .footer-text .ft-contact h6 {
	font-size: 14px;
	color: #dfa974;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	font-family: "Cabin", sans-serif;
	margin-bottom: 20px;
}
.footer-section .footer-text .ft-contact ul li {
	font-size: 16px;
	color: #aaaab3;
	line-height: 32px;
	list-style: none;
}
.footer-section .footer-text .ft-newslatter h6 {
	font-size: 14px;
	color: #dfa974;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	font-family: "Cabin", sans-serif;
	margin-bottom: 20px;
}
.footer-section .footer-text .ft-newslatter p {
	color: #aaaab3;
	margin-bottom: 20px;
}
.footer-section .footer-text .ft-newslatter .fn-form {
	position: relative;
}
.footer-section .footer-text .ft-newslatter .fn-form input {
	width: 100%;
	height: 50px;
	border-radius: 2px;
	background: #393D4A;
	border: none;
	padding-left: 20px;
	font-size: 16px;
	color: #707079;
}
.footer-section .footer-text .ft-newslatter .fn-form button {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	background: #dfa974;
	color: #ffffff;
	padding: 0 16px;
	height: 50px;
	border: none;
	border-radius: 0 2px 2px 0;
}
.footer-section .copyright-option {
	background: rgba(16, 20, 31, 0.2);
	padding: 20px 0;
}
.footer-section .copyright-option ul li {
	list-style: none;
	display: inline-block;
	margin-right: 34px;
}
.footer-section .copyright-option ul li:last-child {
	margin-right: 0;
}
.footer-section .copyright-option ul li a {
	font-size: 16px;
	color: #aaaab3;
}
.footer-section .copyright-option .co-text {
	font-size: 16px;
	color: #707079;
	text-align: right;
}
/* --------------------------------- Other Pages Styles ----------------------------------- */

/*---------------------
  Breadcrumb Section
-----------------------*/

.breadcrumb-section {
	padding-top: 70px;
	padding-bottom: 80px;
}
.breadcrumb-text {
	text-align: center;
}
.breadcrumb-text h2 {
	font-size: 44px;
	color: #19191a;
	margin-bottom: 12px;
}
.breadcrumb-text .bt-option a {
	display: inline-block;
	font-size: 18px;
	color: #19191a;
	margin-right: 20px;
	position: relative;
	font-weight: 500;
}
.breadcrumb-text .bt-option a:after {
	position: absolute;
	right: -13px;
	top: 1px;
	content: "";
	font-size: 18px;
	font-family: "FontAwesome";
	color: #aaaab3;
}
.breadcrumb-text .bt-option span {
	display: inline-block;
	font-size: 18px;
	color: #aaaab3;
}
/*------------------------
  About Us Page Section
-------------------------*/

.aboutus-page-section {
	padding-top: 0;
	padding-bottom: 70px;
}
.about-page-text {
	margin-bottom: 65px;
}
.about-page-text .ap-title {
	margin-bottom: 30px;
}
.about-page-text .ap-title h2 {
	font-size: 44px;
	color: #19191a;
	margin-bottom: 18px;
}
.about-page-text .ap-title p {
	font-size: 18px;
	color: #707079;
	line-height: 28px;
}
.about-page-text .ap-services li {
	list-style: none;
	font-size: 20px;
	color: #707079;
	line-height: 42px;
}
.about-page-text .ap-services li i {
	color: #dfa974;
	margin-right: 5px;
}
.about-page-services .ap-service-item {
	position: relative;
	height: 420px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.about-page-services .ap-service-item .api-text {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
}
.about-page-services .ap-service-item .api-text h3 {
	color: #ffffff;
}
/*---------------------
  Video Section
-----------------------*/

.video-section {
	height: 500px;
	padding-top: 140px;
}
.video-section .video-text {
	text-align: center;
}
.video-section .video-text h2 {
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 16px;
}
.video-section .video-text p {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 40px;
}
.video-section .video-text .play-btn {
	display: inline-block;
}
/*---------------------
  Gallery Section
-----------------------*/

.gallery-section {
	padding-bottom: 80px;
}
.gallery-section .section-title {
	margin-bottom: 38px;
}
.gallery-item {
	position: relative;
	height: 279px;
	margin-bottom: 20px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.gallery-item:hover:after {
	opacity: 1;
}
.gallery-item:hover .gi-text {
	opacity: 1;
}
.gallery-item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(25, 25, 26, 0.3);
	content: "";
	z-index: -1;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.gallery-item.large-item {
	height: 576px;
}
.gallery-item .gi-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.gallery-item .gi-text h3 {
	color: #ffffff;
}
/*---------------------
  Room Section
-----------------------*/

.rooms-section {
	padding-top: 0;
	padding-bottom: 80px;
}
.room-item {
	margin-bottom: 30px;
}
.room-item img {
	min-width: 100%;
}
.room-item .ri-text {
	border: 1px solid #ebebeb;
	border-top: none;
	padding: 24px 24px 30px 28px;
}
.room-item .ri-text h4 {
	color: #19191a;
	margin-bottom: 17px;
}
.room-item .ri-text h3 {
	color: #dfa974;
	font-weight: 700;
	margin-bottom: 14px;
}
.room-item .ri-text h3 span {
	font-family: "Cabin", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #19191a;
}
.room-item .ri-text table {
	margin-bottom: 18px;
}
.room-item .ri-text table tbody tr td {
	font-size: 16px;
	color: #707079;
	line-height: 36px;
}
.room-item .ri-text table tbody tr td.r-o {
	width: 125px;
}
.room-item .ri-text .primary-btn {
	color: #19191a;
}
.room-pagination {
	text-align: center;
	padding-top: 20px;
}
.room-pagination a {
	font-size: 16px;
	color: #707079;
	border: 1px solid #EFD4B9;
	border-radius: 2px;
	padding: 7px 13px 5px;
	margin-right: 7px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.room-pagination a:last-child {
	margin-right: 0;
}
.room-pagination a:hover {
	background: #dfa974;
	color: #ffffff;
}
/*-----------------------
  Room Details Section
-------------------------*/

.room-details-section {
	padding-top: 0;
	padding-bottom: 80px;
}
.room-details-item {
	margin-bottom: 50px;
}
.room-details-item img {
	margin-bottom: 40px;
}
.room-details-item .rd-text .rd-title {
	overflow: hidden;
	margin-bottom: 8px;
}
.room-details-item .rd-text .rd-title h3 {
	color: #19191a;
	float: left;
}
.room-details-item .rd-text .rd-title .rdt-right {
	float: right;
	text-align: right;
}
.room-details-item .rd-text .rd-title .rdt-right .rating {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
}
.room-details-item .rd-text .rd-title .rdt-right .rating i {
	color: #f5b917;
}
.room-details-item .rd-text .rd-title .rdt-right a {
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	background: #dfa974;
	padding: 14px 28px 13px;
}
.room-details-item .rd-text h2 {
	color: #dfa974;
	font-weight: 700;
	margin-bottom: 25px;
}
.room-details-item .rd-text h2 span {
	font-family: "Cabin", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #19191a;
}
.room-details-item .rd-text table {
	margin-bottom: 32px;
}
.room-details-item .rd-text table tbody tr td {
	font-size: 16px;
	color: #19191a;
	line-height: 36px;
}
.room-details-item .rd-text table tbody tr td.r-o {
	width: 120px;
	color: #707079;
}
.room-details-item .rd-text p {
	color: #707079;
}
.room-details-item .rd-text p.f-para {
	margin-bottom: 22px;
}
.rd-reviews {
	padding-top: 55px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 50px;
}
.rd-reviews h4 {
	color: #19191a;
	letter-spacing: 1px;
	margin-bottom: 45px;
}
.rd-reviews .review-item {
	margin-bottom: 32px;
}
.rd-reviews .review-item .ri-pic {
	float: left;
	margin-right: 30px;
}
.rd-reviews .review-item .ri-pic img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}
.rd-reviews .review-item .ri-text {
	overflow: hidden;
	position: relative;
	padding-left: 30px;
}
.rd-reviews .review-item .ri-text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e9e9e9;
	content: "";
}
.rd-reviews .review-item .ri-text span {
	font-size: 12px;
	color: #dfa974;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.rd-reviews .review-item .ri-text .rating {
	position: absolute;
	right: 0;
	top: 0;
}
.rd-reviews .review-item .ri-text .rating i {
	color: #f5b917;
}
.rd-reviews .review-item .ri-text h5 {
	color: #19191a;
	margin-top: 4px;
	margin-bottom: 8px;
}
.rd-reviews .review-item .ri-text p {
	color: #707079;
	margin-bottom: 0;
}
.review-add h4 {
	color: #19191a;
	letter-spacing: 1px;
	margin-bottom: 45px;
}
.review-add .ra-form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #aaaab3;
	padding-left: 20px;
	margin-bottom: 25px;
}
.review-add .ra-form input::-webkit-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form input::-moz-placeholder {
	color: #aaaab3;
}
.review-add .ra-form input:-ms-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form input::-ms-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form input::placeholder {
	color: #aaaab3;
}
.review-add .ra-form h5 {
	font-size: 20px;
	color: #19191a;
	margin-bottom: 24px;
	float: left;
	margin-right: 10px;
}
.review-add .ra-form .rating {
	padding-top: 3px;
	display: inline-block;
}
.review-add .ra-form .rating i {
	color: #f5b917;
	font-size: 16px;
}
.review-add .ra-form textarea {
	width: 100%;
	height: 132px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #aaaab3;
	padding-left: 20px;
	padding-top: 12px;
	margin-bottom: 24px;
	resize: none;
}
.review-add .ra-form textarea::-webkit-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form textarea::-moz-placeholder {
	color: #aaaab3;
}
.review-add .ra-form textarea:-ms-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form textarea::-ms-input-placeholder {
	color: #aaaab3;
}
.review-add .ra-form textarea::placeholder {
	color: #aaaab3;
}
.review-add .ra-form button {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 2px;
	background: #dfa974;
	border: none;
	padding: 14px 34px 13px;
	display: inline-block;
}
.room-booking {
	padding: 0 30px 0 40px;
}
.room-booking h3 {
	color: #19191a;
	margin-bottom: 30px;
}
.room-booking form .check-date {
	position: relative;
	margin-bottom: 15px;
}
.room-booking form .check-date label {
	font-size: 14px;
	color: #707079;
	display: block;
	margin-bottom: 10px;
}
.room-booking form .check-date input {
	width: 100%;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	font-size: 16px;
	color: #19191a;
	text-transform: uppercase;
	font-weight: 500;
	padding-left: 20px;
}
.room-booking form .check-date i {
	color: #dfa974;
	position: absolute;
	right: 18px;
	bottom: 17px;
}
.room-booking form .select-option {
	margin-bottom: 15px;
}
.room-booking form .select-option label {
	font-size: 14px;
	color: #707079;
	display: block;
	margin-bottom: 10px;
}
.room-booking form .select-option .nice-select {
	border-radius: 2px;
	border: 1px solid #ebebeb;
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 20px;
	width: 100%;
	float: none;
}
.room-booking form .select-option .nice-select:after {
	border-bottom: 2px solid #dfa974;
	border-right: 2px solid #dfa974;
	height: 10px;
	margin-top: 0;
	right: 20px;
	width: 10px;
	top: 36%;
}
.room-booking form .select-option .nice-select span {
	font-size: 16px;
	color: #19191a;
	text-transform: uppercase;
	font-weight: 500;
}
.room-booking form .select-option .nice-select .list {
	margin-top: 0;
	width: 100%;
}
.room-booking form button {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #dfa974;
	border-radius: 2px;
	color: #dfa974;
	font-weight: 500;
	background: transparent;
	width: 100%;
	height: 46px;
	margin-top: 30px;
}
/*---------------------
  Blog Section
-----------------------*/

.blog-section.blog-page {
	padding-top: 0;
	padding-bottom: 88px;
}
.blog-item {
	height: 450px;
	position: relative;
	margin-bottom: 30px;
	border-radius: 5px;
}
.blog-item.small-size {
	height: 400px;
}
.blog-item .bi-text {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}
.blog-item .bi-text .b-tag {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #dfa974;
	padding: 3px 10px;
	border-radius: 2px;
}
.blog-item .bi-text h4 {
	margin-top: 18px;
	margin-bottom: 18px;
}
.blog-item .bi-text h4 a {
	color: #ffffff;
}
.blog-item .bi-text .b-time {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.load-more {
	text-align: center;
	padding-top: 30px;
}
.load-more .primary-btn {
	color: #19191a;
}
/*----------------------------
  Blog Details Hero Section
----------------------------*/

.blog-details-hero {
	height: 530px;
	padding-top: 165px;
}
.bd-hero-text {
	text-align: center;
}
.bd-hero-text span {
	font-size: 12px;
	color: #ffffff;
	background: #dfa974;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 16px;
	border-radius: 2px;
}
.bd-hero-text h2 {
	font-size: 44px;
	color: #ffffff;
	line-height: 54px;
	margin-top: 30px;
	margin-bottom: 12px;
}
.bd-hero-text ul li {
	list-style: none;
	font-size: 14px;
	color: #dfa974;
	margin-right: 35px;
	display: inline-block;
}
.bd-hero-text ul li:last-child {
	margin-right: 0;
}
.bd-hero-text ul li.b-time {
	text-transform: uppercase;
}
/*---------------------
  Blog Details Section
-----------------------*/

.blog-details-section {
	padding-top: 55px;
}
.blog-details-text .bd-title {
	margin-bottom: 52px;
}
.blog-details-text .bd-title p {
	font-size: 18px;
	color: #707079;
	line-height: 30px;
}
.blog-details-text .bd-pic {
	overflow: hidden;
	margin-bottom: 35px;
}
.blog-details-text .bd-pic .bp-item {
	width: calc(33.33% - 10px);
	float: left;
	margin-right: 15px;
}
.blog-details-text .bd-pic .bp-item:last-child {
	margin-right: 0;
}
.blog-details-text .bd-pic .bp-item img {
	min-width: 100%;
}
.blog-details-text .bd-more-text {
	margin-bottom: 50px;
}
.blog-details-text .bd-more-text .bm-item {
	margin-bottom: 30px;
}
.blog-details-text .bd-more-text .bm-item h4 {
	color: #19191a;
	margin-bottom: 20px;
}
.blog-details-text .bd-more-text .bm-item p {
	font-size: 18px;
	color: #707079;
	line-height: 30px;
}
.blog-details-text .tag-share {
	overflow: hidden;
	border-top: 1px solid #ebebeb;
	padding-top: 30px;
	margin-bottom: 75px;
}
.blog-details-text .tag-share .tags {
	float: left;
}
.blog-details-text .tag-share .tags a {
	font-size: 12px;
	color: #707079;
	background: #ebebeb;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 16px;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 6px;
}
.blog-details-text .tag-share .tags a:hover {
	color: #ffffff;
	background: #dfa974;
}
.blog-details-text .tag-share .social-share {
	float: right;
}
.blog-details-text .tag-share .social-share span {
	display: inline-block;
	font-size: 18px;
	color: #707079;
}
.blog-details-text .tag-share .social-share a {
	display: inline-block;
	font-size: 16px;
	color: #707079;
	margin-left: 30px;
}
.blog-details-text .comment-option {
	margin-bottom: 75px;
}
.blog-details-text .comment-option h4 {
	color: #19191a;
	margin-bottom: 35px;
}
.blog-details-text .comment-option .single-comment-item {
	margin-bottom: 30px;
}
.blog-details-text .comment-option .single-comment-item.first-comment .sc-text {
	padding-left: 22px;
}
.blog-details-text .comment-option .single-comment-item.first-comment .sc-text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 255px;
	background: #ebebeb;
	content: "";
}
.blog-details-text .comment-option .single-comment-item.reply-comment {
	padding-left: 120px;
	margin-bottom: 52px;
}
.blog-details-text .comment-option .single-comment-item.second-comment .sc-text {
	padding-left: 22px;
}
.blog-details-text .comment-option .single-comment-item.second-comment .sc-text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100px;
	background: #ebebeb;
	content: "";
}
.blog-details-text .comment-option .single-comment-item .sc-author {
	float: left;
	margin-right: 28px;
}
.blog-details-text .comment-option .single-comment-item .sc-author img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}
.blog-details-text .comment-option .single-comment-item .sc-text {
	display: table;
	position: relative;
}
.blog-details-text .comment-option .single-comment-item .sc-text span {
	font-size: 12px;
	color: #dfa974;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.blog-details-text .comment-option .single-comment-item .sc-text h5 {
	font-size: 20px;
	color: #19191a;
	margin-top: 4px;
	margin-bottom: 8px;
}
.blog-details-text .comment-option .single-comment-item .sc-text p {
	color: #707079;
	margin-bottom: 18px;
}
.blog-details-text .comment-option .single-comment-item .sc-text a {
	display: inline-block;
	color: #19191a;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 5px 24px;
	border: 1px solid #F9EEE3;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 10px;
}
.blog-details-text .comment-option .single-comment-item .sc-text a:hover {
	background: #dfa974;
	color: #ffffff;
	border-color: #dfa974;
}
.blog-details-text .leave-comment h4 {
	color: #19191a;
	margin-bottom: 35px;
}
.blog-details-text .leave-comment .comment-form input {
	width: 100%;
	height: 50px;
	color: #707079;
	font-size: 16px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.blog-details-text .leave-comment .comment-form input:focus {
	border-color: #dfa974;
}
.blog-details-text .leave-comment .comment-form textarea {
	width: 100%;
	height: 116px;
	color: #707079;
	font-size: 16px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 42px;
	resize: none;
	padding-top: 12px;
}
.blog-details-text .leave-comment .comment-form textarea:focus {
	border-color: #dfa974;
}
.blog-details-text .leave-comment .comment-form button {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 2px;
	background: #dfa974;
	border: none;
	padding: 14px 42px 13px;
	display: inline-block;
	border-radius: 2px;
}
/*---------------------
  Recommend Blog
-----------------------*/

.recommend-blog-section {
	padding-top: 65px;
	padding-bottom: 50px;
}
.recommend-blog-section .section-title {
	margin-bottom: 37px;
}
.recommend-blog-section .section-title h2 {
	margin-top: 0;
}
/*---------------------
  Contact Section
-----------------------*/

.contact-section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.contact-text h2 {
	font-size: 44px;
	color: #19191a;
	margin-bottom: 24px;
}
.contact-text p {
	color: #707079;
}
.contact-text table tbody tr td {
	font-size: 16px;
	color: #19191a;
	line-height: 36px;
	font-weight: 500;
}
.contact-text table tbody tr td.c-o {
	color: #707079;
	width: 75px;
}
.contact-form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	color: #aaaab3;
	padding-left: 25px;
	margin-bottom: 28px;
}
.contact-form input::-webkit-input-placeholder {
	color: #aaaab3;
}
.contact-form input::-moz-placeholder {
	color: #aaaab3;
}
.contact-form input:-ms-input-placeholder {
	color: #aaaab3;
}
.contact-form input::-ms-input-placeholder {
	color: #aaaab3;
}
.contact-form input::placeholder {
	color: #aaaab3;
}
.contact-form textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	color: #aaaab3;
	padding-left: 25px;
	padding-top: 12px;
	margin-bottom: 33px;
	resize: none;
}
.contact-form textarea::-webkit-input-placeholder {
	color: #aaaab3;
}
.contact-form textarea::-moz-placeholder {
	color: #aaaab3;
}
.contact-form textarea:-ms-input-placeholder {
	color: #aaaab3;
}
.contact-form textarea::-ms-input-placeholder {
	color: #aaaab3;
}
.contact-form textarea::placeholder {
	color: #aaaab3;
}
.contact-form button {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 2px;
	background: #dfa974;
	border: none;
	padding: 14px 34px 13px;
	display: inline-block;
}
.map {
	height: 470px;
	-webkit-box-shadow: 0px 14px 35px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 14px 35px rgba(0, 0, 0, 0.15);
	margin-top: 75px;
}
.map iframe {
	width: 100%;
}
/*-------------------------------- Respinsive Media Styles --------------------------------*/

@media only screen and (min-width: 1554px) and (max-width: 1920px) {
	.hp-room-items .hp-room-item .hr-text {
		bottom: -200px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
	.hp-room-items .hp-room-item .hr-text {
		bottom: -288px;
	}
}
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
/* Medium Device: 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-slider.owl-carousel .owl-nav button {
		left: -150px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next {
		right: -150px;
	}
	.hp-room-items .hp-room-item .hr-text {
		bottom: -322px;
	}
	.hp-room-items .hp-room-item:hover .hr-text {
		bottom: 80px;
	}
}
@media only screen and (max-width: 991px) {
	.top-nav {
		display: none;
	}
	.menu-item .nav-menu {
		display: none;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.7);
		z-index: 98;
		height: 100%;
		width: 100%;
		visibility: hidden;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.canvas-open {
		position: absolute;
		right: 40px;
		top: 25px;
		font-size: 22px;
		width: 30px;
		height: 30px;
		color: #19191a;
		border: 1px solid #19191a;
		border-radius: 2px;
		line-height: 33px;
		text-align: center;
		z-index: 100;
		display: block;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		z-index: 999;
		background: #ffffff;
		text-align: center;
		overflow-y: auto;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 80px 30px 30px 30px;
		display: block;
	}
	.offcanvas-menu-wrapper .canvas-close {
		height: 30px;
		width: 30px;
		border: 1px solid #19191a;
		border-radius: 50%;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 30px;
		padding-right: 1px;
	}
	.offcanvas-menu-wrapper .search-icon {
		color: #19191a;
		text-align: center;
		cursor: pointer;
		margin-bottom: 10px;
	}
	.offcanvas-menu-wrapper .header-configure-area {
		margin-bottom: 30px;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option {
		display: inline-block;
		cursor: pointer;
		padding: 13px 0;
		position: relative;
		margin-bottom: 10px;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option:hover .flag-dropdown {
		top: 40px;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option img {
		height: 26px;
		width: 26px;
		border-radius: 50%;
		margin-right: 10px;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option span {
		font-size: 16px;
		color: #19191a;
		text-transform: uppercase;
		font-weight: 500;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option .flag-dropdown {
		position: absolute;
		left: 0;
		top: 60px;
		width: 100px;
		background: #ffffff;
		display: block;
		padding: 10px 15px;
		-webkit-box-shadow: 0px 9px 10px rgba(25, 25, 26, 0.2);
		box-shadow: 0px 9px 10px rgba(25, 25, 26, 0.2);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 99;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option .flag-dropdown ul li {
		list-style: none;
		text-align: left;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option .flag-dropdown ul li a {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		color: #19191a;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas-menu-wrapper .header-configure-area .language-option .flag-dropdown ul li a:hover {
		color: #dfa974;
	}
	.offcanvas-menu-wrapper .header-configure-area .bk-btn {
		display: inline-block;
		font-size: 13px;
		font-weight: 700;
		padding: 16px 28px 15px;
		background: #dfa974;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.offcanvas-menu-wrapper .mainmenu {
		display: none;
	}
	.offcanvas-menu-wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_btn {
		float: none;
		margin: 0 0 10px 0;
		display: none;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav {
		display: block !important;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav ul {
		margin: 0;
		text-align: left;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav ul li .dropdown {
		padding-left: 20px;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav ul li a {
		margin: 0;
		padding: 10px;
		font-weight: 600;
		font-size: 14px;
		color: #19191a;
		border-bottom: 1px solid #e5e5e5;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav ul li a:hover {
		border-radius: 0;
		background: transparent;
		color: #dfa974;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav .slicknav_row a {
		border-bottom: 0;
		padding-left: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav .slicknav_row span {
		color: #19191a;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav .slicknav_row:hover a {
		color: #dfa974;
	}
	.offcanvas-menu-wrapper .slicknav_menu .slicknav_nav .slicknav_row:hover span {
		color: #dfa974;
	}
	.offcanvas-menu-wrapper .top-social {
		display: inline-block;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.offcanvas-menu-wrapper .top-social a {
		display: inline-block;
		font-size: 16px;
		color: #19191a;
		margin-right: 20px;
	}
	.offcanvas-menu-wrapper .top-social a:last-child {
		margin-right: 0;
	}
	.offcanvas-menu-wrapper .top-widget li {
		list-style: none;
		font-size: 16px;
		color: #19191a;
		font-weight: 500;
		line-height: 28px;
	}
	.offcanvas-menu-wrapper .top-widget li i {
		color: #dfa974;
		margin-right: 4px;
	}
	.offcanvas-menu-wrapper.show-offcanvas-menu-wrapper {
		left: 0;
		opacity: 1;
		visibility: visible;
	}
	.about-text {
		margin-bottom: 30px;
	}
	.footer-section .copyright-option ul {
		text-align: center;
		margin-bottom: 10px;
	}
	.footer-section .copyright-option .co-text {
		text-align: center;
	}
	.about-pic img {
		margin-bottom: 20px;
	}
	.room-booking {
		padding: 0;
		margin-top: 40px;
	}
	.contact-form {
		padding-top: 30px;
	}
	.hero-text {
		margin-bottom: 40px;
	}
}
/* Tablet Device: 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-slider.owl-carousel .owl-nav button {
		left: -30px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next {
		right: -30px;
	}
	.hp-room-items {
		margin: 0;
	}
	.hp-room-item {
		margin-bottom: 15px;
	}
}
/* Large Mobile: 480px */

@media only screen and (max-width: 767px) {
	.testimonial-slider.owl-carousel .owl-nav {
		display: none;
	}
	.room-details-item .rd-text .rd-title {
		margin-bottom: 25px;
	}
	.room-details-item .rd-text .rd-title h3 {
		float: none;
		margin-bottom: 30px;
	}
	.room-details-item .rd-text .rd-title .rdt-right {
		float: none;
		text-align: left;
	}
	.footer-section .copyright-option ul li {
		margin-right: 25px;
	}
	.blog-details-text .tag-share .tags {
		float: none;
		margin-bottom: 20px;
	}
	.blog-details-text .tag-share .social-share {
		float: none;
	}
	.about-text .section-title h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.hp-room-items {
		margin: 0 -5px;
	}
	.hp-room-item {
		margin-bottom: 10px;
	}
}
/* Small Mobile: 320px */

@media only screen and (max-width: 479px) {
	.footer-section .copyright-option ul li {
		margin-bottom: 5px;
	}
	.video-section {
		padding-top: 80px;
	}
	.rd-reviews .review-item .ri-pic, .blog-details-text .comment-option .single-comment-item .sc-author {
		float: none;
		margin-bottom: 30px;
	}
	.rd-reviews .review-item .ri-text .rating {
		position: relative;
	}
	.rd-reviews .review-item .ri-text, .blog-details-text .comment-option .single-comment-item.second-comment .sc-text, .blog-details-text .comment-option .single-comment-item.first-comment .sc-text {
		padding-left: 0;
	}
	.blog-details-text .comment-option .single-comment-item.reply-comment {
		padding-left: 30px;
	}
	.rd-reviews .review-item .ri-text:before, .blog-details-text .comment-option .single-comment-item.first-comment .sc-text:before, .blog-details-text .comment-option .single-comment-item.second-comment .sc-text:before {
		display: none;
	}
	.blog-details-hero {
		padding-top: 70px;
	}
	.blog-details-text .bd-pic .bp-item {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.blog-details-text .tag-share .tags a {
		margin-bottom: 6px;
	}
	.blog-details-text .comment-option .single-comment-item .sc-text a {
		margin-bottom: 10px;
	}
} 
/* =========================
   FOOTER LOGO KALDIRMA (TEMİZ)
========================= */

.footer-section .footer-text .ft-about .logo {
    display: none;
}

/* =========================
   HEADER LOGO BÜYÜT (BOX SABİT)
========================= */

.header-section .menu-item .logo img {
    height: 90px;     /* büyüklüğü buradan kontrol edersin */
    width: auto;
    object-fit: contain;
}

.header-section .menu-item {
    height: 90px;     /* mevcut header yüksekliğini sabit tut */
    display: flex;
    align-items: center;
}

.header-section .menu-item .logo {
    display: flex;
    align-items: center;
    height: 100%;
}

/* =========================
   HEADER SEARCH KALDIR + MENÜ ARASI BOŞLUK
========================= */

/* Desktop ve mobil arama ikonunu kaldır */
.search-switch,
.nav-right.search-switch,
.header-section .nav-right.search-switch {
    display: none !important;
}

/* Arama popup'ını tamamen kapat */
.search-model {
    display: none !important;
}

/* Üst bilgi barı ile ana menü arasını biraz aç */
.header-section .top-nav {
    margin-bottom: 10px;
}

/* Ana menü bloğunu biraz daha ferah yap */
.header-section .menu-item {
    padding-top: 10px;
    padding-bottom: 14px;
}

/* Logo ve menü aynı hizada daha düzgün dursun */
.header-section .menu-item .row {
    align-items: center;
}

/* Ana menü linklerini ortala */
.header-section .nav-menu {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Mobil tarafta da arama tamamen kapalı kalsın */
.offcanvas-menu-wrapper .search-switch,
.offcanvas-menu-wrapper .nav-right,
.offcanvas-menu-wrapper .search-model {
    display: none !important;
}

/* =========================
   HERO PREMIUM OVERLAY
========================= */

.hero-section {
    position: relative;
}

.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.25),
        rgba(0,0,0,0.55)
    );
    z-index: 1;
}

/* hero içeriği overlay üstünde kalsın */
.hero-section .container {
    position: relative;
    z-index: 2;
}

/* başlık daha güçlü */
.hero-text h1 {
    text-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

/* alt yazı okunaklı */
.hero-text p {
    color: rgba(255,255,255,0.9);
}

/* buton daha premium */
.primary-btn {
    border-radius: 30px;
    padding: 12px 26px;
}

/* =========================
   MENU PREMIUM CARD BOOST
========================= */

.menu-section .section-title {
    margin-bottom: 42px;
}

.menu-section .section-title span {
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
}

.menu-section .section-title h2 {
    font-size: 40px;
    line-height: 1.2;
}

.menu-card {
    border-radius: 22px !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
    overflow: hidden;
}

.menu-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.14) !important;
}

.menu-card-image {
    border-radius: 18px !important;
    overflow: hidden;
}

.menu-card-image img {
    transition: transform 0.4s ease;
}

.menu-card:hover .menu-card-image img {
    transform: scale(1.08);
}

.menu-item-name {
    font-size: 19px !important;
    font-weight: 700 !important;
}

.menu-item-price {
    font-size: 19px !important;
    font-weight: 700 !important;
}

.menu-item-desc {
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.menu-dots {
    opacity: 0.65;
}

.menu-grid {
    gap: 26px !important;
}

@media (max-width: 991px) {
    .menu-section .section-title h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .menu-card {
        border-radius: 18px !important;
    }

    .menu-section .section-title h2 {
        font-size: 28px;
    }

    .menu-item-name,
    .menu-item-price {
        font-size: 17px !important;
    }
}
/* =========================
   MOBILE MENU PREMIUM
========================= */

.offcanvas-menu-wrapper {
    background: #111827 !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.offcanvas-menu-wrapper .canvas-close {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 20px;
    top: 20px;
}

.offcanvas-menu-wrapper .header-configure-area {
    margin-bottom: 22px;
    text-align: center;
}

.offcanvas-menu-wrapper .bk-btn {
    border-radius: 999px !important;
    padding: 12px 24px !important;
    display: inline-block;
}

.offcanvas-menu-wrapper .mainmenu.mobile-menu ul li {
    margin-bottom: 8px;
}

.offcanvas-menu-wrapper .mainmenu.mobile-menu ul li a {
    display: block;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600;
    padding: 14px 16px !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    transition: all 0.25s ease;
}

.offcanvas-menu-wrapper .mainmenu.mobile-menu ul li a:hover {
    background: rgba(218, 169, 113, 0.16);
    color: #e0aa6f !important;
}

.offcanvas-menu-wrapper .mainmenu.mobile-menu ul li.active a {
    background: linear-gradient(135deg, rgba(218, 169, 113, 0.22), rgba(224, 170, 111, 0.12));
    color: #f0c48c !important;
    border: 1px solid rgba(224, 170, 111, 0.28);
}

.offcanvas-menu-wrapper .top-social {
    margin-top: 26px;
    text-align: center;
}

.offcanvas-menu-wrapper .top-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #fff !important;
    transition: 0.25s ease;
}

.offcanvas-menu-wrapper .top-social a:hover {
    background: rgba(224, 170, 111, 0.18);
    color: #f0c48c !important;
    transform: translateY(-2px);
}

.offcanvas-menu-wrapper .top-widget {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.offcanvas-menu-wrapper .top-widget li {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px;
}

.offcanvas-menu-wrapper .top-widget li i {
    color: #e0aa6f !important;
    margin-right: 8px;
}

.canvas-open {
    border-radius: 50% !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

/* =========================
   FOOTER PREMIUM BOOST
========================= */

.footer-section {
    background: linear-gradient(180deg, #1c2230 0%, #131925 100%) !important;
}

.footer-section .footer-text {
    padding-top: 95px;
    padding-bottom: 55px;
}

.footer-section .footer-text .ft-about p,
.footer-section .footer-text .ft-contact ul li,
.footer-section .footer-text .ft-newslatter p {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 15px;
    line-height: 1.85;
}

.footer-section .footer-text .ft-contact h6,
.footer-section .footer-text .ft-newslatter h6 {
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 22px;
    color: #e0aa6f !important;
}

.footer-section .footer-text .ft-about .fa-social a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(224, 170, 111, 0.22) !important;
    background: rgba(255, 255, 255, 0.03);
    color: #fff !important;
    transition: all 0.28s ease;
    margin-right: 8px;
}

.footer-section .footer-text .ft-about .fa-social a:hover {
    background: #e0aa6f !important;
    border-color: #e0aa6f !important;
    color: #111 !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(224, 170, 111, 0.25);
}

.footer-section .footer-text .ft-newslatter .fn-form input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff !important;
    height: 52px;
    border-radius: 999px 0 0 999px !important;
    padding-left: 18px;
}

.footer-section .footer-text .ft-newslatter .fn-form input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.footer-section .footer-text .ft-newslatter .fn-form button {
    background: linear-gradient(135deg, #d8a66a, #e0aa6f) !important;
    color: #111 !important;
    width: 58px;
    border-radius: 0 999px 999px 0 !important;
    font-size: 16px;
    font-weight: 700;
}

.footer-section .copyright-option {
    background: rgba(0, 0, 0, 0.18) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-section .copyright-option ul li a,
.footer-section .copyright-option .co-text,
.footer-section .copyright-option .co-text p {
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 14px;
}

.footer-section .copyright-option ul li a:hover {
    color: #e0aa6f !important;
}

@media (max-width: 991px) {
    .footer-section .footer-text {
        padding-top: 70px;
        padding-bottom: 38px;
    }
}

@media (max-width: 767px) {
    .footer-section .footer-text .ft-about .fa-social a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .footer-section .copyright-option ul li a,
    .footer-section .copyright-option .co-text,
    .footer-section .copyright-option .co-text p {
        font-size: 13px;
    }
}
/* =========================
   GLOBAL HOVER + TRANSITION BOOST
========================= */

a,
button,
img,
.service-item,
.menu-card,
.gallery-card,
.event-card,
.wide-event-card,
.small-event-card,
.ts-item,
.footer-section .fa-social a,
.offcanvas-menu-wrapper .mainmenu.mobile-menu ul li a,
.header-section .mainmenu ul li a,
.menu-cat-btn,
.primary-btn,
.bk-btn,
.site-btn {
    transition: all 0.28s ease !important;
}

/* Butonlar */
.primary-btn:hover,
.bk-btn:hover,
.site-btn:hover,
button:hover {
    transform: translateY(-2px);
}

/* Servis kartları */
.service-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.12) !important;
}

/* Testimonial kartları */
.ts-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.10);
}

/* Galeri ve etkinlik kartları */
.gallery-card,
.event-card,
.wide-event-card,
.small-event-card {
    overflow: hidden;
}

.gallery-card img,
.event-card img,
.wide-event-card img,
.small-event-card img {
    transition: transform 0.45s ease;
}

.gallery-card:hover img,
.event-card:hover img,
.wide-event-card:hover img,
.small-event-card:hover img {
    transform: scale(1.06);
}

/* Menü kategori butonları */
.menu-cat-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.10);
}

/* Header menü linkleri */
.header-section .mainmenu ul li a:hover {
    transform: translateY(-1px);
}

/* Footer linkleri */
.footer-section a:hover {
    text-decoration: none;
}

/* Genel görseller */
img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Input focus kalitesi */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #e0aa6f !important;
    box-shadow: 0 0 0 3px rgba(224, 170, 111, 0.12) !important;
}

/* Form alanları daha yumuşak */
input,
textarea,
select {
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
/* =========================
   SECTION TITLE PREMIUM
========================= */

.section-title {
    margin-bottom: 42px;
}

.section-title span {
    display: inline-block;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase;
    color: #e0aa6f !important;
    margin-bottom: 12px;
    position: relative;
}

.section-title span::after {
    content: "";
    display: inline-block;
    width: 42px;
    height: 2px;
    background: rgba(224, 170, 111, 0.45);
    margin-left: 12px;
    vertical-align: middle;
}

.section-title h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #1b1b1b !important;
    margin-bottom: 0;
}

.about-text .section-title h2,
.menu-section .section-title h2,
.testimonial-section .section-title h2,
.blog-section .section-title h2,
.services-section .section-title h2,
.contact-text h2 {
    letter-spacing: -0.5px;
}

@media (max-width: 991px) {
    .section-title h2 {
        font-size: 34px !important;
    }

    .section-title span {
        font-size: 12px !important;
        letter-spacing: 3px !important;
    }
}

@media (max-width: 575px) {
    .section-title {
        margin-bottom: 28px;
    }

    .section-title h2 {
        font-size: 28px !important;
    }

    .section-title span::after {
        width: 28px;
        margin-left: 10px;
    }
}
/* =========================
   CONTACT FORM PREMIUM
========================= */

.contact-form input,
.contact-form textarea,
.contact-form select {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    font-size: 15px !important;
    color: #1f1f1f !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #8b8b8b !important;
}

.contact-form textarea {
    min-height: 160px !important;
    resize: vertical;
    line-height: 1.7;
}

.contact-form button,
.contact-form #reservationSubmitBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #d8a66a, #e0aa6f) !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    box-shadow: 0 14px 30px rgba(224, 170, 111, 0.22);
}

.contact-form button:hover,
.contact-form #reservationSubmitBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(224, 170, 111, 0.28);
}

.contact-text {
    background: #fff;
    border-radius: 22px;
    padding: 28px 26px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}

.contact-text p {
    line-height: 1.85;
}

.contact-text table {
    width: 100%;
    margin-top: 18px;
}

.contact-text table td {
    padding: 8px 0;
    font-size: 15px;
}

.contact-text table .c-o {
    font-weight: 600;
    color: #c89257;
    width: 90px;
}

.contact-form {
    background: #fff;
    border-radius: 22px;
    padding: 28px 26px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}

.contact-section .map {
    margin-top: 34px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.contact-section .map iframe {
    display: block;
}

@media (max-width: 767px) {
    .contact-text,
    .contact-form {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        padding: 14px 15px !important;
        border-radius: 14px !important;
    }

    .contact-form button,
    .contact-form #reservationSubmitBtn {
        width: 100%;
    }
}
/* =========================
   CONTACT MAP + BOTTOM GALLERY PREMIUM
========================= */

.contact-section .map {
    position: relative;
    margin-top: 38px !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.contact-section .map::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 24px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.contact-section .map iframe {
    display: block;
    filter: saturate(0.95) contrast(1.02);
}

.contact-bottom-gallery {
    margin-top: 42px !important;
}

.contact-bottom-gallery .col-lg-6 {
    margin-bottom: 0;
}

.contact-bottom-gallery img {
    width: 100%;
    height: 320px !important;
    object-fit: cover;
    border-radius: 22px !important;
    display: block;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);
    transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;
    filter: saturate(1.02);
}

.contact-bottom-gallery img:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
    filter: saturate(1.08);
}

@media (max-width: 991px) {
    .contact-bottom-gallery img {
        height: 280px !important;
    }
}

@media (max-width: 767px) {
    .contact-section .map {
        border-radius: 18px !important;
    }

    .contact-section .map::after {
        border-radius: 18px;
    }

    .contact-bottom-gallery {
        margin-top: 28px !important;
    }

    .contact-bottom-gallery .col-lg-6:first-child {
        margin-bottom: 16px;
    }

    .contact-bottom-gallery img {
        height: 230px !important;
        border-radius: 18px !important;
    }
}
/* =========================
   SERVICES SECTION PREMIUM
========================= */

.services-section {
    position: relative;
    background: linear-gradient(180deg, #fbfaf8 0%, #f5f1eb 100%) !important;
}

.services-section .section-title {
    text-align: center;
}

.service-item {
    position: relative;
    min-height: 280px !important;
    padding: 38px 30px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.07) !important;
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.service-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(224, 170, 111, 0.06),
        rgba(255, 255, 255, 0)
    );
    pointer-events: none;
}

.service-item i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 22px !important;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(224, 170, 111, 0.16), rgba(216, 166, 106, 0.08));
    color: #d39a58 !important;
    font-size: 34px !important;
    box-shadow: 0 10px 24px rgba(224, 170, 111, 0.12);
}

.service-item h4 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    color: #1a1a1a !important;
}

.service-item p {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #666 !important;
    margin-bottom: 0 !important;
}

.service-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.12) !important;
}

.service-item:hover i {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 14px 30px rgba(224, 170, 111, 0.18);
}

@media (max-width: 991px) {
    .service-item {
        min-height: 250px !important;
        padding: 30px 24px !important;
        border-radius: 20px !important;
    }

    .service-item h4 {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .service-item {
        min-height: auto !important;
        padding: 26px 20px !important;
        border-radius: 18px !important;
    }

    .service-item i {
        width: 64px;
        height: 64px;
        font-size: 30px !important;
        border-radius: 18px;
    }

    .service-item h4 {
        font-size: 18px !important;
    }

    .service-item p {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

/* =========================
   MOBILE FIX (CRITICAL)
========================= */
@media (max-width: 768px) {

  /* GENEL */
  body {
    overflow-x: hidden;
  }

  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* HERO */
  .hero,
  .slider,
  .banner {
    height: 65vh !important;
    border-radius: 16px;
    overflow: hidden;
  }

  .hero h1,
  .slider h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .hero p {
    font-size: 14px !important;
  }

  /* NAV FIX */
  .main-menu {
    display: none !important;
  }

  .mobile-menu {
    display: block !important;
  }

  /* CATEGORY BUTTONS */
  .menu-categories {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .menu-categories button {
    width: 100% !important;
    font-size: 14px;
    padding: 10px;
  }

  /* CARD / SECTION */
  section {
    padding: 40px 0 !important;
  }

  h2 {
    font-size: 26px !important;
  }

  /* FORM */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* RESERVATION POPUP */
  .reservation-panel,
  .mobile-menu-panel {
    width: 100% !important;
    right: 0 !important;
    transform: translateX(0) !important;
    border-radius: 0 !important;
  }

  /* FIX SCROLL */
  html, body {
    overflow-x: hidden;
  }

}

@media (max-width: 768px) {

  /* DESKTOP MENÜYÜ KAPAT */
  .main-menu,
  .header-menu,
  .nav-menu,
  .menu-area ul {
    display: none !important;
  }

}

@media (max-width: 768px) {

  /* MOBİL MENÜ INPUT ÇİZGİLERİ */
  .mobile-menu-panel input,
  .mobile-menu-panel textarea,
  .mobile-menu-panel select {
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
  }

  /* GENEL ÇİZGİ TEMİZLİĞİ */
  .mobile-menu-panel hr,
  .mobile-menu-panel .line,
  .mobile-menu-panel .divider {
    display: none !important;
  }

}

@media (max-width: 768px) {

  .mobile-menu-panel a {
    background: rgba(255,255,255,0.05);
    padding: 14px;
    border-radius: 12px;
    display: block;
    margin-bottom: 10px;
  }

}

/* =========================================
   MOBILE MENU + MENU PAGE FIX
========================================= */
@media (max-width: 768px) {

  html, body {
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* DESKTOP HEADER MENÜSÜNÜ MOBİLDE KAPAT */
  .header-section .nav-menu,
  .header-section .mainmenu,
  .header-section .top-nav {
    display: none !important;
  }

  /* SADECE HAMBURGER KALSIN */
  .canvas-open {
    display: block !important;
    right: 18px !important;
    top: 22px !important;
    z-index: 9999 !important;
  }

  /* OFFCANVAS MENÜ GENİŞLİĞİ */
  .offcanvas-menu-wrapper {
    width: 82% !important;
    max-width: 360px !important;
    padding: 28px 20px 24px !important;
    overflow-y: auto !important;
  }

  /* ORİJİNAL KOPYA MENÜYÜ GİZLE, SADECE SLICKNAV KALSIN */
  .offcanvas-menu-wrapper .mainmenu.mobile-menu {
    display: none !important;
  }

  #mobile-menu-wrap {
    display: block !important;
    margin-top: 8px !important;
  }

  /* MOBİL MENÜ ALTINDAKİ EK BÖLÜMLERİ KALDIR */
  .offcanvas-menu-wrapper .header-configure-area,
  .offcanvas-menu-wrapper .top-social,
  .offcanvas-menu-wrapper .top-widget,
  .offcanvas-menu-wrapper .beach-contact-line,
  .offcanvas-menu-wrapper .offcanvas-logo {
    display: none !important;
  }

  /* SLICKNAV NOKTA / ÇİZGİ / ALT MENÜ İZLERİNİ TEMİZLE */
  .slicknav_nav ul,
  .slicknav_nav li,
  .slicknav_nav li a,
  .slicknav_nav .slicknav_row,
  .slicknav_nav .slicknav_item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    list-style: none !important;
  }

  .slicknav_nav li::before,
  .slicknav_nav li::after,
  .slicknav_nav ul::before,
  .slicknav_nav ul::after {
    display: none !important;
    content: none !important;
  }

  .slicknav_nav {
    padding: 0 !important;
    margin: 0 !important;
  }

  .slicknav_nav li {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }

  .slicknav_nav a {
    display: block !important;
    width: 100% !important;
    padding: 18px 20px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.06) !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  .slicknav_nav a:hover,
  .slicknav_nav .slicknav_row:hover {
    background: rgba(255,255,255,0.10) !important;
  }

  .slicknav_btn {
    display: none !important;
  }

  /* HERO YAZI BOYUTLARI */
  .hero-section,
  .hero-content-wrap,
  .hs-item {
    min-height: 720px !important;
  }

  .hero-text {
    padding-top: 24px !important;
    margin-bottom: 22px !important;
  }

  .hero-text h1 {
    font-size: 28px !important;
    line-height: 1.14 !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
  }

  .hero-text p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  .primary-btn,
  .bk-btn,
  .site-btn {
    font-size: 14px !important;
    padding: 12px 20px !important;
  }

  /* REZERVASYON FORM */
  .booking-form {
    margin-top: 10px !important;
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .booking-form h3 {
    font-size: 28px !important;
    margin-bottom: 18px !important;
  }

  .booking-form .check-date input,
  .booking-form .nice-select,
  .booking-form button {
    height: 56px !important;
    line-height: 56px !important;
    font-size: 16px !important;
  }

  /* SECTION BOŞLUKLARI */
  .aboutus-section,
  .services-section,
  .hp-room-section,
  .testimonial-section,
  .blog-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .section-title h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  /* MENU PAGE CATEGORY GRID */
  .menu-categories {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }

  .menu-categories a,
  .menu-categories button,
  .menu-cat-btn {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    border-radius: 999px !important;
    padding: 14px 18px !important;
  }

  /* MENU HERO */
  .page-title,
  .breadcrumb-section,
  .breadcrumb-text h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  /* GALLERY / EVENT KARTLARI */
  .gallery-card,
  .event-dynamic-card,
  .event-card,
  .wide-event-card,
  .small-event-card {
    min-height: 300px !important;
    height: auto !important;
  }

  .event-dynamic-card img {
    min-height: 300px !important;
  }

  /* FOOTER */
  .footer-text {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 768px) {

  /* HERO BAŞLIK FIX */
  .hero-text h1,
  .page-title h2,
  .breadcrumb-text h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    padding: 0 10px !important;
  }

}

@media (max-width: 768px) {

  /* İletişim sayfası hero başlığı */
  .hero-text h1,
  .breadcrumb-text h2,
  .page-title h2,
  .contact-hero h1,
  .contact-hero h2,
  .contact-section h1,
  .contact-section h2 {
    font-size: 18px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 14px !important;
    margin: 0 auto !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  @media (max-width: 768px) {

  /* İletişim sayfası hero başlığı - dengeli boyut */
  .hero-text h1,
  .breadcrumb-text h2,
  .page-title h2,
  .contact-hero h1,
  .contact-hero h2,
  .contact-section h1,
  .contact-section h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    max-width: 92% !important;
    width: 100% !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
  }

  .hero-text,
  .breadcrumb-text,
  .page-title,
  .contact-hero,
  .contact-section {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================
   PREMIUM BLUR HEADER
========================= */

.header-section {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition: all 0.3s ease;
}

/* Scroll olunca daha güçlü efekt */
.header-scrolled {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(14px);
}

/* İçerik header altında kalmasın */
body {
  padding-top: 90px;
}

@media (max-width: 768px) {

  /* HEADER HER ZAMAN GÖRÜNSÜN */
  .header-section {
    display: block !important;
    visibility: visible !important;
  }

  /* LOGO GÖRÜNSÜN */
  .header-section .logo {
    display: block !important;
    visibility: visible !important;
  }

  /* DESKTOP MENÜYÜ GİZLE */
  .header-section .nav-menu,
  .header-section .mainmenu,
  .header-section ul {
    display: none !important;
  }

  /* HAMBURGER GÖRÜNSÜN */
  .canvas-open {
    display: block !important;
    position: fixed !important;
    top: 22px !important;
    right: 18px !important;
    z-index: 99999 !important;
  }

}

/* =========================================
   PREMIUM CARD UPGRADE
========================================= */

/* Genel kart hissi */
.card,
.service-item,
.ts-item,
.menu-card,
.menu-item-card,
.event-card,
.event-dynamic-card,
.gallery-card,
.blog-item,
.about-text,
.booking-form {
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease !important;
  overflow: hidden;
}

/* Hover efekti */
.card:hover,
.service-item:hover,
.ts-item:hover,
.menu-card:hover,
.menu-item-card:hover,
.event-card:hover,
.event-dynamic-card:hover,
.gallery-card:hover,
.blog-item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14) !important;
  filter: saturate(1.03);
}

/* Görsel kartların daha premium görünmesi */
.gallery-card img,
.event-card img,
.event-dynamic-card img,
.blog-item img {
  transition: transform 0.45s ease, filter 0.35s ease !important;
}

.gallery-card:hover img,
.event-card:hover img,
.event-dynamic-card:hover img,
.blog-item:hover img {
  transform: scale(1.04) !important;
  filter: brightness(1.03);
}

/* Menü ürün kartları */
.menu-card,
.menu-item-card {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(223, 169, 116, 0.14) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Etkinlik kart overlay daha derin */
.event-card::before,
.event-dynamic-card::before,
.blog-item::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.10)) !important;
}

/* Beyaz kutular daha yumuşak */
.booking-form,
.about-text,
.ts-item {
  background: rgba(255, 255, 255, 0.96) !important;
}

/* Butonlara premium his */
.primary-btn,
.bk-btn,
.site-btn,
button {
  box-shadow: 0 10px 24px rgba(223, 169, 116, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease !important;
}

.primary-btn:hover,
.bk-btn:hover,
.site-btn:hover,
button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(223, 169, 116, 0.24);
}

/* Mobilde hover yerine sadece yumuşak görünüm */
@media (max-width: 768px) {
  .card,
  .service-item,
  .ts-item,
  .menu-card,
  .menu-item-card,
  .event-card,
  .event-dynamic-card,
  .gallery-card,
  .blog-item,
  .about-text,
  .booking-form {
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
  }

  .card:hover,
  .service-item:hover,
  .ts-item:hover,
  .menu-card:hover,
  .menu-item-card:hover,
  .event-card:hover,
  .event-dynamic-card:hover,
  .gallery-card:hover,
  .blog-item:hover {
    transform: none !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
  }
}

/* =========================================
   HERO PREMIUM ANIMATION
========================================= */

/* Hero görsel */
.hero-section img,
.hero-slider img {
  transform: scale(1.08);
  transition: transform 6s ease;
}

/* Sayfa açılınca zoom */
body.loaded .hero-section img,
body.loaded .hero-slider img {
  transform: scale(1);
}

/* Hero yazı */
.hero-text,
.hs-text,
.hero-content {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.2s ease;
}

/* Yazı animasyonu */
body.loaded .hero-text,
body.loaded .hs-text,
body.loaded .hero-content {
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   MENU CATEGORY GRID FIX (SAFE VERSION)
========================= */

.menu-grid-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.menu-category-card {
    width: calc(33.33% - 14px);
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 200px;
    cursor: pointer;
}

.menu-category-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu-category-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.menu-category-content h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.menu-btn {
    display: inline-block;
    padding: 6px 14px;
    background: #dfa974;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
}

@media (max-width: 991px) {
    .menu-category-card {
        width: calc(50% - 10px);
    }
}

@media (max-width: 575px) {
    .menu-category-card {
        width: 100%;
    }
}

/* MOBİL MENÜ DÜZELTME */
@media (max-width: 768px) {
  .menu-items,
  .food-menu,
  .menu-grid,
  .items-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 0 18px !important;
  }

  .menu-card,
  .food-card,
  .menu-item,
  .item-card {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .menu-card img,
  .food-card img,
  .menu-item img,
  .item-card img {
    width: 120px !important;
    min-width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }

  .menu-card-content,
  .food-card-content,
  .menu-info,
  .item-info {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .menu-card h3,
  .food-card h3,
  .menu-item h3,
  .item-card h3 {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
  }

  .menu-card p,
  .food-card p,
  .menu-item p,
  .item-card p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .menu-card .price,
  .food-card .price,
  .menu-price,
  .item-price {
    font-size: 19px !important;
    margin-top: 8px !important;
    color: #d9a15f !important;
  }
}