@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@font-face {
  font-family: gibson-regular;
  src: url('../fonts/gibson-regular.otf');
}
@font-face {
  font-family: gibson-medium;
  src: url('../fonts/gibson-medium.otf');
}
@font-face {
  font-family: gibson-semibold;
  src: url('../fonts/gibson-semibold.otf');
}
@font-face {
  font-family: HunterRiver;
  src: url('../fonts/HunterRiver-Regular.otf');
}
:root {
  --brown: #441c14;
  --peach: #e7dac1;
  --green: #3D8476;
} 
h1,h2,h3,h4,h5{  font-family: "Lilita One", sans-serif !important;  }
a { text-decoration: none !important; }
.font-gibson-semi{ font-family: gibson-semibold !important;  }
.font-gibson-medium{ font-family: gibson-medium !important;  }
.font-gibson-regular{ font-family: gibson-regular !important;  }
.font-lilita {   font-family: "Lilita One", sans-serif !important; }
.font-hunterriver{ font-family: HunterRiver; }
.bg-brown {  background-color: var(--brown) !important;  }
.bg-green {  background-color: var(--green) !important;  }
.text-brown { color: var(--brown); }
.text-peach { color: var(--peach); }
.text-green { color: var(--green); }
.bg-peach { background-color: var(--peach); }
.fs14px { font-size: 14px; }
.fs15px { font-size: 15px; }
.fs17px { font-size: 17px; }
.fs18px { font-size: 18px; }
.fs47px { font-size: 47px; }
.fs52px { font-size: 52px; }
.bg-pattern:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.08;
    background-image: url('../images/pattern2.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
}
.border-yellow{ border-color: #fcdcaf !important; }
.logo-header{ margin-top: -18px; margin-bottom: -18px; }
.nav-dots a { 
    position:relative;
    font-size: 18px;
    letter-spacing: 0.7px;
}
.nav-dots a:hover { color: #e8dcc2 !important; }
.nav-dots a:before {
    content: "";
    position: absolute;
    left: -16px;
    width: 5px;
    height: 5px;
    background: rgb(232 220 194 / 41%);
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50% 50%;
}
.font-large{  font-size: 5.33vmax; }
.font-extlarge { font-size: 9vmax; line-height: 0.8; }
.brus-box{
    background-color: rgb(232 220 194 / 15%);
    height: 100%;
}
.owl-theme .owl-nav{
    position: absolute;
    right: 12px;
    top: -68px;
}
.owl-theme .owl-nav button {
    background-color: #441c14 !important;
    color: #fff !important;
    width: 41px;
    font-size: 27px !important;
    border-radius: 50% 50% !important;
    height: 41px;
    padding: 6px !important;
    line-height: 0 !important;
    margin: 8px 8px !important;
}
.owl-theme .owl-nav button span {
    display: block;
    margin-top: -5px;
    font-size: 37px;
}
.owl-carousel .owl-item .item {
    height: 100%;
    padding: 7px 3px;
}
.owl-carousel .owl-item .item .brus-box {  
        min-height: 308px;
        height: 100%;
        transition: all 0.3s ease;
}
.owl-carousel .owl-item .item:hover .brus-box {  
        box-shadow: 1px 1px 10px #eae9e9; 
}
.list-point li {
    list-style: inside;
    padding: 2px;
    font-size: 16px;
}
.list-point li {
    list-style: inside;
    padding: 3px 2px;
    font-size: 18px;
}
.border-row {  border-color: #787878 !important; }
.border-center {
    border-right: 1px solid #787878;
    border-left: 1px solid #787878;
}
.special-btn{
    font-size: 13vmax;
    margin: 0px -34px;
    position: relative;
    font-family: sans-serif;
}
.bg-shape1:after {
    content: "";
    position: absolute;
    right: -3%;
    width: 10%;
    height: 72%;
    background-image: url(../images/bottle-01.png);
    background-size: 100%;
    bottom: -167px;
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(34deg) rotate(-54deg);
}
.bg-dots:before{
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background-image: url('../images/pattern1.png');
    background-size: cover;
    background-repeat: repeat;
}
.barrior-fill:before {
    content: "";
    position: relative;
    background-image: url(../images/keg4.png);
    width: 92px;
    height: 97px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: auto;
     z-index: 1;
}
.barrior-fill:after {
    content: "";
    position: absolute;
    bottom: 15px;
    background-color: var(--green);
    left: 1px;
    right: 0;
    width: 63px;
    margin: auto;
    z-index: 0;
}
.level-6:after {  height: 6%; }
.level-17:after {  height: 17%; }
.level-20:after {  height: 20%; }
.level-25:after {  height: 25%; }
.level-30:after {  height: 32%; }
.level-45:after{ height: 33%; }
.level-50:after{ height: 39%; }
.level-55:after{ height: 45%; }
.level-60:after { height: 50%; }
.level-70:after{ height: 49%; }
.level-80:after { height: 58%; }
.level-88:after { height: 63%; }
.level-90:after {  height: 68%; }
.level-95:after { height: 72%; }
.level-100:after { height: 80%; }
.bg-yellow:after{  background-color: #fff727; }
.bg-orange:after { background-color: #F7A52F; }
.bg-red:after { background-color: #e92a37; }
.btn-theme:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border: 2px solid #fff;
    width: 90%;
    height: 100px;
    top: -20px;
    margin: auto;
}
.btn-theme:hover, .btn-theme:active { background-color: #f7a52f !important; }
.boxes-sec-wp{ 
    transition: all 0.4s ease;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.boxes-sec-wp:hover{  
    transform: translateY(-15px); 
    box-shadow: 2px 3px 10px #8b8585;
}

.boxes-sec-wp {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.boxes-sec-wp:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    height: 90%;
    background-color: rgb(255 255 255 / 86%);
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    backdrop-filter: contrast(1.5);
}
.boxes-sec-wp img {  filter: brightness(0.2); }
.carousel.carousel-fade .carousel-inner .carousel-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(38 38 38 / 70%);
}
.bg-testimonial-sec{
    background-image: url('../images/bru-city-interior.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-testimonial-sec:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(41 36 27 / 72%);
    top: 0;
}
#reviewtestimonial .carousel-inner .media img { display: inline-block; border: 3px solid #537d7f; }
#reviewtestimonial .carousel-inner .media .media-body {
    display: inline-block;
    width: 81%;
    vertical-align: middle;
}
#reviewtestimonial .carousel-inner .media .media-body p {
    color: #312f2f;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 300;
}
#reviewtestimonial .carousel-inner .media .media-body .media-heading{ position: relative; }
#reviewtestimonial .carousel-inner .media .media-body .media-heading i {
    color: #441c14;
    position: absolute;
    right: 0px;
    font-size: 36px;
}
#reviewtestimonial .carousel-indicators button {
    border-radius: 50% 50%;
    width: 12px;
    height: 12px;
}
#reviewtestimonial .carousel-indicators {
    background: #f7a52f;
    bottom: -52px;
    width: 173px;
    border-radius: 25px;
    margin: auto;
    border: 2px solid #fff;
}
.social-icon li {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: middle;
}
.social-icon li a {
    color: #fff;
    font-size: 18px;
    background: #f7a52f;
    display: inline-block;
    width: 34px;
    border-radius: 51% 50%;
    height: 34px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
.social-icon li svg{  margin: auto; }
.bg-breadcumb{
    background-image: url('../images/banner4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-breadcumb:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(68 28 20 / 60%);
    top: 0;
}
.price-tag {
    color: #fff;
    padding: 2px 14px;
    display: inline-block;
    width: 81px;
    text-align: center;
    float: right;
}
.contact-box-wp {
    background-color: #d0c0a3;
    padding: 38px 25px;
    height: 100%;
    transition: all 0.4s ease;
}
.contact-box-wp svg {  margin: 0px auto 24px; }
.contact-box-wp a {
    color: #3f3f47;
}
.contact-box-wp:hover {
    transform: translateY(-22px);
}
.input-field {
    outline: none;
    box-shadow: 0px 0px;
    border: 1px solid #ababab;
    padding: 12px;
    font-weight: 500;
    color: #333;
    font-size: 17px;
    font-family: gibson-medium;
}
.textarea-field{
    outline: none;
    box-shadow: 0px 0px;
    border: 1px solid #ababab;
    padding: 12px;
    font-weight: 500;
    color: #333;
    font-size: 17px;
    font-family: gibson-medium;
    height: 140px;
    resize: none;
}
.before-salad:before{
    content:"";
    position: absolute;
    right: 0;
    background-image: url(../images/salad-img.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20%;
    height: 46%;
    top: -103px;
    z-index: 0;
}
.before-appetizer:before{
      content:"";
    position: absolute;
    left: 0;
    background-image: url(../images/appetizers-food.png);
    background-size: 100%;
     width: 21%;
    height: 51%;
    top: -57px;
    background-repeat: no-repeat;
    z-index: 0;
}
.before-fish:before{
    content:"";
    position: absolute;
    right: 30px;
    background-image: url(../images/fish-bg.png);
    background-size: 100%;
    width: 24%;
    height: 51%;
    top: -57px;
    background-repeat: no-repeat;
    z-index: 0;
}
.before-wings:before{
    content:"";
    position: absolute;
    left: 30px;
    background-image: url(../images/wings-bg.png);
    background-size: 100%;
    width: 18%;
    height: 51%;
    top: -56px;
    background-repeat: no-repeat;
    z-index: 0;
}
.wrap-before:before {
    background-image: url('../images/wrap-chiken.png');
    background-size: 86%;
    height: 56%;
}
.sandwich-before:before{
     background-image: url('../images/sandwich-bg.png');
     background-size: 89%;
     top: -84px;
}
.pnd-burger-before:before{
    background-image: url('../images/pound-burger.png');
    background-size: 80%;
    top: -126px;
}
.gour-pizza-before:before{
    background-image: url('../images/gourmet-pizza.png');
}
.pasta-before:before{ 
    background-image: url('../images/pasta-img.png');
    background-size: 80%;
}
.desert-img:before {
    background-image: url(../images/desert-img.png);
    background-size: 92%;
    height: 60%;
    top: -92px;
}
.rolls-bg:before {
    background-image: url(../images/rolls-bg.webp);
    top: -108px;
    width: 20%;
}
.tacos-before:before { background-image: url(../images/tacos-bg.png); top: -93px; }
.huaraches-bg:before{ background-image: url(../images/huaraches-bg.png); }
.tortas-before:before{ background-image: url(../images/tortas-bg.png); }
.menu-text {
    width: 81%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding-left: 4px;
}
.insta-img img {
    width: 100%;
    height: 23em;
    object-fit: cover;
}
.insta-img{ position:relative; }
.insta-img:before {
    content: "";
    position: absolute;
    left: 4px;
    right: 0;
    width: 98%;
    background: rgb(51 51 51 / 54%);
    z-index: 1;
    top: 4px;
    height: 98%;    
    visibility: hidden;
    transition: all 0.4s ease;
}
.insta-img:hover:before{ visibility: visible; }
.follow-btn {
    background-color: #f7a52f;
    color: #333;
    border-radius: 8px 8px;
    padding: 11px 20px;
    font-weight: 700;
    transition: all 0.4s 
ease;
}
.follow-btn:hover {
    background-color: #3b8971;
    color: #fff;
}
.shrink-animate{  animation: grow 1.5s infinite alternate; }

.marquee-logos__container {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  animation: marquee--move__logos 95s linear infinite;
}
.marquee-logos__container img {
    width: 19.625rem;
    height: 8.375rem;
    min-height: 4.375rem;
    min-width: 14.6253rem;
    object-fit: contain;
    border: 1px solid #e9e9e9;
    margin: 0px 7px;
    margin-bottom: 4px;
    border-radius: 6px 6px;
}
/*.marquee-logos__container:hover { animation-play-state: paused; }*/
.marquee-logos__fade {
  z-index: 1;
  width: 2rem;
  background-image: linear-gradient(90deg, rgba(0, 0, 18, 0), #fff);
  position: absolute;
}
.marquee-logos__fade-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 18, 0), #fff);
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}
.marquee-logos__fade-right {
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}
@keyframes marquee--move__logos {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes grow {
  0% {
    transform: rotate(-8deg);
  }
  100% {
    transform: rotate(8deg); 
  }
}









@media only screen and (max-width : 700px) {
button#menuBtn {
    margin-left: auto;
    color: #fff;
}
.font-extlarge { font-size: 5vmax; }
.special-btn{
    font-size: 7vmax;
    margin: 0px -3px;
}
.font-large {  font-size: 4vmax; }
.bg-shape1:after{ display:none; }
.fs52px {  font-size: 40px; }
#reviewtestimonial .carousel-inner .media img {   width: 88px !important; }
#reviewtestimonial .carousel-inner .media .media-body p {   font-size: 15px; }
#reviewtestimonial .carousel-inner .media .media-body .media-heading { font-size: 17px; }
#reviewtestimonial .carousel-inner .media .media-body { width: 72%; }
.insta-img img { height: 14em; }
#homecarousel .carousel-inner .carousel-item {  height: 409px; }
#homecarousel .carousel-inner .carousel-item .banner-img {
    height: 100%;
    object-fit: cover;
}
.logo-header .logo-main {
    width: 103px;
    display: inline-block;
}
.fs47px { font-size: 38px; }
.logo-header {
    display: flex;
    align-items: center;
    width: 275px;
}
.before-salad:before {
    width: 43%;
    height: 17%;
    top: -77px;
}
.before-appetizer:before {
    width: 43%;
    height: 27%;
}
.before-fish:before {
    width: 44%;
    height: 23%;
}
.before-wings:before {
    width: 33%;
    height: 8%;
}
.pnd-burger-before:before {   top: -50px; right: 0; }
.price-tag {
    width: 78px;
    font-size: 15px;
    padding: 2px 18px
}
.pasta-before:before {  right: 0;  }

    }