.block{
    float:left;
    width:33.3%;
    height: 325px !important;
    border: 1px solid;
    padding: 10px;
    box-sizing: border-box;
}
.prod{
    width:80%;
    margin:center;
}
.fli{
  border: 1px solid;
    text-decoration: none;
}
.fli:hover{
    background-color: #33d155;
    color: white;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid;
    padding: 10px;
}

.flo{
    opacity: 1.0 !important;
    text-decoration: none;
}

.flo:hover{
    opacity: 0.5 !important;
    text-decoration: none;
    
}

.text-dark  { 
    color: #000000 !important;
    text-decoration: none;
}
  
  
a.text-dark:hover, a.text-darka:focus {
    color: #33d155 !important;
    text-decoration: none;
  }


  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #33d155;
  }
  
  .dropdown-item.active, .dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #33d155;
  }

  .text-bgwhite  { 
    color: #ffffff !important;
    text-decoration: none;
}
  
  
a.text-bgwhite:hover, a.text-bwhitea:focus {
  color: #ffc107 !important;
    text-decoration: none;
  }


  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: black;
  }

  .carousel-indicators li {
    border-radius: 50% !important;
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
  }

  .dropdown-container {
    display: none;
  }