@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url('//fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('//fonts.googleapis.com/css2?family=Rufina:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Cookie&family=Rufina:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Rufina:wght@400;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Rufina:wght@400;700&display=swap');
@import url("../../npm/bootstrap-icons-1.10.5/font/bootstrap-icons.css");
/* 
---------------------------------------------
header
--------------------------------------------- 
*/


a {
	text-decoration: none;
	color: #777;
}

.sub-header {
	background-color: #1f272b;
	position: relative;
	z-index: 1111;
}

.sub-header .left-content p {
	color: #fff;
	padding: 8px 0px;
	font-size: 13px;
}

.sub-header .right-icons {
	text-align: right;
	padding: 8px 0px;
}

.sub-header .right-icons ul li {
	display: inline-block;
	margin-left: 15px;
}

.sub-header .right-icons ul li a {
	color: #fff;
	font-size: 14px;
	transition: all .3s;
}

.sub-header .right-icons ul li a:hover {
	color: #c79348;
}

.sub-header .left-content p em {
	font-style: normal;
	color: #c79348;
}

.background-header {
	background-color: #fff !important;
	height: 80px !important;
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}

.background-header .main-nav .nav li a {
	color: #1e1e1e !important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
	color: #1e1e1e !important;
}

.background-header .main-nav .nav li:hover a {
	color: #c79348 !important;
}

.background-header .nav li a.active {
	color: #c79348 !important;
}

.header-area {
	background-color: rgb(0, 0, 0);
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.header-area .main-nav {
	min-height: 0px;
	background: transparent;
	display: flex;
	align-items: baseline;
}

.header-area .main-nav .logo {
	line-height: 75px;
	color: #fff;
	float: left;
	transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo img {
	line-height: 75px;

}

.logo img {
	width: 110px;
}

.background-header .nav {
	margin-top: 20px !important;
}

.header-area .main-nav .nav {
	text-align: center;
	background-color: transparent;
	margin: auto;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
}

.header-area .main-nav .nav li {
	padding-left: 15px;
	padding-right: 15px;
}

.header-area .main-nav .nav li:last-child {
	padding-right: 0px;
}

.header-area .main-nav .nav li a {
	display: block;
	font-weight: 500;
	font-size: 17px;
	transition: all 0.3s ease 0s;
	height: 40px;
	line-height: 40px;
	border: transparent;
	color: #fff;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
	color: #c79348;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
	color: #c79348 !important;
	opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
	position: relative;
	padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
	font-family: FontAwesome;
	content: "\f107";
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 5px;
	top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
	color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
	position: absolute;
	width: 200px;
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	overflow: hidden;
	top: 40px;
	opacity: 0;
	transition: all .3s;
	transform: translateY(+2em);
	visibility: hidden;
	z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
	opacity: 1;
	display: block;
	background: #f7f7f7;
	color: #2a2a2a !important;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	font-size: 13px;
	font-weight: 400;
	border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
	background: #fff;
	color: #c79348 !important;
	padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
	width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 33px;
	width: 32px;
	height: 40px;
	text-indent: -9999em;
	z-index: 99;
	right: 40px;
	display: none;
}

.background-header .main-nav .menu-trigger {
	top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
	width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	content: "";
}

.header-area .main-nav .menu-trigger span {
	top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
	-moz-transform-origin: 33% 100%;
	-ms-transform-origin: 33% 100%;
	-webkit-transform-origin: 33% 100%;
	transform-origin: 33% 100%;
	top: -10px;
	z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
	-moz-transform-origin: 33% 0;
	-ms-transform-origin: 33% 0;
	-webkit-transform-origin: 33% 0;
	transform-origin: 33% 0;
	top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
	background-color: transparent;
	width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:before {
	background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
	-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	transform: translateY(-6px) translateX(1px) rotate(-45deg);
	background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:after {
	background-color: #1e1e1e;
}

.header-area.header-sticky {
	min-height: 80px;
}

.header-area .nav {
	margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
	color: #c79348;
}


/* 
  ---------------------------------------------
  banner
  --------------------------------------------- 
  */

.main-banner {
	position: relative;
	max-height: 100%;
	overflow: hidden;
	margin-bottom: -7px;
}

#bg-video {
	min-width: 100%;
	min-height: 100vh;
	max-width: 100%;
	max-height: 100vh;
	object-fit: cover;
	z-index: -1;
}

#bg-video::-webkit-media-controls {
	display: none !important;
}

.video-overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.41);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.main-banner .caption {
	position: absolute;
	top: 200px;
	transform: translateY(40%);
	margin: auto;
	left: 330px;
}

.main-banner .caption h6 {
	margin-top: 0px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 1px;
	font-family: "Cookie", Sans-serif !important;
}

.main-banner .caption h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0px;
	font-family: "Rufina", serif !important;
}

.main-banner .caption h2 em {
	font-style: normal;
	color: #c79348;
	font-weight: 900;
}

.main-banner .caption p {
	color: #fff;
	font-size: 18px;
	max-width: 570px;
	font-family: 'Poppins', cursive !important;
}

.main-banner .caption .main-button-red {
	margin-top: 30px;
}


.contact-info {
	padding-left: 30px;
	position: relative;

}

.contact-info .media-icon i {
	color: #DAA655 !important;
	margin-right: 5px;
	padding-left: 4px;
	transform: rotate(95deg);
	font-size: 30px;
}

.text-white-light {
	color: #a1a1a1;
}

.text-font1 a {
	color: #d0d0d0;
	text-decoration: none;
	font-size: 20px;
	font-weight: 501;
}

.main-button-red a {
	font-size: 15px;
	background-color: #d9a657;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 22px;
	font-weight: 500;
	transition: all .3s;
	color: #fff;
	font-family: 'Poppins', cursive !important;
}

.about_bn img {
	width: 460px;
	text-align: center;
}

.about_bn {
	text-align: center;
}

.about {
	margin: 30px auto;
}

.about_head {
	font-family: "Cookie", Sans-serif !important;
	font-size: 60px;
}

.about_head span {
	color: #d9a657;
}

.about_text {
	text-align: justify;
	margin-top: 20px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.8;
	font-size: 16px;
}

.box-title {
	font-size: 24px;
}

.text-counter1 {
	position: relative;
	margin-top: 40px;
	display: flex;
	align-items: flex-start;
}

.text-counter1 .counter-icon {
	margin-right: 10px;
	display: flex;
}

.counter-icon img {
	width: 60px;
}

.text-counter1 .counter {
	font-size: 45px;
	font-family: "Cookie", Sans-serif !important;
	padding-bottom: 5px;
}

.text-font1 {
	font-family: 'Poppins', cursive !important;
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 0px;
}

.media-body {
	margin-right: 25px;
}

.section-title {
	margin-bottom: 0px;
	text-align: center;
}

.title-selector {
	font-family: "Cookie", Sans-serif;
	font-size: 60px;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 0px;
}

.sec-title1 {
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 0px;
	font-family: "Cookie", serif;
}

.text-theme {
	color: #d9a657;
}

.sec-line {
	margin-bottom: 28px;
}


.post-slide {
	background: #fff;
	margin: 20px 15px 20px;
	border-radius: 0px;
	padding-top: 1px;
	border: 1px solid rgba(0, 0, 0, 0.1);

}

.post-slide:hover {
	border: 1px solid #b67c37;
}

.post-slide .post-img {
	overflow: hidden;
	border-radius: 0px;
	margin: -14px 10px 8px 12px;
	margin-left: 12px;
	margin-left: -10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.post-slide .post-img:hover {
	border: 1px solid #b67c37;
}

.post-slide .post-img img {
	width: 90px;
	height: auto;
	transform: scale(1, 1);
	transition: transform 0.2s linear;
	margin: 70px auto 25px auto;
}


.post-slide .post-content {
	background: #fff;
	padding: 2px 20px 40px;
	border-radius: 15px;
}

.post-slide .post-title {
	color: #00010a;
	text-align: center;
	transition: all 0.3s ease 0s;
	margin: auto;
	font-family: 'Rufina', serif;
	font-weight: 701;
	font-size: 35px;
	margin-bottom: 10px;
}

.post-slide .post-description {
	line-height: 24px;
	color: #777;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	height: 160px;
}


.contant_im img {
	width: 100% !important;
	padding: 0px 70px;
}

.imge_backg {
	background-image: url(../images/DSC03888.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.imge_backg .footer-col {
	padding: 70px 0px;
	background-color: #060606ad;
	opacity: 1;
}


.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #00000000;
	display: grid !important;
	border-bottom: 3px solid #fff;
}

.nav-pills .nav-link {
	border-radius: 0px;
	display: grid;
	color: #ffff;
	border-bottom: 3px solid #ffffff00;
	margin-bottom: 30px;
}

.nav-link img {
	width: 85px;
	margin: auto;
}

.button {
	color: #183368;
	text-decoration: none;
}

.button:hover {
	color: #ffffff;
	text-decoration: none;
}

/* When active state */
.active {
	display: block !important;
}


.active a {
	color: rgb(255, 255, 255) !important;
}



.home-demo .item {
	background: #ff3f4d;
}

.home-demo h2 {
	color: #FFF;
	text-align: center;
	padding: 5rem 0;
	margin: 0;
	font-style: italic;
	font-weight: 300;
}

.slick-slide {
	display: block;
	width: 85%;
	float: left;
	height: 100%;
	min-height: 1px;
}

/*------------------- 8.13. Food Menu  -------------------*/
.food-menu-wrapper ul li {
	display: inline-block;
	margin: 0 3px;
	margin-bottom: 10px;
}

.food-menu-wrapper ul li:last-child,
.food-menu-wrapper ul li:last-of-type {
	margin-right: 0;
}

.food-menu-wrapper ul li:first-child,
.food-menu-wrapper ul li:first-of-type {
	margin-left: 0;
}

.vs-food-box {
	text-align: center;
	background-color: #fff !important;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
	padding: 80px 20px 45px 20px;
	position: relative;
	border-radius: 10px;
	margin-bottom: 30px;
	transition: all ease 0.4s;
}

.vs-food-box:hover {
	background-color: #d9a657 !important;
}

.vs-food-box:hover .food-title {
	color: #fff;
}

.vs-food-box:hover .vs-btn {
	background-color: #fff !important;
	color: #d9a657;
}

.vs-food-box:hover .vs-btn {
	background-color: #fff !important;
	color: #d9a657 !important;
}

.food-title {
	transition: all ease 0.4s;
	font-family: 'Rufina', serif !important;
}

.vs-btn {
	display: inline-block;
	font-size: 16px;
	border-radius: 50px;
	font-weight: 700;
	text-align: center;
	z-index: 1;
	position: relative;
	vertical-align: middle;
	padding: 12px 38px;
}

.food-image {
	width: 220px;
	height: 220px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	border-radius: 50%;
}

.food-image img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.tag-left {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-family: var(--theme-font2);
	padding: 5px 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
}

.food-price {
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	z-index: 1;
	position: absolute;
	top: -5px;
	left: -15px;
	font-size: 18px;
	width: 80px;
	height: 80px;
	line-height: 1;
	background-color: #d9a657;
	border: 5px solid #fff;
	border-radius: 50%;
}


.food-text {
	font-size: 14px;  text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #777;
}

.slick-slide.slick-current {
	margin: auto;
}

/*------------------- 8.14. Gallery  -------------------*/
.vs-gallery {
	position: relative;
	margin-bottom: 30px;
}

.vs-gallery:hover .gallery-content:before {
	transform: scale(1, 1);
	transform-origin: left top;
}

.vs-gallery:hover .gallery-content>* {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.45s;
}

.vs-gallery:hover .icon-btn:hover {
	transition-delay: 0s;
}

.gallery-content {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	background: #00000061;
	z-index: 2;

}

.gallery-content::before {
	z-index: -1;
	transition-delay: 0s;
	transform-origin: right top;
	transition: transform linear 0.3s;
	transform: scale(0, 1);
}

.gallery-content>* {
	opacity: 0;
	position: relative;
	visibility: hidden;
	transition: all ease 0.3s;
}

.icon-btn {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 2;
}

.icon-btn.text-body:hover {
	color: #ffffff !important;
}

.icon-btn.middle {
	top: 50%;
	bottom: auto;
	right: auto;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 42px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: #fff;
}

.icon-btn.middle:hover {
	color: #d9a657;
}


.vs-gallery:hover .gallery-content::before {
	transform: scale(1, 1);
	transform-origin: left top;
}

.gallery-content::before {
	z-index: -1;
	transition-delay: 0s;
	transform-origin: right top;
	transition: transform linear 0.3s;
	transform: scale(0, 1);
	background: #000000fa;
}

[data-opacity="7"]::before {
	opacity: 0.7;
}

.image_bac {
	background-image: url(../images/DSC03888.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 120px;
	margin-bottom: 120px;
}

.image_bac .footer-col {
	padding: 45px 0px 100px 0px;
	background-color: #060606ad;
	opacity: 1;
}

.detail_1 {
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 40px 40px;
	background-color: #fff;
	border: 2px solid #f2f2f2;
}

.detail {
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 115px 80px 115px 80px;
	background-color: #fff;
	border: 2px solid #f2f2f2;
}

.icon {
	line-height: 26px;
	text-align: center;
}

h3.box-title {
	font-size: 26px;
	font-family: 'Rufina', serif;
}

.icon i {
	font-size: 26px;
	color: #d9a657;
	padding: 9px;
}

.fa-3x {
	font-size: 26px;
	color: #d9a657;
	padding: 10px 10px;
}

.text-cont {
	color: #ffff;
	margin: 0 0 20px 0;
	font-family: 'Roboto', sans-serif;
}

.text-cont p {
	color: #fff;
}

.text-cont a {
	color: #a5a5a5;
}

.media-body {
	margin: 5px 0px 0px 0px;
}

.form_tit {
	font-family: "Cookie", Sans-serif;
	font-size: 36px;
	text-align: center;
	margin-bottom: 25px;
}

.appointment-form1 input {
	border: 1px solid rgba(0, 0, 0, 0.1);
	width: 370px;
}

.appointment-form1 .form-group {
	display: flex;
	justify-content: center;
}

.nice-select,
.form-control {
	border-radius: 0;
	height: 50px;
	padding: 5px 10px;
	color: #232323;
	background-color: #ffffff;
	margin-bottom: 20px;
}

.contacts_btn {
	border-radius: 0px;
  padding: 12px 22px;
  font-size: 17px;
  color: #000;
  background-color: #fafafa;
  border: 2px solid #b67c37;
  font-weight: 600;
  transition: 0.5s;

}
.contacts_btn:hover{
	background-color: #b67c37;
	color: #fff;
}
.icon-contact-box {
	margin-bottom: 5px;
	position: relative;
}

.form-group>i {
	color: #d9a657;
	position: absolute;
	right: 330px;
	line-height: 57px;
}

.vs-btn.mask-style1 {
	background-color: #d9a657;
}

.vs-btn.mask-style1,
.vs-btn.mask-style2,
.vs-btn.style1 {
	color: #fff;
	border: 2px solid transparent;
}

.vs-btn.mask-style1:hover {
	color: #d9a657;
	border-color: #d9a657;
	background-color: #fff;
}

.testimonial-text {
	line-height: 28px;
	height: 155px;
}

.author-image {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.author-image img {
	width: 100%;
}

.testimonial-bg-icon {
	position: absolute;
	bottom: 50px;
	right: 60px;
	line-height: 1;
}


.vs-testimonial {
	position: relative;
	margin-bottom: 30px;
	border: 2px solid #d6d6d6;
	transition: all ease 0.4s;
}

.vs-testimonial {
	padding: 60px 40px;
}

.vs-testimonial:hover {
	border-color: #d9a657;
	background-color: var(--white-color) !important;
}


.footer {
	background-image: url(../images/DSC03891.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.footer::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000e5;
	content: '';
	opacity: 0.9;
}

.copy a {
	color: #fff;
}

.footer2-title {
	position: relative;
	margin-bottom: 0px !important;
	padding-bottom: 5px;
	font-family: "Rufina", serif !important;
}

.heading-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 60px;
	height: 3px;
	background-color: #d9a657;
}

.widget-container {
	margin: 0px 0px 10px 0px;
}

.heading-title {
	color: #FFFFFF;
	font-size: 28px;
	padding: 0;
	margin: 0;
	line-height: 1;
	position: relative;
	margin-bottom: 20px;
}

.footer {
	padding: 80px 0px 20px;
	opacity: 1;
}

.footer_About {
	margin-bottom: 20px;
}

.heading-text {
	color: #F4F4F4E3;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	position: relative;
}

.heading-text li {
	list-style: none;
}

.heading-text li span {
	padding-left: 20px;
}

.elementor-grid {
	display: inline-block;
	width: 100%;
	word-spacing: --grid-column-gap=13px;
	margin-bottom: --grid-row-gap=0px;
}

.elementor-grid-item {
	display: inline-block;
	margin-bottom: var(--grid-row-gap);
	word-break: break-word;
}

.social-icon {
	background-color: #FFFFFF00;
	--icon-padding: 0.8em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DDDDDD3D;
	border-radius: 29px 29px 29px 29px;
	padding: 8px 12px;
}

.social-icon:hover {
	background-color: #d9a657;
	color: #fff !important;
}

.social-icon i {
	color: #FFFFFF;
}

.social-icon .fab {
	color: #777;
}

.social-icon .fab:hover {
	color: #fff;
}

.last_part {
	padding: 15px 10px;
	background: #17191c;
	color: #fff;
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #FFFFFF21;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 1rem 0rem 1rem 0rem;
	font-family: 'Roboto', sans-serif;
}

.copy {
	margin-left: 0;
	margin-bottom: 0rem;display: inline;
}

.breadcumb-wrapper {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('https://qilabarandgrill.com/assets/images/DSC04066.png');
	background-size: cover;
	margin-top: 109px;
}

[data-opacity="6"]::before {

	opacity: 0.6;

}

[data-overlay]::before {

	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

}

.breadcumb-wrapper .z-index-common {
	padding: 50px 0px 50px 0px;
	background-color: #000000c9;
	opacity: 1;
}

.z-index-common {
	position: relative;
	z-index: 3;
	height: 200px;
}

.breadcumb-layout1 .breadcumb-title {
	color: #ffffff;
	word-break: break-word;
}

.breadcumb-menu-style1 {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	transform: translateX(-50%) translateY(50%);
	margin: 0;
	padding: 17px 38px;
	border-radius: 50px;
	box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.15);
	max-width: 100%;
	width: fit-content;
	min-width: 250px;
	text-align: center;
	list-style: none;
	display: flex;
	background-color: #fff;
}

.breadcumb-menu-style1 li,
.breadcumb-menu-style1 a,
.breadcumb-menu-style1 span {
	color: #777;
	white-space: normal;
	word-break: break-word;
	margin-right: 5px;
	margin-left: 8px;
}

.breadcumb-content h1 {
	font-family: "Rufina", serif;
	text-align: center;
	color: #fff;
}

.vs-about-wrapper {
	padding: 150px 0px 0px 0px;
}

.row.gutters-20 {
	padding-left: 5px;
	padding-right: 5px;
}

.about-image {
	padding: 0px 10px;
	text-align: center;
}

.about_img {
	width: 85%;
	margin: auto;
	padding: 1px 0px;
	text-align: center;
}

.text-font3 {
	font-family: "Cookie", Sans-serif;
	font-size: 40px;
	line-height: 1.4;
	margin-top: -6px;
	color: #d9a657;
}

.conta {
	margin: 0 0 20px 0;
	margin-bottom: 20px;
	font-size: 17px;
	color: #555;
	text-align: justify;
	font-family: 'Roboto', sans-serif;

}

.conta {
	margin-bottom: 20px;
}

.conta_P {
	margin-bottom: 40px;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 20px;
}

.media-icon {
	padding-right: 0px;
}

.media-icon img {
	width: 55px;
}

.media_body h3 {
	font-size: 24px;
	margin-top: -7px;
	font-family: "Rufina", serif;
	margin-bottom: 10px;
	margin-left: 15px;
}

.media_body p {
	margin: 0 0 20px 0;
	margin-bottom: 20px;
	color: #777;
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
}

.book {
	border: 0px solid #333;
	background: #daa655;
	padding: 0px 16px;
	border-radius: 2px;
	color: #fff !important;
}

.book:hover {
	color: #fff !important;
}

.align-self-center {
	align-self: center !important;
	padding: 0px 25px;
}

.populated {
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 15px 0px 15px;
}

.widget-wrap {
	padding: 60px 60px 60px 60px;
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	background-color: #f5f6f6;
}

.eading-title {
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 1;
}

.size-default {
	color: #c79348;
	margin-bottom: 20px;
}

.group {
	margin-bottom: 30px;
	position: relative;
	border-radius: 0;
	height: 60px;
	border: none;
	color: #777;
	background-color: #ffffff;
}

.border-shadow {
	box-shadow: 0px 16px 32px 0px rgba(7, 14, 29, 0.06) !important;
	border: 2px solid rgb(234, 234, 234) !important;
}

.cubox {
	background: #fff !important;
	padding: 30px 80px;
	margin-top: 30px;
}

.cuform {
	border-radius: 0;
	box-shadow: 0px 16px 32px 0px rgba(7, 14, 29, 0.06) !important;
	border: 2px solid rgb(234, 234, 234) !important;
}

.cusbtn {
	display: inline-block;
	border: none;
	font-size: 17px;
	border-radius: 0px;
	font-weight: 500;
	padding: 16px 48px;
	float: left;
	z-index: 1;
	position: relative;
	background: #c79348;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	border: 3px solid #c79348;
}

.cusbtn:hover {
	border: 3px solid #c79348;
	color: #c79348;
	background-color: #fff;

}

.cushead {
	color: #212529;
	font-size: 30px;
	margin-top: 0;
	font-family: "Rufina", serif;

}

.custext {
	font-size: 17px;
	margin-top: -5px;
	margin-bottom: 20px !important;
	font-family: 'Roboto', sans-serif;
	color: #c79348;
}

.textborde {
	padding-left: 25px
}

.mapp {
	width: 100%;
	height: 95%;
	border: 1px solid #d4d4d4
}

.cusico {
	padding: 20px 10px;
	width: 95%;
	margin: 50px auto auto;
	background: #fff;
	border: 1px solid #d1d1d1;
	text-align: center;
	height: 132px
}

.cusicg {
	color: #c79348;
	font-size: 40px
}

.cusicohead {
	font-size: 19.5px;
	color: #f04a31;
	margin-top: 5px
}

.cusicotext,
.cusicotext:hover {
	font-size: 16px;
	text-decoration: none;
	color: #31444a;
	text-align: center
}

.conttcc {
	padding: 60px 60px;
	background-color: #eee;
}

.cont_t {
	padding: 0px 60px;
}

.leading-title {
	font-size: 36px;
	line-height: 1.2em;
}

.size_default {
	font-family: "Rufina", Sans-serif;
	font-size: 28px;
	font-weight: bold;
}

.size_default1 {
	color: #c79348;
	font-family: "Rufina", Sans-serif;
	font-size: 28px;
	font-weight: bold;
}

.cont_titt {
	font-family: "Rufina", Sans-serif;
	font-size: 36px;
	line-height: 1.2em;
}

.layout ul li {
	border-bottom: 1px dashed #d9d9d9;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	font-family: 'Roboto', sans-serif;
}
.time_layout ul li p{
	margin-bottom: 0px !important;
	font-size: 16px;
}
.time_layout ul li { 
	padding: 5px 0;
	display: flex;
	color: #fff;
	justify-content: space-between;
	font-family: 'Roboto', sans-serif;
}
.content-between p {
	margin-bottom: 0px;
	font-size: 15px;
}

.content-between {
	margin: 0 0 0px 0;
	margin-bottom: 0px;
	color: #777;
}

.content-between .time {
	float: right;
	font-size: 14px;
}

.list-icon i {
	color: #c79348;
	transition: color 0.3s;
	font-size: 20px;
}

.list-items {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.list-text {
	transition: color 0.3s;
	align-self: center;
	padding-left: 5px;
	font-size: 16px;
	line-height: 26px;
	color: #777;
	font-family: 'Roboto', sans-serif;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
	margin-bottom: 2rem;
}

.contact_box {
	padding: 80px 0px;
}

.image_b {
	padding: 70px 0px 70px 0px;
	justify-content: center;
}


.list_nam {
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	padding: 0px 0px 0px 0px;
}

.food-list-box {
	width: auto;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 20px;
}
.food-list-wrapper.food-list-layout1 {
	padding: 30px;
  }
.food-list-layout1 .food-list-top {
	border-bottom: 1px dashed #cecece;
	padding-bottom: 7px;
	margin-bottom: 5px;
	justify-content: space-between !important;
	display: flex !important;
}

.food-list-layout1 .food-list-title {
	font-size: 22px;
	margin-top: -7px;
}

.food-list-title a {
	color: #00010A;
	font-family: "Rufina", Sans-serif;
	font-size: 18px;
}

.food-list-layout1 .food_price {
	font-weight: 700;
	display: flex;
	flex-direction: row-reverse;
	gap: 7px;
	color: #c79348;
	font-size: 16px;
}
.food-list-layout1 .food_price ins{
text-decoration: none !important;
}
.text-theme {
	font-size: 50px;
	color: #c79348;
	font-weight: 700;
}
.section-title {
	margin: 40px auto 10px auto !important;
  }
.probycat_ulbox {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.back_bg {
	box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.1);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	background-color: #FFFFFF;
	padding: 0;

}

.suggested-img {
	width: 90%;
	margin: auto;
}

.feedback-img {
	width: 90%;
	margin: auto;
}

.left_arrow {
	position: absolute;
	top: 25px;
	left: 600px;
	background: #fff;
	color: #000;
	font-size: 14px;
	padding: 2px;
	z-index: 1
}

.right_arrow {
	position: absolute;
	top: 25px;
	right: 0px;
	padding: 2px;
	background: #fff;
	color: #000;
	font-size: 14px;
}

.slick-arrow {
	display: none !important;
}

.Menu-img p {
	position: absolute;
	bottom: 0px;
	color: #fff;
	margin-left: 20px;
	font-size: 22px;
}

.Menu-img img {
	width: 100%;
	height: auto;
}

.author-name {
	font-size: 16px !important;
	color: #c79348;
	font-weight: 700;
	text-align: center;
}

.author-name span {
	text-align: center !important;
}

.slick-arrow .right_arr {
	display: none !important;
}

.slick-arrow .left_arr {
	display: none !important;
}

.phone-icon {
	position: fixed;
	z-index: 99999999999;
	top: 200px;
	right: -260px;
	transition: all .3s ease;
}

.phone:hover {
	margin-right: 300px;
	width: 230px;
}

.phone-icon ul:hover li a {
	color: #fff;
}


.phone-icon ul li {
	list-style: none;
	width: 300px;
	height: 40px;
	color: #fff;
	padding-left: 40px;
	margin-bottom: 3px;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	transition: all .5s ease;
	overflow: hidden;
	margin-bottom: 3px;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	background: #c79348;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.phone-icon .phone_tel i {
	font-size: 23px;
	padding: 5px;
	line-height: 50px;
	margin-left: 20px;
}

.phone-icon .insta_tel i {
	font-size: 23px;
	padding: 5px;
	line-height: 50px;
	margin-left: 20px;
}

.offside {
    width: 50px;
    list-style: none !important;
    padding-left: 0 !important;
	position: fixed;
    right: 0;
    bottom: 45%;
    z-index: 0;
}

.dropdown-menu.show
{
  display: block;
  background: #000;
  padding: 10px;
}
.offside li {
    width: 55px;
    height: 55px;
    position: relative;
    background: #971881  !important;
	border-radius: 50px 0px 0px 50px;
    text-align: center;
    transition: all .7s;
    -webkit-transition: all .7s;
}
.dropdown-item
{
  height: 50px !important;
}	
.offside a {
    color: #222;  
    display: block; 
    cursor: pointer;
}
.offside .icon {
    font-size: 20px;
    height: 100%;
    line-height: 55px;
    text-align: center;
    display: block;
    color: #fff;
}
.phone-icon ul li a {
	line-height: 58px;
	font-size: 18px;
	font-weight: 501;
	transition: all 0.3s ease 0s;
}

.phone-icon ul li i {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.phone-icon ul li {
	list-style: none;
	width: 330px;
	height: 60px;
	color: #fff;
	padding-left: 75px;
	border-radius: 58px;
	transition: all .5s ease;
	overflow: hidden;
	margin-bottom: 3px;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	background: #c79348;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.phone-icon .phone_email i {
	background: url(https://qilabarandgrill.com/assets/images/phone_e.png) no-repeat;
}

.phone-icon ul li i {
	width: 56px;
	height: 66px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
} 

.phone-icon .phone_whatsapp i {
	background: url(https://qilabarandgrill.com/assets/images/phone_w.png) no-repeat;
}

.form-group>i {
	display: none !important;
}

.slick_dots {
	position: absolute;
	bottom: -15%;
	left: 50%;
	transform: translateX(-50%);
}

.slick_dots li {
	display: inline-block;
}

.grid-container {
	columns: 3 220px;
	column-gap: 1.5rem;
	width: 90%;
	margin: auto;
	margin-top: auto;
	text-align: center;
	margin-top: 20px;
}

.align_grid {
	margin: auto;
	margin-bottom: 0px;
	margin-bottom: 0px;
	padding: 10px;
	display: inline-block;
	width: 100%;
	border: 1px solid #f3f3f3;
	transition: all .25s ease-in-out;
	margin-bottom: 40px;
	background: #fff;
}

/* Image gallery stlyling */
.container_l {
	margin: 80px 0;
	text-align: center;
	padding: 10px;
	border: 1px solid #f3f3f3;
	transition: all .25s ease-in-out;
	margin-bottom: 40px;
	background: #fff;
}

.Gallery-holder {
	max-width: 280px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 4px;
	margin-left: 0px;
	cursor: pointer;
}

.Gallery-holder:nth-child(3n+1) {
	margin-left: 0;
}

.Gallery-holder img {
	width: 100%;
	height: 220px;
	display: block;
}


/* Popup Styling */
.img-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.77);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.img-popup img {
	max-width: 900px;
	width: 100%;
	opacity: 0;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
}

.close-btn {
	width: 35px;
	height: 30px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.close-btn .bar {
	height: 4px;
	background: #fff;
}

.close-btn .bar:nth-child(1) {
	transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
	transform: translateY(-4px) rotate(-45deg);
}

.opened {
	display: flex;
}

.opened img {
	animation: animatepopup 1s ease-in-out .8s;
	-webkit-animation: animatepopup .3s ease-in-out forwards;
}

@keyframes animatepopup {

	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

}


.contact_box textarea {
	height: 100px;
}

@media only screen and(min-height:280px) and (max-height:479.98px) {
	.detail_1 {
		margin-top: 30px;
	}

	.form-group>i {
		display: none !important;
	}

	.appointment-form1 input {
		width: 575px !important;
	}

	.conttcc {
		width: 100% !important;
	}

	.cont_t {
		width: 100% !important;
	}

	.container .Gallery-holder:nth-child(3n+1) {
		margin-left: 16px;
	}
}

@media only screen and(min-height:280px) and (max-height:479.98px) {}

@media only screen and(min-height:480px) and (max-height:574.98px) {}

@media only screen and(min-height:575px) and (max-height:767.98px) {}

@media only screen and(min-height:768px) and (max-height:991.98px) {}

@media only screen and(min-height:992px) and (max-height:1199.98px) {
	.food-title {
		font-size: 26px;
		font-family: 'Rufina', serif;
	}
}

@media (max-width: 992px) {
	.detail_1 {
		margin-top: 30px;
	}
	.header-area .main-nav .nav li a{
		font-size: 15px;
	}
	.dropdown-menu.show
	{
	  display: block;
	  background: none !important;
	  padding: 10px;
	  width: 100%;
	}
	.text-font3 {
		margin-top: 45px;
	}

	.about_img {
		width: 100%;
	}

	.form-group>i {
		display: none !important;
	}

	.contact-info.media.align-items-center {
		display: none !important;
	}

	.about_bn img {
		width: 100%;
	}

	.appointment-form1 input {
		width: 575px !important;
	}

	.contant_im img {
		padding: 10px 70px;
	}
	.post-slide .post-description{
		height: auto;
	}
	.testimonial-text{
		height: auto !important;
	}
	.conttcc {
		width: 100% !important;
	}

	.cont_t {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.appointment-form1 input {
		width: 100% !important;
	}

	.main-banner .caption h2 {
		font-size: 30px;
	}

	.appointment-form1 input {
		width: 100% !important;
	}

	.main-banner .caption {
		left: 160px;
	}

	.main-banner .caption h6 {
		font-size: 35px;
	}

	.main-banner .caption p {
		font-size: 16px;
	}
}


@media (max-width: 567px) {
	.main-banner .caption h2 {
		font-size: 30px;
	}

	.appointment-form1 input {
		width: 100% !important;
	}

	.main-banner .caption {
		left: 0;
	}

	.main-banner .caption h6 {
		font-size: 35px;
	}

	.main-banner .caption p {
		font-size: 16px;
	}

}

@media (max-width: 480px) {
	.main-banner .caption h6 {
		font-size: 30px;
	}

	.main-banner .caption p {
		font-size: 13px;
	}

	.main-banner .caption h2 {
		font-size: 30px;
	}

	.main-banner .caption {
		left: 0;
	}
}

@media (max-width: 1200px) {
	.form-group>i {
		display: none !important;
	}
	.media{
		display: none !important;
	}
	.main-banner .caption{
		left: 70px !important;
	}
	#myDIV {
		height: 470px;
	}

	.detail_1 {
		padding: 70px 66px 70px 66px;
	}

	.appointment-form1 input {
		width: 100%;
	}

	.form-group>i {
		display: none !important;
	}

	.detail {
		padding: 70px 66px 70px 66px;
	}
}



/* Large devices */
@media (max-width: 1199px) {
	.vs-testimonial {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.testimonial-bg-icon {
		right: 20px;
		bottom: 20px;
	}

	.slick-arrow .left_arr {
		display: none;
	}

	.slick-arrow .right_arr {
		display: none;
	}
}

@media (max-width: 1200px) {
	.header-area .main-nav .nav li {
		padding-left: 7px;
		padding-right: 7px;
	}

	.header-area .main-nav:before {
		display: none;
	}
}

@media (max-width: 767px) {
	.header-area .main-nav .logo {
		color: #1e1e1e;
	}

	.header-area.header-sticky .nav li a:hover,
	.header-area.header-sticky .nav li a.active {
		color: #c79348 !important;
		opacity: 1;
	}

	.header-area.header-sticky .nav li.search-icon a {
		width: 100%;
	}

	.header-area {
		background-color: #000;
		padding: 0px 15px;
		height: 110px;
		box-shadow: none;
		text-align: center;
	}

	.header-area .container {
		padding: 0px;
	}

	.header-area .logo {
		margin-left: 30px;
	}

	.header-area .menu-trigger {
		display: block !important;
	}

	.header-area .main-nav {
		overflow: hidden;
		display: inline list-item;
	}

	.header-area .main-nav .nav {
		float: none;
		width: 100%;
		display: none;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		-o-transition: all 0s ease 0s;
		transition: all 0s ease 0s;
		margin-left: 0px;
	}

	.header-area .main-nav .nav li:first-child {
		border-top: 1px solid #eee;
	}

	.header-area.header-sticky .nav {
		margin-top: 100px !important;
	}

	.header-area .main-nav .nav li {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #eee;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.book {
		border: 0px solid #333;
		background: #daa655;
		padding: 0px 16px;
		border-radius: 2px;
		color: #fff !important;
	}
	.book { 
		top: -94px;
		right: 170px;
		padding: 0px 22px !important;
		background: #daa655 !important;
		color: #fff !important;
		display: block !important;
	  }
	.book:hover {
		color: #fff !important;
	}
	.header-area .main-nav .nav li a {
		height: 50px !important;
		line-height: 50px !important;

		border: none !important;
		background: #f7f7f7 !important;
		color: #191a20 !important;
	}

	.header-area .main-nav .nav li a:hover {
		background: #eee !important;
		color: #c79348 !important;
	}

	.header-area .main-nav .nav li.has-sub ul.sub-menu {
		position: relative;
		visibility: inherit;
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		top: 0px;
		width: 100%;
		box-shadow: none;
		height: 0px;
		transition: all 0s;
	}

	.header-area .main-nav .nav li.submenu ul li a {
		font-size: 12px;
		font-weight: 400;
	}

	.header-area .main-nav .nav li.submenu ul li a:hover:before {
		width: 0px;
	}

	.header-area .main-nav .nav li.has-sub ul.sub-menu {
		height: auto;
	}

	.header-area .main-nav .nav li.has-sub:after {
		color: #3B566E;
		right: 30px;
		font-size: 14px;
		top: 15px;
	}

	.header-area .main-nav .nav li.submenu:hover ul,
	.header-area .main-nav .nav li.submenu:focus ul {
		height: 0px;
	}
}

@media (min-width: 767px) {
	.header-area .main-nav .nav {
		display: flex !important;
	}
}

/* Extra large devices */
@media (max-width: 1500px) {
	.gallery-content {
		padding: 20px;
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.icon-btn {
		bottom: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}

/* Medium Large devices */
@media (max-width: 1300px) {
	.vs-food-box h3.food-title {
		font-size: 24px;
	}
}

/* Medium Large devices */
@media (max-width: 1300px) {
	.vs-food-box h3.food-title {
		font-size: 22px;
		margin-bottom: 7px;
	}
}

@media (min-width: 1200px) {}

@media only screen and (max-width:1280px) {
	.post-slide .post-content {
		padding: 0px 15px 25px 15px;
	}
}




.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.contact-map iframe {
	width: 100%;
	height: 250px;
}

.form-label {
	margin-bottom: 0.5rem;
	font-size: 16px;
	font-weight: 600;
}

.form-label span {
	color: red;
}