@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Righteous&display=swap');

:root {
	--dark:#1a1a1a;
	--dark2:#242424;
	--light:#ffffff;
	--light1:#ffe05e;
	--red1:#3F51B5;
    --red2:#8c2226;
    --grey:#a44326; 
    --f1:'Righteous', cursive;
    --f2:'Josefin Sans', sans-serif;
    

}
.CatAcc.menu-active a {
    text-align: left;
    display: block;
    background: #a44326;
    padding: 10px;
    color: #fff;
}
.meal .sub-item {
    width: 50%;
    text-align: left;
}

.meal h5 {
    width: 50%;
    text-align: left;
    margin: 0;
    /* padding: 10px; */
    /* border-bottom: 1px solid red; */
}
.meal {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.meal .sub-item {
    width: 50%;
    text-align: left;
}
.menucatdescription {
    text-align: left;
}
.price {
    width: 50%;
    text-align: right;
}
section.menu h4 {
    margin: 10px 0;
    padding: 8px;
    width: 100%;
   
    /* margin-top: 10px; */
    color: #4b5cba;
}
.g-recaptcha {
    width: 100%!important;
    margin: 0px 0 20px 0;
}
section.menu ul {
    list-style: none;
    margin: 15px 0;
	padding: 0;
}
.subproductdescription {
    margin-top: 10px;
}
.top-btn {
    position: fixed;
    top: 9px;
    left: 15px;
    z-index: 30;
}
.top_header {
    width: 100%;
    background:var(--grey);
}
.top-btn .btn {
    padding: 15px;
}
::placeholder { color:var(--dark); }
::selection { color:var(--dark); background:var(--light); }
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--red2); }
::-webkit-scrollbar-thumb { background:var(--dark); }

html,
body { min-height:100vh; font-family:var(--f2); font-size:16px; font-weight:400; line-height:1.2; color:var(--red1); background-color:var(--light); background-image:url('img/pattern.png'); background-repeat:repeat; background-position:0 0; background-attachment:fixed; }
a { color:inherit; transition:all 0.3s; }
a:hover { text-decoration:none; }
img { width:100%; }
h2 { font-family:var(--f1); color:var(--grey); text-transform:uppercase; letter-spacing:0.1em; margin:0 0 15px; }
p { color:var(--dark); line-height:1.5; margin:0 0 15px; }
section { margin:0 0 100px; }
strong { font-weight:700; }
.btn { display:table; font-size:16px; color:var(--light); line-height:1; font-weight:700; padding:8px 20px; margin:0 auto; background:var(--light); border-radius:2px; letter-spacing:0.2em; border:2px solid var(--light); box-shadow:0 0 0 3px var(--red1), 0 30px 0 var(--red2) inset, 0 -30px 0 var(--red2) inset; transition:all 0.5s; }
.btn:focus,
.btn:hover { color:var(--red2); box-shadow:0 0 0 3px var(--red1), 0 0px 0 var(--red2) inset, 0 0px 0 var(--red2) inset; }
.title-border { width:250px; max-width:90%; display:table; margin:0 auto 20px; }
.link { position:relative; display:inline-block; padding:0 3px; transition:all 0.7s; }
.link:after { content:""; display:block; width:100%; height:1px; background:var(--red2); position:absolute; left:0; bottom:0; transition:all 0.4s; }
.link:hover { background:var(--red2); color:var(--light); }
.link:hover:after { bottom:100%; }

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    background:#7f2f17;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    flex-flow: row wrap;
    transition: all 0.75s ease-out;
}
.inner-header {
    display: flex;
    align-items: center;
}
header.show { right:0px; }
header .contact { text-align:center; width:100%; padding:0 30px; }
header .logo{
	display:inline-block;
	position:relative;
	width:250px;
}
header .logo img {
    width: 120px;
    padding: 3px;
}
section.r_home_1 {
    padding: 100px 0;
}
section.r_home_1 h2 {
    font-family: var(--f1);
    color: var(--grey);
    letter-spacing: unset;
    margin: 0 0 15px;
    font-size: 40px;
    text-transform: capitalize;
}
a.order_btn ,button.order_btn.order_now{
    margin-left: 100px;
    padding: 5px 10px;
    background: #fbc634;
    text-align: center;
	transition:300ms;
    border:1px solid var(--grey);
    color:#000000;
}
a.order_btn:hover ,button.order_btn.order_now:hover{
    border:1px solid #ffbb00;
	background:#ffbb00;
	color:var(--light);
}
a.order_btn.order_now,button.order_btn.order_now {
    margin: 0;
    padding: 10px;
}
a.order_btn.order_now:hover {
    border:1px solid var(--red1);
	background:var(--red1);
	color:var(--light);
}
header .logo span {
    position: absolute;
    top: 11px;
    color: #fff;
    right: 30px;
}
a.order_btn span {
    font-size: 15px;
}
header .contact p,
header .contact a { display:block; color:var(--red2); margin:0 0 5px; font-size:16px; }
header nav { display:inline-block; }
header nav ul { list-style:none; display:flex; margin:0}
header nav ul li a { font-weight: 600;display:table;color:var(--light); font-size:15px; padding: 36px 5px; text-transform:uppercase; letter-spacing:0.2em;margin-right: 10px; }
header nav ul li a.active {color:var(--light1) !important; cursor:default; pointer-events:none; }
header nav ul li a:hover { color:var(--red1);background: var(--light); }
.top_header_one p {
    color: var(--light1);
    margin: 0;
    padding: 10px ;
}
.top_header_left p {
    text-align: right;
}
#voucher { position:fixed; left:0; bottom:50px; width:150px; font-family:var(--f2); z-index:2000; transition:all 0.5s; animation:switcher 3s infinite; }
#voucher .hover { transition:all 0.3s; }
#voucher:hover .hover { fill:var(--dark); }
#voucher.small { left:-130px; }
.vCloser {  position:fixed; left:130px; bottom:50px; width:20px; height:100px; padding:20px 0; line-height:20px; text-align:center; color:var(--light); z-index:2100; transition:all 0.5s; cursor:pointer; }
.vCloser .la-angle-right { display:none; }
.vCloser.small .la-angle-right { display:inline-block; }
.vCloser.small .la-angle-left { display:none; }
.vCloser.small { left:0; }
@keyframes switcher {
  0% {    box-shadow: 0 0 0 0px rgba(103, 32, 31, 0.2);  }
  100% {    box-shadow: 0 0 0 35px rgba(103, 32, 31, 0);  }
}

#toggler {  right:10px; top:10px; width:50px; height:50px; line-height:50px; font-size:30px; text-align:center; z-index:500; cursor:pointer; transition:all 0.75s ease-out;display:none;margin-left: 15px; }
#toggler.show { right:300px; }
#toggler span { display:block; width:30px; height:3px; background:#fbc634; margin:0 10px 5px; border-radius:1px; transition:all 1s ease-out; }
#toggler span:nth-child(1) { margin-top:15px; }
#toggler.show span:nth-child(2) { opacity:0; }
#toggler.show span:nth-child(1) { transform:rotate(45deg) translate(5px,7px); }
#toggler.show span:nth-child(3) { transform:rotate(-45deg) translate(4px,-6px); }

#home-banner { width:100%; height:100vh; position:relative; margin:0; }
#home-banner .owl-carousel { position:relative; z-index:10; }
#home-banner .owl-carousel .item { width:100%; height:100vh; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; }
#home-banner .owl-carousel .animated { animation-duration:2s; }
#home-banner .content { position:absolute; left:60px; top:50%; transform:translate(0, -50%); z-index:40; }
#home-banner .content .text { position:relative; z-index:60; padding:30px; }
#home-banner .content img { width:200px; margin:0 0 40px; }
#home-banner .content h1 { font-family: var(--f1);
    color: var(--light1);
    font-size: 45px;
    margin: 0 0 40px;
    text-shadow: 3px 0px 3px var(--grey);
    text-transform: capitalize; }
#home-banner .content .btn { margin-left:0; }
#home-banner .toc { position: absolute;   color:var(--red1);  left: 50%;    bottom: 55px;    transform: translateX(-50%);    width: 80vw;    text-align: center; }

.banner { min-height:50vh; position:relative; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; }
.banner .bdr { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:20; width:calc(100% - 60px); height:calc(100% - 70px);  }
.banner .overlay { position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(255,255,255,0.5); }
.banner h1 { font-family:var(--f2); color:var(--grey); text-transform:uppercase; letter-spacing:0.2em; font-size:45px; margin:0; position:relative; z-index:50; }

.home-2 { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; z-index:10; background:url('img/home-2.jpg') no-repeat 50% 50%; background-size:cover; padding:60px 0; margin:0;background-attachment:fixed; }
.home-2 .content { width:50%; text-align:center; padding:50px; background:rgba(0, 0, 0, 0.6);}
.home-2 .content h2 { margin-bottom:5px; color:var(--light); }
.home-2 .content p { color:var(--light); }
.home-2 .content p { color:var(--light); }

.home-3 { position:relative; z-index:10; padding:120px 0; margin:0; }
.home-3 .text { padding:0 60px; text-align:center; }
.home-3 #about-carousel { padding:0 30px; margin-top:60px; }

#map { width:100%; height:400px; margin:0; }
#map iframe { width:100%; height:400px; border:0; }

footer {
    background: #421305;
    padding: 60px 0 0;
}footer h4 { font-family:var(--f2); color:var(--light); font-size:18px; letter-spacing:0.1em; margin:0 0 10px; }
footer label { font-size:14px; margin:0 0 2px; font-weight:700; color:var(--light); }
footer textarea,
footer input { width:100%; border:1px solid var(--light); color:var(--light); background:transparent; border-radius:3px; margin:0 0 5px; padding:0 5px; line-height:30px; height:30px; }
footer textarea { height:60px; min-height:60px; resize:vertical; }
footer textarea:focus,
footer input:focus { outline:none; }
footer .btn { display:table; border-radius:2px; margin:5px 0 0 auto; }
footer .time { display:flex; justify-content:space-between; width:100%; margin:-1px 0 0; border-top:1px solid var(--light); padding:0 5px; }
footer .time:nth-child(2) { margin-top:28px; }
footer .time:last-child { font-size:14px; font-style:italic; padding-top:10px; color:var(--light); }
footer .time p { margin:0; line-height:32px; letter-spacing:0; font-weight:700; color:var(--light); }
footer .time.active { background:var(--light); }
footer .time.active p { color:var(--dark2); }
footer .time.active p:first-child:after { content:"(TODAY)"; font-size:12px; padding-left:5px; }
footer .copy { margin:60px 0 0; background: #310f05; color:var(--light); text-align:center; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; padding:10px 0; }

.menu { padding:100px 0; margin:0; }
.menu h2,
.menu p { text-align:center; }
.menu .btn { margin:30px auto 60px; }
.menu .item { border-bottom:0; margin:10px; width:calc(50% - 20px); border-radius:5px; overflow:hidden; }
.menu .panel-title { font-size:18px; font-weight:700; margin:0 0 5px; background:var(--grey); color:var(--light); }
.menu h4 { font-size:15px;  margin:0; padding:5px 10px; color:var(--red2); }
.menu .product_description { font-size:14px; font-weight:400; margin:0 0 10px; padding:0 10px; line-height:1; letter-spacing:0; text-align:left; color:var(--red2); }
section.home_oar {
    margin: 0;
    position: relative;
    margin: 0px 0px 100px 0;
}
section.home_oar:before {
    position: absolute;
    top: -40px;
    left: 0;
    width: 60%;
    height: 100%;
    background: #dddd;
    content: "";
}
.inner_home_r p {
    color:var(--dark2);
}
.inner_home_r h2 {
    color:var(--grey);
}
.owl-item-s:after, .owl-items:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    width: 15px;
    height: 90%;
    margin: auto;
    box-shadow: 5px 15px 15px 0 rgba(0, 0, 0, 0.1);
}
.owl-item-s {
    position: relative;
    text-align: center;
}
.testi_text h4 {
    color: #fff;
    font-size: 20px;
}
.testi_text h3 {
    font-size: 60px;
    color: var(--light1);
    font-family: var(--f1);
}
.owl-item-s p {
    color: #fff;

}
.user h3 {
    color: var(--light1);
}
.owl-item-s h3 {
    font-size: 15px;
}
section.testi_s {
    padding: 100px 0;
    margin: 0;
    background-image: url(img/testi_one.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#home-banner .content .text p {
    color: #fff;
    margin-top: 20px;
}
.menu .price_dv { text-align:right; }
.menu .price_dv { font-size:14px; font-weight:700; margin:0; padding:5px;color: var(--grey); }
.menu .product_dv { border-bottom:1px solid var(--dark); padding:5px; }
.menu .product_dv.sub_product { padding-left:20px; }
.menu .product_dv.sub_product h4:before { content:"• "; }

.about { padding:100px 0; margin:0; }
.about img.bdr {  }
.about .title-border { margin-left:0; }
.about .btn { margin:30px 0 0; }
.menu_ses{
	margin-bottom:20px;
}
.gallery { padding:100px 0; margin:0; }
.gallery #gallery .item { width:25%; padding:5px; display:block; cursor:pointer; position:relative; }
.gallery #gallery .item img { position:relative; z-index:10; }
.gallery #gallery .item:after { content:""; left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; z-index:30; background:rgba(0,0,0,0.3); transition:all 0.3s; }
.gallery #gallery .item.big { width:50%; cursor:default; }
.gallery #gallery .item.big:after,
.gallery #gallery .item:hover:after { background:rgba(0,0,0,0); }

.contact { padding:100px 0; margin:0; }
.contact .map,
.contact .map iframe { width:100%; height:300px; }
.contact .content h4 { font-family:var(--f2); color:var(--grey); font-size:18px; letter-spacing:0.1em; text-transform:uppercase; margin:0 0 30px; }
.contact .content p { margin:0 0 30px; font-size:18px; }
.contact .content p:last-child { margin:0; }

@media (max-width:992px) {
	nav#mobile {
    display: none;
}
#toggler{
	display:inline-block;
}
	.inner_home_r {
    padding: 100px 50px;
}
.testi_text.text-right {
    text-align: center!important;
}
	#home-banner .content img {
  	 width: 120px;
	}
	#home-banner .content h1 { font-size:25px; text-align:center; }
	#home-banner .bdr { width:90vw; height:90vh;  }
	#home-banner .content img,
	#home-banner .content .btn { margin-left:auto; margin-right:auto;padding: 10px;}
	#home-banner .content { left:0; width:100%; padding:0 30px; }
	#home-banner .toc { color:#FFF; bottom:90px;}
	.home-2 { min-height:auto; padding:5vw 0; }
	.home-2:after { left:6vw; top:6vw; width:15vw; height:15vw; }
	.home-2:before { right:6vw; bottom:6vw; width:15vw; height:15vw; }
	.home-2 .content { width:90vw; padding:10vw; }
	.home-3 { padding:60px 0; }
	.home-3 .text { padding:0 30px; }
	.home-3 #about-carousel { padding:30px; border:4px solid var(--red2); outline:2px solid var(--red1); outline-offset:6px; width:80%; margin:60px auto 0; }
	footer .copy { letter-spacing:0; }
	.menu .item { width:calc(100% - 30px); margin:0 15px 15px; }
	.about img.bdr { display:none; }
	.about h2,
	.about p { text-align:center; }
	.about .title-border { margin-left:auto; }
	.about .btn { margin:30px auto 0; }
	.booking.home-2 { background:transparent; }
	.gallery #gallery .item { width:50%; }
	.gallery #gallery .item.big { width:100%; }
	.contact .content h4 { margin-top:60px; }
	.banner h1 { text-align:center; font-size:35px; }
	#voucher,
	.vCloser {  bottom:50px; }
	nav{
	position: fixed;
    right: -250px;
    top: 129px;
    height: 100%;
    padding: 30px 0;
    background: var(--light);
    border-left: 1px solid var(--red1);
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    flex-flow: row wrap;
    transition: all 0.75s ease-out;
    display: block!important;
    z-index: -222;
	width: 200px;
	
	}
	nav.show{
		right:0px;
	}
	header nav ul {
	flex-direction: column;
	padding: 0;
	text-align: center;
    top: 157px;
}
	header nav ul li a {
    font-weight: 600;
    display: block;
    color: #343232;
    font-size: 15px;
    margin-right: 10px;
	padding: 12px 0px;
}
}
h3 {
    color: #7f2f17;
}
i.lab.la-facebook-f{
    color: var(--dark);
    font-size: 40px;
}
i.lab.la-tripadvisor{
    color: var(--dark);
    font-size: 40px;
}

@media (max-width:600px){
    
    .menu {
        padding: 50px 0;
        margin: 0 0 0 -33px;
    }
    section.r_home_1 h2 {
        font-size: 25px;
        margin-top: 20px;
    }
section.r_home_1 {
    margin: 0;
}
.inner_home_r {
    padding: 0px 10px;
}
.owl-item-s {
    position: relative;
    margin: 17px;
}
footer h4 {
    margin-top: 20px;
}
.owl-item-s p {
    margin-top: 20px;
}
.testi_text h3 {
    font-size: 30px;
    font-weight: 700;
}
#home-banner .content img, #home-banner .content .btn {
    margin:0;
    padding: 10px;
}
#home-banner .content .text {
    padding:0;
}
#home-banner .content h1 {
    font-size: 25px;
   text-align: left;
}
header .logo span {
    display: none;
}
header .logo{width:auto;}
header {
}
.top_header_left p {
    text-align: center;
}
.top_header_one p{
    text-align: center;
    padding: 2px 0;
}
a.order_btn, button.order_btn.order_now{
    margin-left:15px;
    font-size: 13px;
}
a.order_btn span{
    font-size: 12px;
}
}
#menu .item { width:100%; padding:0 10px 20px; }
#menu .item .title { background:var(--red2); color:var(--light); padding:10px;}
#menu .item .title p { font-size:20px; font-weight:700; margin:0; text-transform:uppercase; color: var(--light);text-align: left; }
#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-top:0; }
#menu .content .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 15px; color: var(--red2);}
#menu .content .meal .name { font-size:14px; font-weight:600; text-transform:uppercase; }
#menu .content .meal .price { font-size:14px; font-weight:700; color:var(--dark); }
#menu .content .detail { font-size:13px; font-weight:400; font-style:italic; margin:-15px 0 15px; color:#ed1c24; margin-top: 2px;}
#menu .content .meal.sub { padding-left:15px; color: var(--dark);}
#menu .content .meal.sub .name { opacity:0.9; }
.menus h2 {
    text-align: center;
    margin-top: 50px;
}