:root {
	--font:'Ubuntu', 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(--font); color:var(--dark); background:#f5f5f5; 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(--light)!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(--font); }
h2 { font-weight:600; font-size:24px; line-height:40px; letter-spacing:0.2em; margin:0 0 20px; text-transform:uppercase; }
p { font-size:15px; margin:0 0 15px; font-weight:400; letter-spacing:0.1em; }

.btn { padding:10px 20px; border:1px solid var(--light); color:var(--light); background:transparent; 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 { width:900px; 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:10px; width:68px; height:150px; 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'); }
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:11px; 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(--dark); }
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:47vw; height:22vw; 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:100vh; background:var(--light); padding:0; overflow:hidden; }
.banner .owl-item { animation-duration:5s; }
.banner .item { height:100vh; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.banner .slider-1 { position:relative; z-index:10; }
.banner .text { position: absolute;
    z-index: 50;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    width: 80%;
    max-width: 400px;
    text-align: center;
    padding: 10px;
    background: var(--light5);
    border-radius: 10px; }
.banner .text h1 { color:var(--dark); }
.banner .text img { margin-bottom:20px; }
.banner .text .btn { background:var(--primary); font-size:12px; }

#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%; height:100%; background:url('img/home-1.png') no-repeat 50% 50% / 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; position:relative; }
#home1 .video video { width:100%; position:relative; z-index:10; }
#home1 .video:after { content:""; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 30px); border:3px solid var(--light); z-index:50; }
@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 .slider-2:after { border-color:var(--light); }
#home2 .slider-2.one: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 .slider-2.two:before { background-image:url('img/home-2b.png'); background-size:contain; background-position:0 100%; width:160px; height:100%; top:auto; right:-50px; left:auto; 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-image:url('img/home-3.jpg'); 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 var(--dark); padding:5px; }
#home3 .content .text { border:2px solid var(--dark); 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 0, 100% 100%, 50% 50%; background-size:20% auto, 30% auto, cover; background-attachment:scroll, scroll, fixed; background-blend-mode:multiply; }
#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:20px 0; }
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:100%; max-width:200px; 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:0 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; margin:0 0 0 auto; }
.booking .text h2,
.booking .text p { color:var(--dark); }
@media (max-width:992px) {
	.booking { padding:180px 0 20px; }
}

.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(--dark); }
.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(--dark); color:var(--light); 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; color:var(--dark); }
.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(--dark4); }
.menu .menu-active .meal h4 { font-size:16px; margin:0; font-weight:700; text-transform:capitalize; color:var(--dark); }
.menu .menu-active .meal .dots { height:10px; border-bottom:1px dashed var(--dark4); flex-grow:1; margin:0 5px; }
.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:11px; line-height:12px; font-style:italic; margin:-10px 0 10px; color:var(--dark); 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(--dark); }
.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% - 20px); }
}

.contact { padding-bottom:100px; }
.contact iframe { width:100%; border:0; height:350px; position:relative; z-index:10; }
.contact h3 { margin:0 0 5px; color:var(--dark); }
.contact p { margin:0 0 22px; color:var(--dark); }
.contact form input,
.contact 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; transition:all 0.3s; }
.contact form input::placeholder,
.contact form textarea::placeholder { color:var(--dark); }
.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(--primary); }
.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; color:var(--dark); }
.tos h2 { margin:0 0 30px; color:var(--dark); }
.tos p { font-size:14px; line-height:15px; margin:0 0 15px; text-align:justify; letter-spacing:0; color:var(--dark); }
.tos p strong { font-weight:700; }
.tos img { margin:0 0 30px; padding:15px; border:2px solid var(--dark); }
@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); }