.product-grid{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.product-grid:hover{ 
    box-shadow: 0 0 8px #999; 
   margin-bottom: 15px;  
}
.product-grid .product-image{
    overflow: hidden;
    position: relative;
    height: 180px;
}
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: 100%;
}
.product-grid .product-content{
    padding: 15px;
    position: relative;
}
.product-grid .title{
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all 0.3s ease 0s;
}
.product-grid .title a{ color: #222; }
.product-grid .title a:hover{ color: #509e2f; }
.product-grid .rating{
    padding: 0;
    margin: 0 0 7px;
    list-style: none;
}
.product-grid .rating li{
    color: #999;
    font-size: 12px;
    display: inline-block;
}
.product-grid .price{
    color: #509e2f;
    font-size: 18px;
    font-weight: 600;
}
.product-grid .price span{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 7px;
}
.product-grid .product-links{
    width: 90%;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 55%;
    transition: all 0.5s ease-in-out;

}
.product-grid:hover .product-links{
    opacity: 1;
    bottom: 100%;
}
.product-grid .add-to-cart{
    color: #fff;
    background-color: #509e2f;
    font-size: 13px;
    text-transform: uppercase;
    width: calc(100% - 90px);
    padding: 9px 0 8px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.product-grid .product-like-icon,
.product-grid .product-compare-icon{
    color: #fff;
    background-color: #509e2f;
    padding: 8px 12px;
    display: inline-block;
    float: left;
    transition: all 0.3s ease 0s;
}
.product-grid .product-compare-icon{ float: right; }
.product-grid .add-to-cart:hover,
.product-grid .product-like-icon:hover,
.product-grid .product-compare-icon:hover{
    background-color: #509e2f;
    box-shadow: 0 0 7px #fff inset;
}
@media only screen and (max-width:990px){
    .product-grid{ margin-bottom: 30px; }
}

/*==================================================
=            ESTILO PARA LAS CATEGORIAS            =
==================================================*/
.product-gridCategoria{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 250px;
}
.product-gridCategoria:hover{ 
    box-shadow: 0 0 8px #999; 
   margin-bottom: 15px;  
}
.product-gridCategoria .product-imageCategoria{
    overflow: hidden;
    position: relative;
}
.product-gridcategoria .product-imageCategoria a{ display: block; }
.product-gridcategoria .product-imageCategoria img{
    width: 100%;
    height: 100%;
}
.product-gridCategoria .product-contentCategoria{
    padding: 15px;
    position: relative;
}
.product-gridCategoria .title{
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all 0.3s ease 0s;
}
.product-gridCategoria .title a{ color: #c6007e; }
.product-gridCategoria .title a:hover{ color: #509e2f; }
.product-gridCategoria .rating{
    padding: 0;
    margin: 0 0 1px;
    list-style: none;
}
.product-gridCategoria .rating li{
    color: #999;
    font-size: 12px;
    display: inline-block;
}
.product-gridCategoria .price{
    color: #509e2f;
    font-size: 18px;
    font-weight: 600;
}
.product-gridCategoria .price span{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 7px;
}
.product-gridCategoria .product-links{
    width: 90%;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 55%;
    transition: all 0.5s ease-in-out;

}
.product-gridCategoria:hover .product-links{
    opacity: 1;
    bottom: 100%;
}
.product-gridCategoria .add-to-cart{
    color: #fff;
    background-color: #509e2f;
    font-size: 13px;
    text-transform: uppercase;
    width: calc(100% - 90px);
    padding: 9px 0 8px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.product-gridCategoria .product-like-icon,
.product-gridCategoria .product-compare-icon{
    color: #fff;
    background-color: #509e2f;
    padding: 8px 12px;
    display: inline-block;
    float: left;
    transition: all 0.3s ease 0s;
}
.product-gridCategoria .product-compare-icon{ float: right; }
.product-gridCategoria .add-to-cart:hover,
.product-gridCategoria .product-like-icon:hover,
.product-gridCategoria .product-compare-icon:hover{
    background-color: #509e2f;
    box-shadow: 0 0 7px #fff inset;
}
@media only screen and (max-width:990px){
    .product-gridCategoria{ margin-bottom: 30px; }
}




/*=====  End of ESTILO PARA LAS CATEGORIAS  ======*/

/*==============================================
=            ESTILO PARA LAS MARCAS            =
==============================================*/
.product-gridMarcas{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 250px;
}
.product-gridMarcas:hover{ 
    box-shadow: 0 0 8px #999; 
   margin-bottom: 15px;  
}
.product-gridMarcas .product-imageMarcas{
    overflow: hidden;
    position: relative;
}
.product-gridMarcas .product-imageMarcas a{ display: block; }
.product-gridMarcas .product-imageMarcas img{
    width: 100%;
    height: 100%;
}
.product-gridMarcas .product-contentMarcas{
    padding: 15px;
    position: relative;
}
.product-gridMarcas .title{
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all 0.3s ease 0s;
}
.product-gridMarcas .title a{ color: #222; }
.product-gridMarcas .title a:hover{ color: #509e2f; }
.product-gridMarcas .rating{
    padding: 0;
    margin: 0 0 1px;
    list-style: none;
}
.product-gridMarcas .rating li{
    color: #999;
    font-size: 12px;
    display: inline-block;
}
.product-gridMarcas .price{
    color: #509e2f;
    font-size: 18px;
    font-weight: 600;
}
.product-gridMarcas .price span{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 7px;
}
.product-gridMarcas .product-links{
    width: 90%;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 55%;
    transition: all 0.5s ease-in-out;

}
.product-gridMarcas:hover .product-links{
    opacity: 1;
    bottom: 100%;
}
.product-gridMarcas .add-to-cart{
    color: #fff;
    background-color: #509e2f;
    font-size: 13px;
    text-transform: uppercase;
    width: calc(100% - 90px);
    padding: 9px 0 8px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.product-gridMarcas .product-like-icon,
.product-gridMarcas .product-compare-icon{
    color: #fff;
    background-color: #509e2f;
    padding: 8px 12px;
    display: inline-block;
    float: left;
    transition: all 0.3s ease 0s;
}
.product-gridMarcas .product-compare-icon{ float: right; }
.product-gridMarcas .add-to-cart:hover,
.product-gridMarcas .product-like-icon:hover,
.product-gridMarcas .product-compare-icon:hover{
    background-color: #509e2f;
    box-shadow: 0 0 7px #fff inset;
}
@media only screen and (max-width:990px){
    .product-gridMarcas{ margin-bottom: 30px; }
}



/*=====  End of ESTILO PARA LAS MARCAS  ======*/
/*=================================================================================
=            ESTILO PARA LOS PRODUCTOS RELACIONADOS - VISTA DE DETALLE            =
=================================================================================*/
.product-gridRela{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 280px;
}
.product-gridRela:hover{ 
    box-shadow: 0 0 8px #999; 
   margin-bottom: 15px;  
}
.product-gridRela .product-imageRela{
    overflow: hidden;
    position: relative;
}
.product-gridRela .product-imageRela a{ display: block; }
.product-gridRela .product-imageRela img{
    width: 100%;
    height: 100%;
}
.product-gridRela .product-contentRela{
    padding: 15px;
    position: relative;
}
.product-gridRela .title{
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all 0.3s ease 0s;
}
.product-gridRela .title a{ color: #222; }
.product-gridRela .title a:hover{ color: #509e2f; }
.product-gridRela .rating{
    padding: 0;
    margin: 0 0 1px;
    list-style: none;
}
.product-gridRela .rating li{
    color: #999;
    font-size: 12px;
    display: inline-block;
}
.product-gridRela .price{
    color: #509e2f;
    font-size: 18px;
    font-weight: 600;
}
.product-gridRela .price span{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 7px;
}
.product-gridRela .product-links{
    width: 90%;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 55%;
    transition: all 0.5s ease-in-out;

}
.product-gridRela:hover .product-links{
    opacity: 1;
    bottom: 100%;
}
.product-gridRela .add-to-cart{
    color: #fff;
    background-color: #509e2f;
    font-size: 13px;
    text-transform: uppercase;
    width: calc(100% - 90px);
    padding: 9px 0 8px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.product-gridRela .product-like-icon,
.product-gridRela .product-compare-icon{
    color: #fff;
    background-color: #509e2f;
    padding: 8px 12px;
    display: inline-block;
    float: left;
    transition: all 0.3s ease 0s;
}
.product-gridRela .product-compare-icon{ float: right; }
.product-gridRela .add-to-cart:hover,
.product-gridRela .product-like-icon:hover,
.product-gridRela .product-compare-icon:hover{
    background-color: #509e2f;
    box-shadow: 0 0 7px #fff inset;
}
@media only screen and (max-width:990px){
    .product-gridRela{ margin-bottom: 30px; }
}



/*=====  End of ESTILO PARA LOS PRODUCTOS RELACIONADOS - VISTA DE DETALLE  ======*/