:root {
	--font1:'Montserrat', sans-serif;
	--secondary:#890e13;
	--shadow1:2px 2px 10px var(--dark9);
}
::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.bg { background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-color:var(--dark); background-attachment:fixed; color:var(--light); }
body.bg.img1 { background-image:url('img/bg1.jpg'); }
body.bg.img2 { background-image:url('img/bg2.jpg'); }
body.bg.img3 { background-image:url('img/bg2.jpg'); }
@media (max-width:992px) {
	body { background-image:none!important; background-color:var(--dark)!important; }
}
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(--font1); }
h2 { font-weight:600; font-size:24px; line-height:40px; letter-spacing:0.2em; margin:0 0 20px; text-transform:uppercase; }
h2.alex { font-family: 'Alex Brush', sans-serif;    text-transform: none;    letter-spacing: 0;    font-size: 40px; }
p { font-size:15px; margin:0 0 5px; font-weight:400; letter-spacing:0.1em; }
@media (max-width:992px) {
	h2 { line-height:1; }
}

.btn { padding:10px 20px; border:1px solid var(--light); color:var(--light); background:#c1790c; text-align:center; line-height:1.2; font-weight:700; font-size:14px; letter-spacing:0.1em; border-radius:0; box-shadow:inset 0 0 20px rgba(0,0,0,0); transition:all 1250ms cubic-bezier(0.19, 1, 0.22, 1); outline:1px solid var(--light8); outline-offset:0px; }
.btn:hover { /*background:transparent;*/ color:var(--light); box-shadow:inset 0 0 20px var(--light5), 0 0 20px var(--light2); outline-color:rgba(255, 255, 255, 0); outline-offset:15px; text-shadow:0 0 4px var(--light5); }
.btn.dark,
.btn.darky { border:1px solid var(--dark); color:var(--dark); outline:1px solid var(--dark8); }
.btn.dark:hover,
.btn.darky:hover { background:transparent; color:var(--dark); box-shadow:inset 0 0 20px var(--dark5), 0 0 20px var(--dark2); outline-color:rgba(255, 255, 255, 0); outline-offset:15px; text-shadow:0 0 4px var(--dark5); }
.content { max-width:calc(100vw - 400px); margin:0 auto; }
.slider-2 { max-width:calc(40% - 25px); position:relative; box-shadow:var(--shadow1); }
.slider-2:after { content:""; display:block; position:absolute; left:-20px; top:-20px; width:calc(100% + 40px); height:calc(100% + 40px); border:2px solid var(--dark); z-index:10; }
.slider-2:before { content:""; display:block; position:absolute; right:-50px; top:-50px; width:170px; height:247px; background:url('img/home-1a.png') no-repeat 0 0 / cover; z-index:30; }
.slider-2 .owl-item { animation-duration:3s; }
.slider-2 .owl-stage-outer { position:relative; z-index:20; }
.slider-2 .owl-dots { position:absolute; z-index:40; bottom:10px; left:50%; transform:translateX(-50%); display:flex; }
.slider-2 .owl-dots .owl-dot { display:block; width:7px; height:7px; border-radius:50%; background:var(--dark4); margin:0 3px; }
.slider-2 .owl-dots .owl-dot.active { background:var(--dark8); }
@media (max-width:992px) {
	.content { width:100%; max-width:calc(100vw - 50px); margin:0 auto; }
	.slider-2 { width:calc(100% - 40px); max-width:100%; margin:50px auto; }
}

header .logo { display:block; position:fixed; left:30px; width:128px; height:162px; top:50%; transform:translateY(-50%); background:url('img/logo-left-light.png') no-repeat 0 0 / cover; z-index:200; }
header .logo.dark,
header .logo.darky { background-image:url('img/logo-left-dark.png'); width: 150px; height: 190px; }
header .cta { position:fixed; left:40px; top:40px; z-index:200; }
header .cta small { display:block; }
header nav { position:fixed; right:40px; top:50%; transform:translateY(-50%); z-index:200; }
header nav a { display:block; text-align:right; font-weight:700; font-size:14px; letter-spacing:0.1em; line-height:2; color:var(--light); text-transform:uppercase; }
header nav .add a { font-size:12px; font-weight:600; letter-spacing:0; text-transform:none; max-width:120px; overflow-wrap:break-word; margin:10px 0; line-height:12px; }
header nav a.dark,
header nav a.darky { color:var(--light); }
header nav .separator { height:1px; background:var(--light); margin:20px 0 20px auto; max-width:20px; }
header nav .separator.dark,
header nav .separator.darky { background:var(--dark); }
header nav .social { text-align:right; }
header nav .social a { display:inline-block; font-size:22px; font-weight:400; }
header #toggler { display:none; }
@media (max-width:992px) {
	header .logo { background-image:url('img/logo-light.png'); position:absolute; width:47.7vw; height:15vw; left:12px; top:99px; }
	header .logo.hide-phone { display:none; }
	header .cta { background:var(--dark5); left:15px; top:15px; }
	header .cta.dark,
	header .cta.darky { background:var(--light5); }
	header nav { display:flex; align-items:center; justify-content:center; right:-100vw; top:0; transform:none; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; z-index:1000; background:url('img/footer.jpg') no-repeat 50% 50% / cover var(--dark); opacity:0; transition:all 0.3s; }
	header.on nav { right:0; opacity:1; }
	header nav a { text-align:center; font-size:16px; }
	header nav .separator { margin-right:auto; }
	header nav .add a { max-width:100%; font-size:14px; }
	header #toggler { display:block; position:fixed; right:15px; top:15px; z-index:1100; background:var(--dark5); box-shadow:0 0 0 2px var(--light); width:40px; height:40px; line-height:40px; text-align:center; color:var(--light); font-size:28px; }
}

.banner { position:relative; width:100%; height:80vw; max-height:100vh; background:var(--light); padding:0; overflow:hidden; }
.banner .owl-item { animation-duration:5s; }
.banner .item { height:80vw; max-height:100vh; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
@media (max-width:992px) {
	.banner,
	.banner .item { height:100vw; }
}

.cond { padding:30px 0; background:var(--dark); }
.cond h2 { margin:0; text-align:center; color:var(--light); font-weight:400; }
.cond p { margin:0 0 5px; text-align:center; font-weight:500; line-height:1; font-size:13px; letter-spacing:0; color:var(--light); }

#address { background:var(--light); display:none; padding:15px 10px; align-items:flex-start; justify-content:space-between; }
#address img { width:40%; }
#address a { color:var(--dark); font-size:14px; font-weight:700; display:block; }
@media (max-width:992px) {
	#address { display:flex; }
}

#home1 { background:url('img/home-1.jpg') no-repeat 0 0 / cover; position:relative; background-attachment:fixed; }
#home1:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; background:url('img/home-1.png') no-repeat 0 0 / cover; z-index:1; }
#home1 .content { position:relative; z-index:10; min-height:100vh; display:flex; align-items:center; justify-content:space-between; padding:10vw 0; }
#home1 .content .text { width:calc(50% - 25px); }
#home1 video { width:calc(50% - 25px); margin:30px 0; }
@media (max-width:992px) {
	#home1 .content { display:block; min-height:auto; }
	#home1 .content .text { width:100%; }
	#home1 video { display:table; width:100%; margin:30px auto; }
}

#home2 { background:url('img/home-2.jpg') no-repeat 0 0 / cover; position:relative; background-attachment:fixed; padding:10vw 0; }
#home2:after { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url('img/home-2.png') no-repeat 0 100% / contain; z-index:1; }
#home2 .content { position:relative; z-index:10; display:flex; align-items:center; justify-content:space-between; }
#home2 .content .text { width:calc(60% - 25px); position:relative; z-index:100; }
#home2 .content .text h2 { color:var(--light); }
#home2 .content .text p { color:var(--light); }
#home2 .video { width:calc(40% - 25px); box-shadow:var(--shadow1); position:relative; cursor:pointer; }
#home2 .video:after { content:""; display:block; position:absolute; left:-20px; top:-20px; width:calc(100% + 40px); height:calc(100% + 40px); border:2px solid var(--light); z-index:10; }
#home2 .video:before { content:""; display:block; position:absolute; left:-50px; top:-50px; width:calc(100% + 100px); height:calc(100% + 100px); background-image:url('img/home-2a.png'), url('img/home-2b.png'); background-repeat:no-repeat, no-repeat; background-position:0 0, 100% 100%; background-size:130px auto, 160px auto; z-index:30; }
#home2 .video img { width:100%; position:relative; z-index:10; opacity:0.8; }
#home2 .video svg { width:100px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:50; }
#home2 .video svg * { fill:var(--dark7); stroke:var(--light); stroke-width:5; stroke-miterlimit:10; transition:all 0.5s; }
#home2 .video:hover svg * { fill:var(--primary); stroke:var(--light); }
#home2 .slider-2:after { border-color:var(--light); }
#home2 .slider-2:before { background-image:url('img/home-2c.png'); background-size:contain; background-position:0 100%; width:150px; height:100%; top:auto; right:auto; left:-50px; bottom:-50px; }
#home2 .spacer { height:10vw; }
@media (max-width:992px) {
	#home2 .content { display:block; }
	#home2 .content .text { width:100%; }
	#home2 .video { width:300px; max-width:calc(100% - 40px); margin:50px auto; }
}

#video { display:none; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:2000; }
#video .video { height:100%; width:100%; background:var(--dark7); display:flex; align-items:center; justify-content:center; }
#video .video video { max-width:95%; width:1000px; }
#video .close { position:fixed; right:0; top:0; font-size:60px; color:var(--light); opacity:1; cursor:pointer; z-index:2100; }
@media (max-width:992px) {
}

#home3 {background-color: #333; color: var(--light); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-attachment:fixed; display:flex; align-items:center; justify-content:center; padding:10vw 0; }
#home3 .content { position:relative; z-index:10; border:5px solid #f5951e; padding:5px; }
#home3 .content .text { border:2px solid #f5951e; padding:30px 50px; text-align:center; }
#home3 .content .text .owl-dots { display:table; margin:5px auto 0; }
#home3 .content .text .owl-dots .owl-dot { display:inline-block; width:7px; height:7px; background:var(--dark4); border-radius:50%; margin:0 3px; }
#home3 .content .text .owl-dots .owl-dot.active { background:var(--dark8); }
@media (max-width:992px) {
	#home3 .content .text { padding:10px; }
}

#home4 { background-image:url('img/home-4a.png'), url('img/home-4b.png'), url('img/home-4.jpg'); background-repeat:no-repeat, no-repeat, no-repeat; background-position:0 100%, 100% 0, 50% 50%; background-size:15% auto, 40% auto, cover; background-attachment:scroll, scroll, fixed; }
#home4 .content { min-height:100vh; padding:10vw 0; display:flex; align-items:center; justify-content:center; }
#home4 .content .text { display:block; width:100%; }
#home4 .content .text h2 { color:var(--light); }
#home4 .content .text .homegallery img { border:2px solid var(--light); padding:10px; }
#home4 .content .text .homegallery .owl-dots { }
#home4 .content .text .homegallery .owl-dots .owl-dot { display:inline-block; width:7px; height:7px; background:var(--light4); border-radius:50%; margin:0 3px; }
#home4 .content .text .homegallery .owl-dots .owl-dot.active { background:var(--light8); }
@media (max-width:992px) {
	#home4 .content { min-height:auto; }
}

footer { background:url('img/footer.jpg') no-repeat 50% 50% / cover var(--dark); }
footer .content { padding-top:20px; }
footer .content p { margin:0 0 10px; color:var(--light); font-weight:400; }
footer .content a { display:block; margin:0 0 10px; color:var(--light); font-weight:400; font-size:12px; }
footer .content a:last-child { margin:0; }
footer .content a:hover { text-decoration:underline; }
footer .content .contacts { margin-bottom:10px; }
footer .content .contacts img { width:170%; max-width:180px; margin:0 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); font-weight:400; font-size:12px; }
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:rgba(0,0,0,0.3); 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 { max-width:200px; margin:0 auto 30px; display:table; }
	footer .content .time { display:none; }
	footer .copy { padding:5px; }
}

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

.menu { padding-bottom:100px; }
.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 15px; border:2px solid var(--light); }
.menu .menu-active .sub-menu { padding:0 10px 10px; }
.menu .menu-active > a { font-size:18px; line-height:18px; font-weight:700; background:var(--light5); border-bottom:2px solid var(--light); color:var(--dark); display:block; padding:10px; margin:0 0 20px; text-transform:capitalize; color:var(--dark); }
.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(--light8); }
.menu .menu-active .meal h5.sub-item:before { content:"▪ "; color:var(--light4); }
.menu .menu-active .meal h4 { font-size:16px; margin:0; font-weight:700; text-transform:capitalize; }
.menu .menu-active .meal .dots { height:10px; border-bottom:1px dashed var(--light4); flex-grow:1; margin:0 5px; }
.menu .menu-active .meal .price { font-size:14px; font-weight:700; color:var(--light); }
.menu .menu-active .productdescription,
.menu .menu-active .subproductdescription,
.menu .menu-active .sub-menu > .menucatdescription { font-size:11px; line-height:12px; font-style:italic; margin:-10px 0 10px; color:var(--light6); text-align:justify; text-transform:capitalize; }
.menu .menu-active .subproductdescription { margin-left:20px; }
.menu .btn { display:table; margin:0 auto 30px; }
@media (max-width:992px) {
	.menu { padding:0; }
	.menu .menu-active { width:100%; margin:0 0 15px; padding:0 0 10px; }
}

.gallery { padding-bottom:100px; }
.gallery #lightgallery a { display:block; padding:10px; position:relative; overflow:hidden; width:calc(25% - 20px); margin:10px; border:2px solid 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 a { width:calc(50% - 10px); margin:5px; padding:2px; }
}

.contact { padding-bottom:100px; }
.contact iframe { width:100%; border:0; 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(--light); border:1px solid #ccc; border-bottom:0; margin:0; background:transparent; transition:all 0.3s; }
.contact form input::placeholder,
.contact form textarea::placeholder { color:var(--light); }
.g-recaptcha{margin-bottom:15px;}
.contact form textarea { height:150px; min-height:150px; resize:none;border-bottom:1px solid #ccc; }
.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(--light); 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 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) {
	.btnx {
		margin-top: 68px;
	}
	.phone img {
		height: auto!important;
		width: 94%!important;
		margin-bottom: -63px;
	}
	.btnx img {
		padding: 0;
		width: 52%;
		margin-top: -45px;
		margin-left: -15px;
		filter: none;
	}
	.btnx img {
		margin-top: -83px!important;
	}
	#menu .item { width: 100%!important;; padding:0 10px 20px; }
	.tos { padding:140px 0 100px; }
	.tos .btn { margin-bottom:30px; }
}
.no p {
    margin-top: -20px;
}
.lg-outer,
.lg-sub-html,
.lg-toolbar { background:#e6edf1; }
.lg-toolbar { border-bottom:var(--dark5); }
.lg-toolbar .lg-icon { color:var(--dark); }


.content_m a.btn.light {
    margin-top: 7px!important;
    display: inline-flex;
}
.ph p {
    color: white;
    font-size: 11px;
    font-weight: 900;
    margin-left:40px;
}
#menu .item { width:33%; padding:0 10px 20px; }
#menu .item .title { background:var(--light5); color:var(--light); padding:10px; border:1px solid var(--light); }
#menu .item .title p { font-size:20px; font-weight:700; margin:0; text-transform:uppercase; color: #004400;}
#menu .item .title small { font-size:12px; display:block; margin:0; font-weight:600; font-style:italic; color: black;}
#menu .content { padding:20px 15px 10px; border:1px solid var(--light); 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(--light4); height:15px; margin:0 10px; }
#menu .content .meal .price { font-size:14px; font-weight:700; color:var(--light); }
#menu .content .detail { font-size:13px; font-weight:400; font-style:italic; margin:-15px 0 15px; color:#dddddd; margin-top: 2px;}
#menu .content .meal.sub { padding-left:15px; }
section.App{
background: url(img/home-1.jpg) no-repeat 0 0 / cover;
position: relative;
background-attachment: fixed;
}
.textss{
	align-items: center;
    justify-content: space-between;
    margin-top: 75px;
}
.btnx img {
    padding: 0;
    width: 42%;
    margin-top: 10px;
    margin-left: 0;
    filter: none;
}
.phone img {
    width: auto;
}
.ii img {
    width: 80%!important;
}
@media (max-width:992px) {
	p.bb {
    color: var(--dark);
    font-size: 13px;
    font-weight: 700;
    display: block;
}
	.ph p{
		text-align:center;
	}
	header nav .social {
 	   text-align: center;
	}
	.ii img {
		width: 100%!important;
	}
.ph p {
    font-size: 13px;
    margin-left: 0px;
}
}



.img-sec{
	width: 50%;
	display: block;
	margin: 0 auto;
}
.img-col-div{
	background-color: #00000087;
	padding: 30px;
}
.all-in-two{
	display: none;
}
.delete-sec{
	padding: 120px 0 50px 0;
}
.delete-sec h3{
	text-align: center;
	font-size: 25px ;
	line-height: 27px;
	color: #ffffff;
	font-weight: 500;
}
@media(max-width:500px){
	.img-sec{
	width: 100%;
}
.all-in-two{
	display: block;
}
.all-in-one{
	display: none;
}
.delete-sec h3{
	padding: 20px 0;
}
}




/* For the head top-up */

.upper-part-nav {
    position: relative;
    z-index: 9999;
    font-weight: 700;
    padding: 15px;
    color: #fff;
    background: #002984;
    text-align: center;
    background-image: url('../top-banner.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   }
   
   .upper-part-nav p {
    margin-bottom: 0;
   }
   .upper-part-nav .text-div p{
       margin: 0;
   }
   .upper-part-nav .text-div p span{
       font-size: 25px;
       line-height: 27px;
       color: #fff;
       font-weight: 400;
       font: italic small-caps bold 24px/1.2 "Helvetica Neue", Helvetica, Arial,
           sans-serif;
   }
   .upper-part-nav .img-div img{
       height: 100px;
       width: auto;
   }
   
   /* -- close button -- */
   .upper-part-nav-close {
    position: absolute;
    top: 4px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    color: #000;
    border: 2px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
   }
   
   .mdb {
       min-width: 88px;
       padding: 10px 14px;
   }
   .green {
       background-color: #259b24;
   }
   .dropdown-toggle.green {
        background-color: #259b24;
    }
   
   a.mdb.purple, a.mdb.green, a.mdb.orange, a.mdb.blue {
       color: #fff!important;
   }
   
   .mdb {
       outline: 0;
       outline-offset: 0;
       border: 0;
       border-radius: 2px;
       transition: all .15s ease-in-out;
       -o-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
       -webkit-transition: all .15s ease-in-out;
   }
   
   .mdb {
       display: inline-block;
       padding: 8px 15px;
       margin-bottom: 0;
       text-align: center;
       white-space: nowrap;
       vertical-align: middle;
       -ms-touch-action: manipulation;
       touch-action: manipulation;
       cursor: pointer;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       background-image: none;
       border: 1px solid transparent;
       border-radius: 4px;
       font-size: 14px;
       font-weight: 700;
       line-height: 1.1;
       text-transform: uppercase;
       letter-spacing: inherit;
       color: rgba(255,255,255,.87);
       text-decoration: none;
   }
   .br {
       -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
       -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);
       box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
   }
   .lev {
       transition: .3s all;
   }
   .lev:hover {
       transform: translateY(-5px);
       transition: .3s all;
   }
   .re {
       position: relative;
       overflow: hidden;
       -webkit-transform: translate3d(0,0,0);
   }


@media (max-width: 991.98px) {

    .upper-part-nav .img-div img {
        height: 50px !important;
    }
    .upper-part-nav .text-div p span {
        font-size: 15px !important;
        line-height: 17px !important;
    }
}