body{
    font-family: 'Montserrat' !important;

}
.grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.row.grid .cell {
  margin-left: 0;
}

.contenedor-info{
  display: inline-flex;
  margin-top: .3em;
}

 
.contenedor-info i{
  margin-right:.5em;
  margin-left:1em;
}

#nav-header ul li.right.active{
  background-color: #eb3f3f;
}

#nav-header ul li.right.active a{      
  color: white !important;
}

#nav-header ul li.right:hover {
  background-color: #eb3f3f;
}

#nav-header ul li.right:hover a {
  color: white !important;
}
#nav-mobile li a{
color:#12181b !important; 
}

#nav-mobile li.active{
background-color:#d33939;
}

#nav-mobile li.active a{
color:#ffffff !important;
}
.logo-img{
margin-left:.5em;
}

.pagination li.active {
  background-color: #d33939;

  padding: 0;
  margin-left: 0;
  border: 0;
  width: 35px;
  height: 35px;
  line-height: 38px;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.slider .indicators .indicator-item.active {
  background-color: #d33939;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  height: 20px;
  width: 20px;    
}
.slider .indicators .indicator-item {
  border-radius: 50%;
}


#text-products{
  display: block;
  font-weight:bold !important;
  line-height: 70px;
  font-weight: 500;
  color: #4b4b4b !important;
}

#container-productos .card-content{
border-top: 1px solid #d8d8d8 !important;
}
#container-productos .text-name-product{
 color:#d33939 !important;
 font-weight:bolder !important;
 font-size:1.3em !important;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
#container-productos .text-subname-product{
 color:#37474f !important;
 font-weight:bolder !important;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

#container-productos .text-amps-product{
  color:#757575 !important;
  font-size:.8em !important;
  font-weight:bolder !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#container-productos .btn-info-detail {
  position: relative;
  top: -40px;
  right: -18px;
  margin-right: 10px !important;
  background-color: #d33939;
}

.close-detail{
cursor:pointer; 
}

.name-datail{
font-size:1em !important;
font-weight:bolder !important;;

}
.subname-datail{
 font-size:.9em !important;
 font-weight:bolder !important;;
}
.amp-detail{
  font-size:.9em !important;
  font-weight:bolder !important;
}
.descr-detail{
  font-size:.8em !important;
  font-weight:bolder;
  color: #888888;
}

.detail-content{
display:flex;

}
.divider-detail {
margin-top:1em;

}
.title-text{
margin-right:.4em;
color:#d33939;
font-weight:bolder !important;
}



::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #eb3f3f;
  border: 30px none #ffffff0d;
  border-radius: 31px;
}


#container-productos .card.hoverable .card-content{

  background-color: #fff;
  -webkit-transition: all .45s;
  -moz-transition: all .45s;
  -ms-transition: all .45s;
  transition: all .45s;
}
#container-productos .card.hoverable:hover .card-content {
  background-color: #37474f !important;  
  border-top:0px solid rgba(0,0,0,.075);
}

#container-productos .card.hoverable:hover .card-content span{
  color: white !important;  
}
#container-productos .card.hoverable:hover .card-content  h6{
  color: white !important;  
}
#container-productos .card.hoverable:hover .card-content  p{
  color: white !important;  
}


#icon-flotante{
  background: #eb3f3f ;
  color: white !important;
  -webkit-transition: all .50;
  -moz-transition: all .50s;
  -ms-transition: all .50s;
  transition: all .50s;
}

#icon-flotante:hover{
  background: white !important;
  color: #eb3f3f !important;
  font-weight: bolder;
}