
.appear{
    animation: appear .4s;
  }
  
  @keyframes appear {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }


  .video-section{
    height: 100%;
        background-color: #282c2d;}
    
    .video-section  video{  
        width: 100%;
        height: 100%;}
    
   video.video-fluid   { 
    width: 100%;
    margin: auto;
     height: 100%;}

.slide-textpromo{
     display: block}

     button.carousel-control-next ,button.carousel-control-prev {
      max-width: 80px;
      width: 30%;
      height: 70%;
      max-height: 60px;
      margin: auto;}


      button.carousel-control-next ,button.carousel-control-prev {
        background-color: #000;
        border:none;
       height: 10%;
       margin: auto;}
      
       .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
         opacity: 0.25;
       }
       .carousel-control-next, .carousel-control-prev{
         opacity: 0.1;
       }
       
      h3#totseat143,h3#totseat131,h3#totseat145,h3#totseat133,h3#totseat109,h3#totseat54{
        display:none
      }
      #foodgroups .foodgroup_content .food_item .text{
        display: flex;
    padding: .2rem 1rem .2rem 1rem;
    min-height: 7rem;
    flex-direction: column;
      }
.foodGroup_type{
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
}

.iconFoodGroup {
  border-radius: 5px;
  width: 20px;
  object-fit: contain;
  height: 20px;
  padding: 2px;
  margin: 2px;
}

    .foodGroup_type{
      text-transform: lowercase;
    }
    #foodgroups .foodgroup_content .food_item .text .title{
      line-height: 1.2;
      font-size: 25px;
      font-weight: 700;
      margin-bottom: 5px;
    }

    #foodgroups .foodgroup_content .food_item .text .desc{
      margin-bottom: 5px;
    }
    img.iconFoodGroup {
      margin-right: 4px;
  }