:root {
	--font1:'Amaranth', sans-serif;
	--font2:'Charmonman', cursive;
}
::selection { background:var(--primary); color:var(--light); }
html,
body { min-height:100vh; font:400 14px/1.8 var(--font1); color:var(--dark); background:var(--light); overflow-x:hidden; }
body { padding-top:100px; }
a { color:inherit; transition:all 0.5s ease-out; }
a:hover { text-decoration:none; color:var(--primary); }
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(--font2); font-weight:400; }
h2 { font-size:36px; line-height:30px; margin:0 0 20px; color:var(--primary); }
p { font-size:15px; margin:0 0 15px; font-weight:400; letter-spacing:0.1em; }
@media (max-width:992px) {
	body { padding-top:60px; }
	h2 { font-size:24px; }
}

.g-recaptcha{
	margin:20px 0;
	background:#fff;
}


.btn { font-size:18px; padding:15px 25px; border:2px solid var(--primary); }
.btn.light { border:2px solid var(--primary); color:var(--light); }
.btn:hover { background:var(--primary); color:var(--light); }
@media (max-width:992px) {
	.btn { padding:10px 15px; }
}

header { position:fixed; left:0; top:0; width:100%; padding:10px; display:flex; justify-content:space-between; align-items:center; background:var(--dark); z-index:500; }
header .logo { display:block; }
header .logo img { width:auto; height:80px; margin-left: 100px; }
header .logo img:last-child { display:none; }
header #toggler { width:60px; height:60px; line-height:60px; text-align:center; border:2px solid var(--light); color:var(--light); font-size:30px; }
header .cta { height:60px; line-height:20px; text-align:center; border:2px solid var(--light); color:var(--light); font-size:20px; padding:10px 15px; margin-right:10px; }
header .cta small { display:block; }
@media (max-width:992px) {
	header .logo img { height:60px;margin-left: 37px; }
	header .cta { padding:3px 10px; line-height:15px; height:40px; font-size:14px; }
	header #toggler { width:40px; height:40px; line-height:40px; }
}

nav { position:fixed; right:-100vw; top:100px; width:100vw; max-width:220px; padding:30px; background:var(--dark8); z-index:999; transition:all 0.5s; }
nav.on { right:0; }
nav a { display:block; font-size:18px; color:var(--light); text-align:right; }
nav .separator { display:block; width:100px; height:3px; background:var(--primary); margin:15px 0 15px auto; }
nav .add a { font-size:14px; }
nav .social { display:flex; justify-content:flex-end; }
nav .social a { font-size:20px; width:30px; height:30px; line-height:30px; margin-left:10px; text-align:center; border-radius:50%; background:var(--light); color:var(--primary); }
@media (max-width:992px) {
	nav { top:60px; }
}

.banner { position:relative; z-index:10; }
.banner .row { padding-top:150px; }
.banner .owl-banner { position:relative; z-index:500; }
.banner .item { height:80vh; background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
@media (max-width:992px) {
	.banner .row { padding-top:70px; }
	.banner .item { height:80vw; }
}

#home-welco { padding:80px 0; background:var(--dark); }
#home-welco p { color:var(--light); }
#home-welco img { border-radius:10px; border:2px solid var(--primary); padding:5px; }
@media (max-width:992px) {
	#home-welco { padding:30px 0; }
	#home-welco h2 { margin-top:30px; }
}

#home-vouch { padding:80px 0; text-align:center; }
#home-vouch h2 { color:var(--dark); }
#home-vouch img { border-radius:50%; border:2px solid var(--primary); padding:5px; }
@media (max-width:992px) {
	#home-vouch { padding:40px 0; }
	#home-vouch .content { display:block; }
	#home-vouch .content .text { width:100%; }
	#home-vouch img { width:70%; max-width:200px; margin:20px 0 0; }
	#home-vouch .video { width:300px; max-width:calc(100% - 40px); margin:50px auto; }
}

#home-testi { background:var(--primary); padding:80px 0; }
#home-testi h2 { color:var(--dark); }
#home-testi .item { border:2px solid var(--dark); padding:20px; border-radius:10px; }
#home-testi .item p { color:var(--dark); }
#home-testi .item h5 { color:var(--dark); margin:0; }
#home-testi .owl-dots { margin:5px 0 0; }
#home-testi .owl-dots .owl-dot { display:inline-block; width:10px; height:10px; background:var(--dark4); border-radius:50%; margin:0 3px; }
#home-testi .owl-dots .owl-dot.active { background:var(--dark); }
@media (max-width:992px) {
	#home-testi { padding:30px 0; }
	#home-testi .content .text { padding:10px; }
}

#home-gally { padding:80px 0; }
#home-gally h2 { color:var(--dark); }
#home-gally img { border-radius:20px; border:2px solid var(--primary); padding:5px; }
@media (max-width:992px) {
	#home-gally { padding:30px 0; }
}

footer { background:var(--dark); position:relative; padding:30px 0 0; z-index:10; }
footer:after { content:""; display:block; background:var(--dark6); position:absolute; left:0; top:0; width:100%; height:100%; z-index:20; }
footer .container { position:relative; z-index:30; }
footer p { margin:0 0 10px; color:var(--light); font-weight:400; }
footer a { display:block; margin:0 0 10px; color:var(--light); font-weight:400; font-size:15px; }
footer a:last-child { margin:0; }
footer a:hover { color:var(--primary); }
footer .content { margin-bottom:10px; }
footer .content img { width:100%; max-width:200px; margin:0 0 15px; }
footer .link { display:flex; justify-content:space-around; }
footer .time p { margin:0 0 10px; font-size:20px; }
footer .time table { width:100%; }
footer .time table tr td { padding:2px 10px; color:var(--light); font-weight:400; font-size:15px; }
footer .time table tr td:first-child { font-weight:700; text-align:right; }
footer .time table tr.active td { background:var(--light2); }
footer .copy { background:var(--dark5); padding:10px; font-size:12px; text-align:center; color:var(--light); position:relative; z-index:20; }
@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 { max-width:200px; margin:0 auto 30px; display:table; }
	table { margin:0 auto; }
	footer a,
	footer .time p { text-align:center;  }
	footer .content img { display:table; margin:0 auto 10px; }
	footer .copy { padding:5px; }
}

.booking { padding:80px 0 50px; }
.booking .text { margin-bottom:10px; }
.booking .text .btn { display:table;}
@media (max-width:992px) {
	.booking { padding-top:30px; }
}

.menu a { pointer-events:none; cursor:default; }
.menu ul { list-style:none; padding:0; }
.menu .menu-active { width:33%; padding:0 10px 20px; }
.menu .menu-active > a { font-size:20px; font-weight:700; background:var(--primary); color:var(--light); display:block; padding:10px; margin:0; border:1px solid var(--primary); text-transform:capitalize; }
.menu .menu-active > ul { padding:20px 15px 10px; background:var(--darky); border:1px solid var(--primary); border-top:0; }
.menu .menu-active .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 15px; }
.menu .menu-active .meal h5 { font-size:14px; font-weight:400; margin:0; text-transform:capitalize; font-family:var(--font1); }
.menu .menu-active .meal h5.sub-item { margin:0 0 0 20px; color:var(--dark8); }
.menu .menu-active .meal h5.sub-item:before { content:"• "; color:var(--primary); }
.menu .menu-active .meal h4 { font-size:14px; font-weight:400; margin:0; text-transform:capitalize; font-family:var(--font1); }
.menu .menu-active .meal .dots { flex-grow:1; border-bottom:2px dashed var(--primary); height:15px; margin:0 10px; }
.menu .menu-active .meal .price { font-size:14px; font-weight:700; color:var(--dark); }
.menu .menu-active .productdescription,
.menu .menu-active .subproductdescription,
.menu .menu-active .sub-menu > .menucatdescription { font-size:12px; font-weight:400; font-style:italic; margin:-15px 0 15px; color:var(--dark5); text-align:justify; text-transform:capitalize; }
.menu .menu-active .subproductdescription { margin-left:40px; }
.menu .btn { margin:30px auto; }
@media (max-width:992px) {
	.menu .menu-active { width:100%; padding:0 0 10px; }
}

.gallery { padding:0 0 60px; }
.gallery #gallery { display:flex; flex-wrap:wrap; }
.gallery #gallery a { display:block; background:var(--dark); margin:10px; position:relative; width:calc(33% - 20px); box-shadow:0 0 0 3px var(--primary) inset; }
.gallery #gallery a img { width:100%; transition:all 0.4s; opacity:0.8; }
.gallery #gallery a:hover img { opacity:1; }
@media (max-width:992px) {
	.gallery #gallery a { width:calc(50% - 10px); margin:0 5px 10px; }
}

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

.tos { padding:180px 0 100px; }
.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; padding:15px; border:2px solid var(--light); }
@media (max-width:992px) {
	.tos { padding:140px 0 100px; }
	.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); }

#menu .item { width:33%; padding:0 10px 20px; }
#menu .item .title { background:var(--primary); color:var(--light); 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; opacity:0.8; }
#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; color:#3d3d3de0; margin-top: 2px;}
#menu .content .meal.sub { padding-left:15px; }
#menu .content .meal.sub .name { opacity:0.9; }
@media (max-width:992px) {
	#menu .item { width:100%; padding:0 10px 20px; }
}