* {
	margin:0;
	padding:0;
}
:root{ 
  --bs-primary: #FBA91D;
  --bs-secondary: #E78C25;
  --bs-dark-black: #000000;
  --bs-black: #2B2B2B;
  --bs-white: #fff;
  --bs-gray: #7f7f7f; 
  --bs-deepgray: #666;
  --bs-font-primary: 'Poppins', sans-serif;
  --bs-font-secondary: 'Belanosima', sans-serif;
  --bs-shadow:0 4px 10px 0px rgba(225, 225, 225, 0.25);
  --bs-btn-font-l:16px;
  --bs-btn-padding:18px 30px;
  --bs-border-none: none;
  --bs-500: 500;
  --bs-600: 600;
  --bs-700: 700;
  --bs-b-radious10: 10px;
  --bs-b-radious25: 25px;
  --bs-b-radious5: 5px;
}

img {
	max-width:100%;
	height:auto;
}

ul, li, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

a, a:hover, a:focus {
	text-decoration:none;
	outline:0;
}
a, .btn, input[type="submit"], button{transition: all 500ms ease-in-out;}
body {
	font-family: var(--bs-font-primary);
	font-size:15px;
	font-weight:400;
	font-style:normal;
	line-height:normal;
	color:var(--bs-black);
}


h1{
  font-size: 4.35rem;
  font-family: var(--bs-font-primary);
  line-height:1;
  letter-spacing:1px;
  font-weight:bold;
}
h2{
  font-size: 2.6rem /* 2.938em */;
  font-family: var(--bs-font-secondary);
  line-height: 45px;
  font-weight:600;
  margin-bottom:25px;
}
h3{
  font-size: 2rem;
  font-family: var(--bs-font-primary);
  font-weight:bold;
}
  
h4{
  font-size: 1.6rem;
  font-family: var(--bs-font-primary);
}

h5{
  font-size: 1.2rem;
  font-family: var(--bs-font-primary);
}
p{ font-weight:400;line-height:27px; }
.section{ padding:80px 0; }
.link-primary{color:var(--bs-black);}
.link-primary:hover{color:var(--bs-primary);}
.form-control{font-size:0.8rem;}
.btn{ font-family:var(--bs-font-secondary); font-weight:var(--bs-500); letter-spacing:1px; border-radius:var(--bs-b-radious10); padding:12px 25px;}
.btn-primary{  border-color:var(--bs-orange); background-color:var(--bs-orange); }
.btn-primary:hover{ border-color:var(--bs-primary); background-color:var(--bs-primary); }
.btn-warning{ color:var(--bs-white); border-color:var(--bs-primary); background-color:var(--bs-primary); }
.btn-warning:hover{color:var(--bs-white); border-color:var(--bs-orange); background-color:var(--bs-orange); }

.btn-danger{ background-color:var(--bs-red); border-color:var(--bs-red); }
.btn-danger:hover{ color:var(--bs-white); border-color:var(--bs-red-hover); background-color:var(--bs-red-hover); }
.box-shadow{ box-shadow:var(--bs-shadow); }
.text-warning{color:var(--bs-secondary) !important;}
.text-dark{color:var(--bs-deepgray) !important;}
.font-secondary{font-family: var(--bs-font-secondary);}
.section{ padding:100px 0; }
.dash-shape{content:''; display: inline-block; width:30px; height:4px; background:var(--bs-primary); border-radius: var(--bs-b-radious10); margin-bottom: 7px;}
.rounded{border-radius:var(--bs-b-radious25) !important;}
/*============ Mobile menu Start ==============*/
.mobheadersec{
  padding:20px 0;
  display:none;
  position:fixed;
  left:0; top:0;
  z-index: 9;
  width:100%;
}
.mobheadersec.navbar-fixed{background:#fff; box-shadow: 0px 2px 12px 0 rgb(50 67 82 / 20%);}
a.hamburger{
  font-size:0; cursor:pointer; float:right; color:var(--bs-white);
  position:relative;
  width:24px; height:24px;
}
a.hamburger:before{ width:100%; height:3px; border-radius:30px; background:var(--bs-white); position:absolute; top:2px; left:0; content:''; }
a.hamburger:after{ width:60%; height:3px; border-radius:30px; background:var(--bs-white); position:absolute; bottom:2px; right:0; content:''; }
a.hamburger hr{ height:3px; background:var(--bs-white);border-radius:30px; margin:11px 0 11px 4px; opacity:1; }
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background: #2B2B2B;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 54px 0 0 0;
}

.sidenav .closebtn {
  position: absolute;
  top: -5px;
  right: 13px;
  font-size: 48px;
  color: var(--bs-primary);
  font-weight: 200;
}
.sidenav ul{
  padding:0;
  width:100%;
}

.sidenav ul li{
  text-transform:capitalize;
  font-size:1rem;
  line-height:normal;
  margin:10px 0 0 0;
}

.sidenav ul li a{
  display:block;
  color:#fff;
  padding:10px 25px;
  border-left:2px solid var(--vcs-red);
}
.sidenav ul li a.active, .sidenav ul li a:hover{background:var(--bs-primary);}
.sidenav ul li a.btn-sub:hover{color:#fff;}

/*============ Header Start ==============*/
.headersec{background:rgba(0,0,0, 0.6); width:100%; position:fixed; top:0; z-index:9; padding:15px 0 0; transition: all 500ms ease-in-out; }
.headersec.navbar-fixed{background:var(--bs-dark-black); padding:0; box-shadow: 0px 2px 12px 0 rgba(50, 67, 82,  0.2);}
.navbar .container{ display: block; }
.headersec .logo{width:140px; }
/*.headersec.navbar-fixed .logo{width:110px;}*/
.headersec ul li{display: inline-block; font-size:16px; font-weight:var(--bs-500); padding:0 20px;}
.headersec ul li a{ display:block; color: var(--bs-white); padding:30px 0; position: relative; }
.headersec ul li a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:var(--bs-primary); opacity:0; }
.headersec ul li a.active:after, .headersec ul li a:hover:after{opacity:1;}
.headersec ul li a:hover{color:var(--bs-white);}
.headersec.navbar-fixed ul li a{ padding:22px 0; }

/*============ Banner Start ==============*/
/*.banner-sec{padding-top:80px;}*/
.banner-sec img{ width: 100%; height:auto; }
.banner-sec h1{font-family: "Platypi", serif;}
.banner-sec .bottom {bottom:30%;}
.banner-sec .border-left{ border-left:5px solid var(--bs-secondary); border-radius:var(--bs-b-radious5); }

/*============ #about Start ==============*/
.exper-icon{width:150px;}
.about-sec{background:url('../images/about-bg.png')no-repeat center right -50px / 60% auto;}


/*============ #store Start ==============*/
.store-section{background:url('../images/store-bg.jpg')no-repeat center top / cover;}
.store-box{border-radius:var(--bs-b-radious25); box-shadow: var(--bs-shadow); transition: all 500ms ease-in-out;}
.store-box:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0, 0.4); border-radius:var(--bs-b-radious25); transition: all 500ms ease-in-out; }
.store-title{left:0;right:0; bottom:0; z-index:2; border-radius:var(--bs-b-radious25); transition: all 300ms ease-in-out;}
.store-box:hover:after{background:rgba(132,86,7, 0.9);}
.store-box:hover .store-title{ top:50%; bottom:inherit; transform: translate(0, -50%); }
.store-title .store-icon{width:70px; height:auto; opacity:0; transition: all 300ms ease-in-out;}
.store-box:hover .store-icon{opacity:1;}


.events-section .box{background:rgba(132,86,7, 0.95); opacity:0; transition: all 500ms ease-in-out;}
.events-section .col-12:hover .box{opacity:1;}

/*============ Footer Start ==============*/
#footer{background:url(../images/footer-bg.jpg) no-repeat top center / cover;}
#footer a{ color: var(--bs-white); }
#footer a:hover{ color: var(--bs-primary); }
.f-menu li{ display:block; margin-bottom:10px; }
.f-menu li a{ display:inline-block; }
#footer .form-control{ font-size:14px; height:40px;  }
#footer .footer-bottom:before{ content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:var(--bs-gray); opacity:0.2; }


/*============ Modal Menu Order Start ==============*/
.modal-menu-order .modal-header{background: rgba(0, 0, 0, 0.8); z-index: 3;}
.modal-menu-order .modal-header-img{ position:relative; margin-top:-62px; }
.menu-item-box:first-child{
  background: url(../images/store-bg.jpg) no-repeat center top / cover;
}
.menu-item-box:first-child .link-primary{color:var(--bs-white);}
.menu-item-box:first-child .link-primary:hover{color:var(--bs-primary);}
.menu-list-item{
  padding-bottom:10px;
} 
.menu-list-item h5{ font-size: 1rem; }
.menu-list-separator{
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--bs-gray);
}
.modal-menu-order textarea.form-control{
  height: 52px;
  resize: none;
}
.quantity-input {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  overflow: hidden;
}
.quantity-input button {
  background: #f8f9fa;
  border: none;
  padding: 0.8rem 1rem;
  cursor: pointer;
}
.quantity-input input[type="number"] {
  width: 50px;
  text-align: center;
  border: none;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  appearance: textfield; /* Removes the default browser spinner buttons */
}
.quantity-input button:focus,
.quantity-input input[type="number"]:focus {
  outline: none;
}