/* ===================================
    Dispensador
====================================== */
.item {
     position: absolute;
     z-index: 2;
     left: 80%;
     height: 300px;
}
.bg-banner-item {
  /* height: 500px; */
  height: auto;
  background: #F26522;
  margin: 120px 0px 30px 0px;
  padding: 20px 0px;
}
/* lg  */ @media (min-width: 992px) {
  .bg-banner-item {
    height: 300px;
    background: transparent;
    margin: 0px;
    padding: 0px;
  }

}



/* @keyframes square-to-circle {
     0%  {
       border-radius:0 0 0 0;
       background:black;
       transform:rotate(0deg);
     }
     25%  {
       border-radius:25% 25% 25% 25%;
       background:black;
       transform:rotate(45deg);
     }
     50%  {
       border-radius:50% 50% 50% 50%;
       background:black;
       transform:rotate(90deg);
     }
     75%  {
       border-radius:75% 75% 75% 75%;
       background:black;
       transform:rotate(180deg);
     }
     100% {
       border-radius:100% 100% 100% 100%;
       background:black;
       transform:rotate(360deg);
     }
} */

/* ===================================
    Productos - Tabs
====================================== */
#nav-tab {
  border-bottom: 1px solid #F26522;
}
#nav-tab .nav-link:hover{
  color: #ffffff;
  background-color: #123686;
  border-color: #123686;
}
.nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #F26522;
  border-color: #F26522;
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * 1);
  border: 1px solid transparent;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}