:root {
	--font1:'Nunito Sans', sans-serif;
	--font3:'Engagement', cursive;
	--font2:'Alex Brush', cursive;
	--secondary:#039646;
	--shadow1:2px 2px 15px var(--dark3);
}
.main-content {
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
	background-color: #ddd;
}
.voucher {
    background: url(img/v.png);
    background-position: 100% 0%;
    background-size: contain;
    background-repeat: no-repeat;
}
.n_voucher {
    height: 70vh;
    display: flex;
    align-items: center;
}
.n_voucher:before {
    position: absolute;
    width: 80%;
    height: 100%;
    content: "";
    top: 0;
    left: -300px;
    z-index: 0;
    transform: skewX(18deg);
}
.voucher_m {
    position: relative;
    z-index: 1;
}
.voucher h2 {
    font-size: 40px;
	line-height: 35px;
    font-family: var(--font1);
    text-transform: uppercase;
    font-weight: 900;
}
::selection { background:var(--dark); color:var(--light); }
html,
body { min-height:100vh; font:500 15px/1.2 var(--font1); color:var(--dark); background:var(--light); }
body { background:url('img/bg.png') repeat-y 0 0 / contain; transition:all 1s; }
a { color:inherit; transition:all 0.5s ease-out; }
a:hover { text-decoration:none; color:var(--dark); }
button:active,
button:focus,
a:active,
a:focus { outline:none; }
img { width:100%; }
strong { font-weight:700; }
h1,h2,h3,h4,h5 {  font-family:var(--font1); font-weight:700;text-transform:uppercase; }
h2 { font-size:50px; margin:0 0 10px; color:var(--primary);text-transform: none;line-height: 50px;font-family: var(--font3);}
h2 span {
    font-family: var(--font2);
    text-transform: none;
}
i.las.la-times {
    top: 15px;
    color: #fff;
    position: absolute;
    right: 12px;
    font-size: 30px;
    border: 1px solid #fff;
	padding: 10px;
	cursor: pointer;
}
nav h2 {
    font-size: 31px;
}
p { font-size:14px; margin:0 0 30px; font-weight:500; color:#000;line-height:20px; }
p:last-child { margin:0; }
.img-s {
    padding: 10vh;
    background: rgb(255 255 255 / 0.8);
    position: relative;
	left: -120px;
	box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
    -moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
    -webkit-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
}
.main-content.new .img-s {
    right: -130px;
    left: unset;
    z-index: 10;
}
.glr {
    height: 60vh;
    background-size: cover!important;
	background-position: center!important;
	position: relative;
}
.gal {
}
.gal .glr:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
    z-index: 20;
    transition: all 0.5s;
}
.gal .glr:hover:before{
    opacity: 0;
}
.msns {
	padding: 100px 0;
	background: url(img/shapa-7.jpg);
	background-size: cover;
    background-position: center;
}
@media (max-width:992px) {
	.main-content.new .img-s {
		right: 0px
	}
	.main-content.new .row {
		flex-flow: column;
		}
		.main-content .pl-0 {
		padding-left: 15px!important;
	}
	.main-content .pr-0 {
		padding-right: 15px!important;
	}
	
	h2 { font-size: 50px;
		line-height: 40px; letter-spacing:0; margin:0 0 10px; }
	p { line-height:25px; }
}
.btn { background:transparent; border-radius:0; border:0; color:var(--dark); border:2px solid var(--dark); font-size:14px; font-weight:700; letter-spacing:0.5em; line-height:1; padding:10px 20px; position:relative; text-align:center; text-transform:uppercase; transition:all 0.5s; }
.btn:hover { background:var(--primary); color:var(--light); }
.btn.light { background:transparent; color:var(--light); border:2px solid var(--light); }
.btn.light:hover { background:var(--primary); color:var(--light); }

header { position:fixed; left:0; top:0; width:100%; z-index:999; transition:all 1s; }
header .head { background:var(--light8); }
header .head .add { display:flex; align-items:center; justify-content:center; transition:all 1s ease-out; height:30px; overflow:hidden;background: #f2f2f2; }
header .head .add .msg,
header .head .add a { display:inline-block; color:var(--dark); padding:0 10px; position:relative; font-size:12px; font-weight:700; }
header .head .add a i { transition:all 0.5s; }
header .head .add a:hover { color:var(--primary); }
header .head .nav { display:flex; align-items:center; padding:5px; position:relative; background: #fff;}
header .head .nav .logo { display:block; padding:0; margin:0 auto}
header .head .nav .logo img { width:auto; height:60px;transition:all 1s; }
header .head .nav a.cta { height:50px; display:flex; align-items:center; line-height:15px; margin:0; position:absolute; left:20px; top:50%; transform:translateY(-50%); transform: translateY(-50%);
     border: 2px solid #039646;
    color: #fdf3f3;
    background: #039646;}
header .head .nav a.cta small { text-align:center; display:block; letter-spacing:0.2em; font-size:12px; font-weight:700; }
header .head .nav #toggler { margin:0; width:60px; height:50px; border:2px solid var(--secondary); background:transparent; border-radius:0; cursor:pointer; position:absolute; right:5px; top:50%; transform:translateY(-50%); transition:all 1s; }
header .head .nav #toggler span { display:block; margin:10px auto; width:40px; background:var(--secondary); height:2px; transition:all 1s; }
header .head .nav a.cta:hover { background:var(--primary) !important; color:var(--light)!important;border: 1px solid var(--primary);}
header.on .head .add { height:0; opacity:0; }
header.on .head { background:#fff; }
header.on .head .nav .logo img { filter:invert(0); }
header.on .head .nav #toggler,
header.on .head .nav a.cta { border:2px solid #039646; color:var(--light); }
header.on .head .nav a.cta:hover { border:2px solid var(--primary); color:var(--light); }
header.on .head .nav #toggler span {  }
header.on .head .nav #toggler:hover span {  }
nav { position:fixed; right:-250px; top:0; width:250px; height:100%; background:#272727;; z-index:1000; display:flex; align-items:center; transition:all 1s;    padding: 0 50px;
    text-align: center; }
nav div {  width:100%; min-width:100%; }
nav a { display:block; color:var(--light); padding:10px 15px; margin:-1px 0 0; border-top:1px solid var(--light); border-bottom:1px solid var(--light); font-weight:700; font-size:18px; letter-spacing:0.1em; }
/*body.open { padding-right:200px; overflow:hidden; }
body.open header { width:calc(100% - 200px); } */
body.open header span:nth-child(1) { transform:rotate(45deg) translate(10px, 10px); }
body.open header span:nth-child(2) { opacity:0; }
body.open header span:nth-child(3) { transform:rotate(-45deg) translate(6px, -7px); }
body.open nav { right:0; }
section.story h2 {
   
}
@media (max-width:992px) {
	.n_voucher {
		height: 40vh;
	}
	header .head .nav a.cta { display:none; }
	header .head .nav { justify-content:flex-start; }
	header .head .nav .logo img { height:35px; }
	header .head .nav #toggler { transform:scale(0.5); top: -13px;
		right: 0px;width: 75px;
		height: 75px;border:1px solid var(--primary) }
	body.open { padding-right:0; }
	header .head .add { width:100vw; }
	header .head .nav #toggler span {
		margin: 15px auto;
		width: 50px;
		background: var(--primary);
		height: 4px;
		
	}
	.voucher .row {
		flex-direction: column-reverse;
	}
	.voucher {
		padding: 20px 0;
	}
	.voucher h2 {
		font-size: 26px;
		line-height: 25px;
	}
	
	.voucher {
		padding: 30px 0 0 0;
		background-position: -70% 0%;
    	background-size: cover;
    	background-repeat: no-repeat;
	}
	.voucher h2 span {
		font-size: 44px;
	}
}
nav img {
    margin-bottom: 20px;
}
.banner { position:relative; width:100%; height:100vh; background:var(--light); padding:0; overflow:hidden; }
.banner .owl-item { animation-duration:2s; }
.banner .item { height:100vh; background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.tesi_one .item {
    padding: 0 50px;
    text-align: center;
}
.tesi_one .owl-stage{
	margin-left: -5px;

}
.tesi_one {
	padding: 20vh 0;
	text-align: center;
	background: url(img/bg-1.png),url(img/bg-2.png);
	background-repeat: no-repeat, no-repeat;
    background-position: 0 100%, 100% 0;
    background-size: 15% auto, 20% auto;
    background-attachment: scroll,fixed;
}
@media (max-width:992px) {
	body.open{
		overflow: hidden;
	}
	.banner  { height:66.66vw; margin-top:80px; }
	.banner .item { height:66.66vw; }
	body.open nav {
		right: 0;
		width: 100%;
	}
	
}

.welcome { padding:20vw 0; background:url('img/welcome.png') no-repeat 100% 100% / auto 101%; }
@media (max-width:992px) {
	.welcome  { padding:10vw 0 50vw; background-size:60%; }
}

.story {background:linear-gradient(-90deg, rgb(64 64 64 / 0%), rgb(0 0 0 / 74%)), url('img/home-chillies.jpg') no-repeat;padding: 100px 0; background-size:cover;}
.story .text { padding:8vw 5vh; text-align: center;}
.story .text h2 { color:var(--light); }
.story .text p { color:var(--light); }
.story .text .btn:hover { background:var(--dark); }
@media (max-width:992px) {
}
.testimonial { padding:5vw 0 30vw; background:url('img/testimonial.jpg') no-repeat 100% 100% / 101% auto; }
.testimonial .text { padding:5vw; background:#95714b; }
.testimonial .owl-carousel .item p { color:var(--light); }
.testimonial .owl-carousel .item author { color:var(--light); }
.testimonial .owl-carousel .owl-dots { margin:5px 0 0; }
.testimonial .owl-carousel .owl-dots .owl-dot { display:inline-block; width:7px; height:7px; background:var(--light); border:1px solid var(--dark2); border-radius:50%; margin:0 2px; }
.testimonial .owl-carousel .owl-dots .owl-dot.active { background:var(--dark); }
@media (max-width:992px) {
}

footer { background:#272727;}
footer .content p { margin:0 0 10px; color:var(--light); font-weight:500; }
footer .content a { display:block; margin:0 0 10px; color:var(--light); font-weight:500; font-size:14px; }
footer .content a:last-child { margin:0; }
footer .content .contacts { margin-bottom:10px; }
footer .content .contacts img { width:250px;  margin:20px 0 15px; }
footer .content .link { display:flex; justify-content:space-around; }
footer .content .time p { margin:0 0 10px; font-size:20px; }
footer .content .time table { width:100%; }
footer .content .time table tr td { padding:2px 10px; color:var(--light); }
footer .content .time table tr td:first-child { font-weight:700; text-align:right; }
footer .content .time table tr.active td { background:var(--light2); }
footer .copy { background:#212223; padding:10px; font-size:12px; text-align:center; color:var(--light);}

@media (max-width:992px) {
	footer { margin:0; }
	footer .content { padding:5px 0; }
	footer .content a,
	footer .content p { display:block; text-align:center; margin:0 0 5px; }
	footer .content .contacts { text-align:center; }
	footer .content .contacts img { width: 270px;
		margin: 15px auto 30px;
		display: table; }
	table{margin: 0 auto;}
	footer .copy { padding:5px; }
}

.booking { padding:200px 0 50px; margin:0; }
.booking .text { margin-bottom:10px; padding:20px; }
.booking .text .btn { display:table;}
@media (max-width:992px) {
	#menu .item {
        width: 100%!important;
        padding: 0 0 10px!important;
    }
	.tesi_one {
		background-position: 0 100%, 100% 0;
		background-size: 40% auto, 20% auto;
		background-attachment: fixed,scroll;
	}
	.booking { padding:140px 0 0; }
}

.menu a { pointer-events:none; cursor:default; }
.menu ul { list-style:none; padding:0; }
.menu .menu-active { width:calc(33.333% - 30px); margin:0 15px 30px; box-shadow:var(--shadow1); background:var(--light); }
.menu .menu-active .sub-menu { padding:0 10px 10px; }
.menu .menu-active > a { font-size:18px; line-height:18px; font-weight:500; background:var(--primary); color:var(--light); display:block; padding:10px; margin:0 0 20px; text-transform:capitalize; }
.menu .menu-active .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; flex-grow:1; }
.menu .menu-active .meal h5 { font-size:14px; margin:0; font-weight:700; text-transform:capitalize; }
.menu .menu-active .meal h5.sub-item { margin:0 0 0 10px; color:var(--dark8); }
.menu .menu-active .meal h5.sub-item:before { content:"▪ "; color:var(--dark); }
.menu .menu-active .meal h4 { font-size:16px; margin:0; font-weight:700; text-transform:capitalize; }
.menu .menu-active .meal .dots { display:none; }
.menu .menu-active .meal .price { font-size:14px; font-weight:700; color:var(--dark); }
.menu .menu-active .meal .price .adder { display:none; }
.menu .menu-active .productdescription,
.menu .menu-active .subproductdescription,
.menu .menu-active .sub-menu > .menucatdescription { font-size:12px; line-height:12px; font-style:italic; margin:-10px 0 10px; color:var(--dark8); text-align:justify; text-transform:capitalize; }
.menu .menu-active .subproductdescription { margin-left:20px; }
.menu .btn { display:table; margin:0 auto 30px; }
section.voucher {
    padding: 20px 0;
    background: #b5e2ffcc;
}
a.mobile {
    border: 1px solid var(--primary);
    text-align: center;
    padding: 4px;
    font-size: 13px;
    margin-left: 10px;
	display:none;
}
@media (max-width:992px) {
	header .head .nav .logo {
		margin: 0;
	}
	a.mobile {
		display: inline-block;
		padding: 4px 12px;
		background: #279c43;
		color: #fff;
		border: 1px solid #279c43;
margin-left: 20px;
}
header .head .nav #toggler{
	
}
	.menu { padding:0; }
	.menu .menu-active { width:100%; margin:0 0 15px; padding:0 0 10px; }
}

.gallery #lightgallery a { display:block; padding:10px; position:relative; overflow:hidden; margin:0 10px 20px; width:calc(25% - 20px); box-shadow:var(--shadow1); background:var(--light); }
.gallery #lightgallery a img { width:100%; transition:all 3s ease-out; filter:grayscale(0) sepia(0); }
.gallery #lightgallery a:hover img { transform:scale(1.2); filter:grayscale(1) sepia(1); }
@media (max-width:992px) {
	.gallery #lightgallery { margin-top:30px; }
	.gallery #lightgallery a { width:calc(50% - 20px); }
}

.contact .box { padding:10px; box-shadow:var(--shadow1); background:var(--light); min-height:100%; }
.contact iframe { width:100%; border:0; height:350px; position:relative; z-index:10; }
.contact h3 { margin:0 0 5px; }
.contact p { margin:0 0 22px; }
.contact form input,
.contact form textarea { width:100%; height:40px; line-height:40px; padding:0 10px; color:var(--dark); border:1px solid #ccc; border-bottom:0; margin:0; background:transparent; }
.contact form textarea { height:150px; min-height:150px; resize:none; }
.contact form input:focus,
.contact form textarea:focus { box-shadow:none; outline:none; background:var(--light2); }
.contact form button { width:100%; height:40px; line-height:40px; padding:0; margin-top:-10px; border:1px solid #ccc; }
.contact .social a { font-size:30px; color:var(--dark); margin-right:5px; }
.contact a:hover { color:var(--dark); }
.contact .msg { margin-top:20px; }
.contact .msg.success { color:green; }
.contact .msg.error { color:red; }
@media (max-width:992px) {
	.contact { padding:0; }
	.contact h3 { text-align:center; }
	.contact > p { padding:0 10px; }
	.contact .social { text-align:center; }
}

.tos { padding:180px 0 0; }
.tos h1 { margin:0 0 30px; }
.tos p { font-size:14px; line-height:15px; margin:0 0 15px; text-align:justify; letter-spacing:0; }
.tos p strong { font-weight:700; }
.tos img { margin:0 0 30px; border-radius:5px; }
a.m {
    display: none;
}

#menu .item { width:33%; padding:0 10px 20px; }
#menu .item .title { background:var(--primary); color:var(--light)!important; padding:10px; border:1px solid var(--primary); }
#menu .item .title p { font-size:20px; font-weight:700; margin:0; text-transform:capitalize; }
#menu .item .title small { font-size:12px; display:block; margin:0; font-weight:700; font-style:italic;     color: #ffc107; }
#menu .content { padding:20px 15px 10px; border:1px solid var(--primary); border-top:0; }
#menu .content .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 15px; }
#menu .content .meal .name { font-size:14px; font-weight:600; text-transform:capitalize; }
#menu .content .meal .dots { flex-grow:1; border-bottom:2px dashed var(--primary); height:15px; margin:0 10px; }
#menu .content .meal .price { font-size:14px; font-weight:700; color:var(--primary); }
#menu .content .detail { font-size:13px; font-weight:400; font-style:italic; margin:-15px 0 15px;  margin-top: 2px;}
#menu .content .meal.sub { padding-left:15px; }
div#menu p {
    color: white;
}

@media (max-width:992px) {
	.img-s {
		margin-bottom: 30px;
		padding: 50px 30px;
		left:0px;
	}
	.story .text h2 {
		color: var(--light);
		font-size: 25px;
	}
	.main-content {
		padding: 50px 0;
	}
	a.m img {
		width: 150px;
	}
	a.d {
	}
	a.m {
		display: inline-block;
	}
	.main-content .row {
		flex-direction: column-reverse;
	}
	.tos { padding:140px 0 0; }
	.tos .btn { margin-bottom:30px; }
}

.lg-outer,
.lg-sub-html,
.lg-toolbar { background:#e6edf1; }
.lg-toolbar { border-bottom:var(--dark5); }
.lg-toolbar .lg-icon { color:var(--dark); }