/*
---------------------------------------------
menu
---------------------------------------------
*/

#menu {
    margin-top: 120px;
    background-color: #fffafa;
    padding: 120px 0px;
  }
  
  #menu .section-heading {
    margin-bottom: 80px;
  }
  
  .card {
    margin: 0 auto;
    max-width: 100%;
    min-height: 400px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  
  .card1 {
    background-image: url(../images/menu-item-01.jpg);
  }
  .card2 {
    background-image: url(../images/menu-item-02.jpg);
  }
  .card3 {
    background-image: url(../images/menu-item-03.jpg);
  }
  .card4 {
    background-image: url(../images/menu-item-04.jpg);
  }
  .card5 {
    background-image: url(../images/menu-item-05.jpg);
  }
  
  .info {
    position: relative;
    width: 100%;
    background-color: #fb5849;
    border: 1px solid #fb5849;
    transform: translateY(100%)
    translateY(120px)
    translateZ(0);
    transition: transform 0.5s ease-out;
  }
  
  .card:hover .info,
  .card:hover .info:before {
    transform: translateY(200px) translateZ(0);
  }
  
  .title {
    margin: 0;
    padding: 30px 30px 20px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
  
  .description {
    padding: 0px 30px;
    color: #fff;
  }
  
  #menu .price h6 {
    position: absolute;
    width: 150px;
    height: 70px;
    background-color: #fb5849;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 70px;
  }
  
  #menu .card .main-text-button {
    margin-left: 30px;
    margin-top: 20px;
    padding-bottom: 30px;
  }
  
  #menu .owl-menu-item {
    position: relative;
  }
  
  #menu .owl-nav {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -80px;
    transform: translateY(5px);
  }
  
  #menu .owl-dots {
    display: none;
  }
      
  #menu .owl-nav .owl-prev{
    margin-right: 10px;
    outline: none;
  }
  
  #menu .owl-nav .owl-prev span,
  #menu .owl-nav .owl-next span {
    opacity: 0;
  }
  
  #menu .owl-nav .owl-prev:before {
    display: inline-block;
    font-family: 'FontAwesome';
    color: #fb5849;
    font-size: 25px;
    font-weight: 700;
    content: '\f104';
  }
  
  #menu .owl-nav .owl-prev {
    opacity: 0.75;
    transition: all .5s;
  }
  
  #menu .owl-nav .owl-prev:hover {
    opacity: 1;
  }
  
  #menu .owl-nav .owl-next {
    opacity: 0.75;
    transition: all .5s;
  }
  
  #menu .owl-nav .owl-next:hover {
    opacity: 1;
  }
  
  #menu .owl-nav .owl-next{
    margin-left: 10px;
    outline: none;
  }
  
  #menu .owl-nav .owl-next:before {
    display: inline-block;
    font-family: 'FontAwesome';
    color: #fb5849;
    font-size: 25px;
    font-weight: 700;
    content: '\f105';
  }