html {
  scroll-behavior: smooth;
  overflow-y: scroll
}
img {
  height: auto
}
.header .logo {
  margin-top: 18px;
  float: left
}
.logo img {
  width: 200px
}
.header .menu ul li a {
  padding: 40px 14px
}
#contact h2, #home .middle-text .title-1 h2, #home .middle-text .title-2 h1, #home .middle-text p, #home .social-media-follow li a, #home .social-media-follow > p, .breadcrubs h3, .breadcrubs ul li, .breadcrubs ul li a, .nivo-controlNav a {
  color: #fff
}
.nivo-controlNav a.active {
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 3px 5px
}
.single-food-inner, .single-food-item-desc {
  border: none
}
#menu .full-menu > a, .order-button a {
  background: #e54c2a;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 16px 26px;
  text-transform: uppercase
}
#menu .full-menu > a:hover, .order-button a:hover {
  background: #535353
}
.header.sticky .logo {
  width: 160px
}
.blog-details-page a, .footer a:hover, .menu ul li.active a, .menu ul li:hover a, nav ul li.active a, nav ul li:hover a {
  color: #e54c2a
}
.single-food-item-desc {
  width: 100%;
  padding: 20px
}
.single-food-item-title {
  width: 80%
}
.single-food-price {
  width: 20%;
  text-align: right;
  float: right;
  right: 20px
}
.sin-testiImage::before {
  background: rgba(255, 255, 255, .2)
}
.our-gallery, .our-gallery .bg-img-2, .popular-dishes, .popular-dishes .bg-img-2, .reservation .bg-img-1, .resta-about {
  background-image: none
}
#contact input, #contact textarea {
  background: rgba(255, 255, 255, .9);
  border: 1px solid #ddd;
  box-shadow: none;
  color: #000
}
.footer .social-media-follow {
  margin-top: 0;
  padding-left: 0
}
.footer .social-media-follow ul {
  margin-top: 20px
}
.footer .social-media-follow li {
  display: inline;
  margin-right: 5px
}
.footer .social-media-follow li a {
  padding: 10px 12px;
  background: #fff;
  border-radius: 50px
}
.footer .social-media-follow li a:hover {
  background: #e54c2a;
  color: #fff
}
.footer a {
  color: #222
}
.menu ul li a {
  padding: 50px 20px
}
.sticky .menu ul li a {
  padding: 36px 20px
}
.footer .open-list li span {
  float: right;
  display: inline-block
}
.footer .open-list ul li {
  margin-bottom: 15px
}
.copyright a {
  text-decoration: none
}
.copyright a:hover {
  color: #fff;
  text-decoration: underline
}
#about-details ul, .blog-details-page ul {
  margin-left: 16px
}
#about-details ul li, .blog-details-page ul li {
  color: #222;
  line-height: 30px;
  list-style: disc
}
.resta-about {
  padding: 100px 0 90px
}
.menu, .order-button {
  float: left
}
.header .order-button {
  margin-top: 25px;
  float: right
}
.sticky .order-button {
  margin-top: 21px
}
.resta-about h1 {
  color: #555;
  font-family: "Great Vibes", cursive;
  font-size: 36px;
  margin-bottom: 7px;
  text-transform: capitalize
}
.top_bar, .top_bar h4 {
  text-transform: none;
  font-family: Lato, Helvetica, Arial, sans-serif
}
.not-visible {
  display: none;
}
.visible {
  display: block;
}
.top_bar {
  background-color: #f05626;
  padding: 10px 0;
  overflow: hidden
}
.top_bar h4 {
  font-size: 16px;
  margin: 0;
  color: #fff;
  text-align: left;
  letter-spacing: normal
}
.order-now-repaso, .order-now-repaso:hover, .order-text.black {
  font-family: Roboto, sans-serif
}
.top_bar h4 span {
  font-size: 14px;
  font-weight: 400;
  font-family: Lato, Helvetica, Arial, sans-serif
}
.top_bar h4 a {
  display: inline-block;
  float: right;
  margin-top: 3px;
  text-decoration: underline;
  color: #fff;
  font-family: Lato, Helvetica, Arial, sans-serif
}
.order-text, footer .order-text {
  color: #fff;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px !important;
  margin-top: 10px;
  font-weight: 500;
  letter-spacing: normal
}
.order-text.black {
  color: #000;
  font-size: 14px !important
}
.order-now-repaso {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #ff8400 3%, #ff1e00 50%, #f6290c 51%, #f02f17 71%, #e73827 97%, #ffbdbd 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(3%, #ff8400), color-stop(50%, #ff1e00), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(97%, #e73827), color-stop(100%, #ffbdbd));
  background: -webkit-linear-gradient(top, #fff 0, #ff8400 3%, #ff1e00 50%, #f6290c 51%, #f02f17 71%, #e73827 97%, #ffbdbd 100%);
  background: -o-linear-gradient(top, #fff 0, #ff8400 3%, #ff1e00 50%, #f6290c 51%, #f02f17 71%, #e73827 97%, #ffbdbd 100%);
  background: -ms-linear-gradient(top, #fff 0, #ff8400 3%, #ff1e00 50%, #f6290c 51%, #f02f17 71%, #e73827 97%, #ffbdbd 100%);
  background: linear-gradient(to bottom, #fff 0, #ff8400 3%, #ff1e00 50%, #f6290c 51%, #f02f17 71%, #e73827 97%, #ffbdbd 100%);
  color: #fff !important;
  letter-spacing: normal;
  padding: 8px 43px 8px 30px;
  border: 1px solid #fff;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  border-radius: 50px;
  line-height: 22px
}
.order-now-repaso:hover {
  background: #ffbdbd !important;
  background: -moz-linear-gradient(top, #ffbdbd 0, #e73827 3%, #f02f17 29%, #f6290c 49%, #ff1e00 50%, #ff8400 97%, #fff 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #ffbdbd), color-stop(3%, #e73827), color-stop(29%, #f02f17), color-stop(49%, #f6290c), color-stop(50%, #ff1e00), color-stop(97%, #ff8400), color-stop(100%, #fff)) !important;
  background: -webkit-linear-gradient(top, #ffbdbd 0, #e73827 3%, #f02f17 29%, #f6290c 49%, #ff1e00 50%, #ff8400 97%, #fff 100%) !important;
  background: -o-linear-gradient(top, #ffbdbd 0, #e73827 3%, #f02f17 29%, #f6290c 49%, #ff1e00 50%, #ff8400 97%, #fff 100%) !important;
  background: -ms-linear-gradient(top, #ffbdbd 0, #e73827 3%, #f02f17 29%, #f6290c 49%, #ff1e00 50%, #ff8400 97%, #fff 100%) !important;
  background: linear-gradient(to bottom, #ffbdbd 0, #e73827 3%, #f02f17 29%, #f6290c 49%, #ff1e00 50%, #ff8400 97%, #fff 100%) !important
}
.order-now-repaso img {
  width: 14px;
  height: 24px;
  margin-right: 7px;
  position: absolute
}
.mean-container {
  width: 100%
}
.mean-container .mean-bar {
  top: 0
}
.mean-container a.meanmenu-reveal {
  right: 0 !important;
  left: none;
  float: right;
  top: -60px
}
.mobile-menu-area {
  margin-top: -4px
}
.text-white{color: #FFF;}
.hightlight-text{font-size: 20px; text-transform: uppercase; line-height: 1.5; font-weight: bold;}
@media (max-width:991px) {
  .header .logo {
    margin-top: 10px;
    margin-bottom: 10px
  }
  .header .order-button {
    margin-top: 14px
  }
  .container {
    width: 80%
  }
  .sticky .mean-container a.meanmenu-reveal {
    top: -56px
  }
  .header.sticky .logo {
    margin-bottom: 15px
  }
}
@media (max-width:767px) {
  .header .order-button {
    margin-top: 11px;
    margin-right: 110px
  }
  .mean-container a.meanmenu-reveal {
    top: -48px
  }
  .header .order-button a {
    padding: 10px 20px
  }
  .header.sticky .order-button {
    margin-top: 14px
  }
  .single-food-item-title {
    width: 80%;
    float: left;
    text-align: left
  }
  .single-food-price > p {
    font-size: 16px
  }
  .header .logo, .header.sticky .logo {
    width: 120px
  }
  .sticky .mean-container a.meanmenu-reveal {
    top: -50px
  }
}
@media (max-width:576px) {
  #contact {
    padding-bottom: 0
  }
  .footer .social-media-follow ul {
    margin-bottom: 20px
  }
  .container {
    width: 90%
  }
  .slider-container .nivo-controlNav {
    bottom: 20px
  }
  .header .order-button {
    margin-right: 56px
  }
  .header .order-button a {
    padding: 10px;
    font-size: 12px
  }
  #menu .single-food-item-title {
    width: 70%
  }
}
.portfolio__content {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 92%;
  height: 50px;
  background: rgb(0 0 0 / 39%);
  overflow: hidden;
  white-space: nowrap;
  line-height: 50px
}
.portfolio__content > p {
  color: #fff;
  margin-bottom: 0;
  height: 100%;
  line-height: 50px;
  padding: 0 15px;
  font-size: 16px;
  text-align: center
}