*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-weight:400;/*font-family: 'Poppins', sans-serif;*/font-family: 'Poppins', sans-serif; font-size:14px;line-height:22px; color:#ffffff; background-color: #000; }
ul, li{list-style: none; margin:0px; padding:0px; }
a:hover{text-decoration: none;}
a {text-decoration: none; color: #000;}
html {scroll-behavior: smooth;}
.btn.focus, .btn:focus, .form-control:focus{outline: none;box-shadow: none}
header .container {max-width:1198px; padding: 0 15px;}
.container{max-width:1094px; padding: 0 15px;}
header{position:fixed; width: 100%; z-index: 999;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s; padding: 20px 0px 20px; }
header.stick{padding: 20px 0px}
header.stick .logoimg img{width: 150px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.mainhead{display: flex; justify-content:space-between; align-items: center;border-radius: 10px;background: rgba(0, 0, 0, 0.10); padding: 20px 24px;
border: 1px solid rgba(255, 255, 255, 0.2);}
.nav ul{display: flex; }
header.nav-up{position:absolute;}
.logoimg img{padding-top: 0px;font-weight:normal;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav ul li{padding: 0px 15px;}
.nav ul li a{display:block; color: #FFF;text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;transition: 0.5s;}
.nav ul li a.active{color:#F3BF12 ;}
.nav ul li a:hover{color:#F3BF12 ;}
header .user-btn { display: flex;padding-left: 21px;}
/* header .user-btn a{color: #FFF;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;padding: 0px 25.5px;height: 53px;transition: 0.5s;} */
header .user-btn a:hover {opacity: 0.7;}
header .user-btn .reserve-btn {margin-right: 5px; display: flex; align-items: center;background-color: #F3BF12;border-radius: 10px;padding: 7.1px 9.4px;
  color: #000;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;
transition: 0.5s;border: 1px solid transparent; }


header .user-btn .reserve-btn:hover {border: 1px solid #262626; color: #262626; background: transparent;}
header .user-btn .get-btn {display: flex; align-items: center; padding: 0 10px;}
header .mainleft {margin-left: auto;}
header .user-btn .reserve-btn img {margin-right: 4px;}
.mainleft .reserve-btn {display: none;} 
.bg-gray{background-color: #000;}
header.stick .nav ul li a.active:before{ top:-31px}
header .user-btn {display: flex;padding-left: 16px;}
header .user-btn .reserve-btn:hover {border: 1px solid #fff; background-color: transparent;color: #fff;}
header .ln.mob {display: none;}

/*----Hero Banner css Started-----*/
.banner-sec .swiper-slide-controls.slide-next {background-image:url('../images/right-arrow.svg'); background-position: center;width: 57px;height: 57px;}
.banner-sec .swiper-slide-controls.slide-prev {background-image:url('../images/left-arrow.svg'); background-position: center;width: 57px;height: 57px;}
.banner-sec .swiper-slide-inner-txt img {margin: 0 auto; max-width: 680px; position: relative;}
.banner-sec .swiper-slide-inner-txt .img_1 {top: 44px;left: 370px;z-index: 9;}
.banner-sec .swiper-slide-inner-txt .img_2 {top: -108px;left: 30px;}
.banner-sec .swiper-slide-inner-txt .img_3 {top: -128px;}
.banner-sec .swiper-slide-inner-txt .img_4{top: -144px;left: 98px;}
.banner-sec .txt-animation .txt {opacity: 0; transform: translateY(20px); animation: slideLeft 1s ease forwards;}
.banner-sec .txt-animation .txt.img_4 {transform: translateY(20px); animation: slideLeft2 1s ease forwards;}
.banner-sec .txt-animation .txt.img_1 {opacity: 0;
  transform: translateY(-30px);
  animation: fadeUp 1s ease forwards;}
.banner-sec .txt-animation .txt:nth-child(1) { animation-delay: 4s; }
.banner-sec .txt-animation .txt:nth-child(2) { animation-delay: 1s; }
.banner-sec .txt-animation .txt:nth-child(3) { animation-delay: 2s; }
.banner-sec .txt-animation .txt:nth-child(4) { animation-delay: 3s; }
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideLeft2 {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.banner-sec .mt-tp {margin-top: -130px;}
.banner-sec h2 {position: relative;}
.banner-sec h2::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;border-radius: 1059px;background: rgba(0, 0, 0, 0.70);
 -webkit-filter: blur(137px); -moz-filter: blur(137px);-ms-filter: blur(137px);-o-filter: blur(137px);
filter: blur(137px);}
.banner-sec .reserve-btn{background-color: #FDBF07;border-radius: 10px;padding: 18.4px 23.3px;color: #000;text-align: center;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;
transition: 0.5s;border: 1px solid transparent; margin-top: 42px;}
.banner-sec .reserve-btn:hover {border: 1px solid #FDBF07; background-color: transparent;color: #FDBF07;}
.banner-sec .swiper-slide-pagination {display: none!important;}
.banner-text {transform: translateZ(0); backface-visibility: hidden;will-change: transform;}

/*----About Mestizo css Started-----*/
.about-sec {position: relative; z-index: 9;padding: 40px 0 90px;}
.about-sec .about-img {position: relative;}
.about-sec .container {position: relative;}
.about-sec .container::before {content: ''; position: absolute; top: 330px; left: 318px; width: 867px; height: 100%;border-radius: 150px;border: 2px solid rgba(255, 255, 255, 0.50);}
.about-sec .about-img .about-mest {position: absolute; top: 136px; left: 78px;}
.about-sec .about-img img {border-radius: 150px 0 0 0;}
.about-sec .about-mest h2 {color: #AE5030; text-align: left; }
.about-sec .pr-md-0 {padding-right: 0;}
.about-sec .pl-md-0 {padding-left: 0;}
.about-sec .bg-theme {background-color: #AE5030;border-radius: 150px 105px 0 0; position: relative;}
.about-sec .bg-theme::before {position: absolute;content: ""; width: 100%; height: calc(100% + 0px); border-radius: 150px 105px 0 0; background-color: #CF8701;
 z-index: -9;left: 0;top: -8px;}
.z-ind {z-index: 9;}
.about-sec .about-info {padding: 60px 50px 20px 42px;}
.about-sec .about-info h4 {color: #FFF;font-family: Albertson;font-size: 30px;font-style: normal;font-weight: 400;line-height: 34px;padding-bottom: 16px;}
.about-sec .about-info p{color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}

.about-sec .about-stry .card {min-height: 700px;border-radius: 15px;padding: 36px 40px;background: white;position: relative;display: flex;align-items: flex-end; transition: 0.4s ease-out;border: 0;
  border-radius: 0;justify-content: start; height: 100%;}
.about-sec .about-stry .card:hover {transform: translateY(20px);}
.about-sec .about-stry .card:hover::before {opacity: 1;}
.about-sec .about-stry .card:hover .info {opacity: 1; transform: translateY(0px);}
.about-sec .about-stry .card::before {content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.74);z-index: 2;
  transition: 0.5s;opacity: 0;}
.about-sec .about-stry .card img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.about-sec .about-stry .card .info {position: relative;z-index: 3; color: white; opacity: 0; transform: translateY(30px);transition: 0.5s;}
.about-sec .about-stry .card .info h3 {font-size: 40px; padding-bottom: 12px;}
.about-sec .about-stry .card h3 {color: #FFF;font-family: Albertson;font-size: 50px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom: 0;}
.about-sec .about-stry .card h5 {color: #FFF;font-size: 22px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom: 0;}
.about-sec .about-stry .card .info p {color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;padding-bottom: 6px;}
.about-sec .about-stry .img-tp .card-txt {position: absolute;bottom: 0; left: 0; right: 0; margin-bottom: 0;background-color: #A36A00;padding: 26px 28px;transition: 0.5s;
height: 111px; display: flex; flex-direction: column; justify-content: center;}
.about-sec .about-stry .card:hover .img-tp .card-txt {opacity: 0;transform: translateY(0px);}
.about-sec .brdr-rad .img-tp img, .about-sec .brdr-rad .card{border-radius: 0 0 130px 0;}
.about-sec .brdr-rad .img-tp .card-txt {border-radius: 0 0 200px 0;}
.about-sec .card .slideFade .image {display: none;}

/*----Dish Slider css Started-----*/
.dish-sec {position: relative; z-index: 9;}
.dish-sec.pttp {padding-top: 60px;}
.dish-sec.pdbtm {padding-bottom: 60px;padding-top: 60px;}
.bg-theme-1 {background-color: #77543A;border-radius: 250px 250px 0 0;}
.bg-theme-2 {background-color: #A02E26;border-radius: 250px 250px 0 0;}
#foodItems .owl-stage-outer {border-radius: 0px 250px 0 0;}
/* .dish-sec .item-details {max-width: 730px;} */
.dish-sec .item-details h2 {color: #FFF;text-shadow: 0 7px 8px rgba(170, 0, 0, 0.58);font-family: Albertson;font-size: 70px;font-style: normal;font-weight: 400;
line-height: normal; text-align: left; text-transform: uppercase;}
.dish-sec .item-details h2.txt-color {text-shadow: 0 7px 8px rgba(33, 33, 33, 0.58);}
.dish-sec .item-details .menu-btn{background-color: #FFF; color: #1B1A1A;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;
padding: 13.9px 56.5px;text-align: center;transition: 0.5s;border: 1px solid transparent; margin-top: 36px; display: inline-block;}
.dish-sec .item-details .menu-btn:hover {border: 1px solid #fff; background-color: transparent;color: #fff;}
.dish-sec .item-details .menu-btn.mr-2 {margin-right: 12px;}
.dish-sec .items-slider {margin-top: -60px;}
.dish-sec .pd-lft {padding-left: 88px;}
.dish-sec .pd-rght {padding-left: 88px;}
.dish-sec .pl-md-0 {padding-left: 0;}
.dish-sec .pr-md-0 {padding-right: 0;}
#foodItems2 .owl-stage-outer {border-radius: 250px 0px 0 0;}

.dish-sec .owl-theme .owl-nav {width: 100%;display: flex; justify-content: space-between;position: absolute;top: 45%;}
.dish-sec .owl-carousel .owl-nav button span {display: none;}
.dish-sec .owl-theme .owl-nav [class*=owl-]:hover, .dish-sec .owl-theme .owl-nav [class*=owl-]:hover {background: transparent;}
.dish-sec .owl-carousel .owl-nav button.owl-prev {margin-left: 60px;}
.dish-sec .owl-carousel .owl-nav button.owl-next {margin-right: 60px;}

/*----Video Parallax css Started-----*/
.videoparallax-sec h4 {color: #FFF;text-align: center;font-family: Albertson;font-size: 40px;font-style: normal;font-weight: 400;line-height: normal;
position: relative; z-index: 9; padding-bottom: 60px;}
.videoparallax-sec .bg-slideshow {position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; overflow: hidden; z-index: -1;}
.videoparallax-sec .bg-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0;
  transition: opacity 1.5s ease-in-out;}
.videoparallax-sec .bg-slide.active {opacity: 1;}

/*----Map css Started-----*/
.page-wrapper h2 {color: #FFF;text-align: center;font-family: Albertson;font-size: 70px;font-style: normal;font-weight: 400;line-height: normal;}
.map-sec {background-color: #1B1A1A; padding: 60px 0 0;}
.map-sec h2 {padding-bottom: 26px;}
.map-sec iframe {border-radius: 60px 60px 0 0;}

/*----Address css Started-----*/
.address-sec {background-color: #F3BF12; padding: 90px 0 60px;}
.address-sec .contact-details img {margin: 0 auto 18px;}
.address-sec .contact-details p {color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.address-sec .contact-details a {color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal; display: block;}
.address-sec .btn-grp {display: flex;justify-content: center; align-items: center;}
.address-sec .reserve-btn{background-color: #000;border-radius: 10px;padding: 17.6px 23.3px;color: #F3BF12;text-align: center;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;
transition: 0.5s;border: 1px solid transparent; margin-top: 42px;}
.address-sec .reserve-btn:hover {border: 1px solid #000; background-color: transparent;color: #000;}

/*----Footer css Started-----*/
footer {background-color: #000; padding: 45px 0 26px;}
footer .footr-logo {display: inline-block; padding-bottom: 54px;}
footer .social-lnks {display: flex; align-items: center; gap: 30px; justify-content: center; padding-bottom: 50px;}
footer p.copy-rght{color: rgba(255, 255, 255, 0.60);font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}
footer p.copy-rght.bysb{font-weight: 300;}
footer p.copy-rght.bysb a{color:rgba(255, 255, 255, 0.60)}
footer p.copy-rght.bysb a:hover{color:#EC1846}
/*----404 css Started-----*/
.bg-theme {background-color:#000;}
.empty-sec { padding: 119px 0 0;}
.error-sec { padding: 80px 0 80px;}
.error-sec .error-info h1 { color: #fff;  font-size: 70px;  font-style: normal;  font-weight: 600;  line-height: 85px;  letter-spacing: 0.7px;  margin-bottom: 0px;}
.error-sec .error-info p { color: #fff;  font-size: 40px;  font-style: normal;  font-weight: 600;  line-height: 55px;  letter-spacing: 0.7px;  margin-bottom: 10px;}
.error-sec .error-info p.txt { color: #fff;  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 24px;  letter-spacing: 0.7px;}
.error-sec .error-info p a {color: #AE5030;}