/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }

.produto{margin-bottom: 50px; transition: all .3s ease-in-out;padding: 20px;}
.produto a:hover{text-decoration: none;}
.img-produto{height: 180px;}
.img-produto img{max-height: 100%; margin: 0 auto;}

.nome-prod-desktop-xl{color: #333; font-size: 27px; font-family: 'Display' !important; line-height: 1.20849; font-weight: 500;letter-spacing: .5px; margin: 0px !important;}
.nome-prod-desktop-xl:hover{ color: #0070c9 !important}

.nome-prod-desktop{font-size: 17px;}
.nome-prod-mobile{font-size: 12px; color: #404040; height: 30px; display: none;}
.preco-prod{display: flex; flex-direction: column;}
.preco-de{color: #8c8c8c !important; text-decoration: line-through;}
.preco-por{color: #ed1d24;font-size: 18px;font-weight: bold;}
.preco-por b{font-size: 14px;color: #404040;}
.sem-juros{margin: 0; margin-top: 5px; color: #404040;}
.img-destaque{width: 200px;}
.btn-adicionar{ background-color: #4e7c24; padding: 8px 25px !important; border-radius: 25px !important; text-transform: uppercase; color: #fff !important; margin: 15px 0px; font-weight: 600 !important; }
.btn-indisponivel{ background-color: #fff; padding: 8px 25px !important; border-radius: 25px !important; text-transform: uppercase; color: #333 !important; margin: 15px 0px; font-weight: 600 !important;}

.descricao p{ color: #333; font-size: 17px;font-size: 17px;line-height: 1.52947;font-weight: 400;letter-spacing: -.021em; margin-top: 7px; }
.descricao-link li a{color:#0070c9;font-size: 17px;line-height: 1.52947;font-weight: 400;letter-spacing: -.021em;font-family: 'SF Pro Text Regular' !important;  padding-right: 10px;}
.descricao-link li a:hover{color:#0070c9 !important; text-decoration: underline !important;}
/*.comprar::after{content: "";position: absolute;width: 13px;height: 15px;background-image: url('../images/seta.png');top: 109px;} */
/*.detalhes::after{content: "";position: absolute;width: 13px;height: 15px;background-image: url('../images/seta.png');top: 109px;} */
.carrinho::after {content: "";position: absolute;width: 13px;height: 15px;background-image: url('../images/seta.png');top: 109px;}

/* SELOS */
.selos{ border-radius: 0px; font-size: 9px; color: #fff; padding: 8px; text-transform: uppercase;}
.selo-l{ background-color: #e5322d; position: absolute; padding: 8px; font-weight: 600; letter-spacing: 1px;}
.selo-r{ background-color: #e5322d; position: absolute; padding: 8px; font-weight: 600; letter-spacing: 1px; right: 15px; }

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-15, .col-md-15 { width: 20%; float: left; }

@media (max-width: 768px) {
	.produto{margin-bottom: 25px;padding: 0;}
	.img-produto{height: 160px;}
	.nome-prod-desktop{display: none;}
    .nome-prod-mobile{display: block;}
    .ocutar{display: none;}
    h3{font-size: 20px;}
}
@media(max-width:420px){
	.img-destaque{width: 140px;}
    .preco-por {font-size: 10px;}
    .img-instafeed{width: 150px;}
}
@media (max-width: 992px) {
    .col-md-15 { width: 100%; float: left; }
}
/*INSTAFEED API */
.div-api-insta{
    display: inline-block;
    margin: 12px;

}

.img-instafeed{
    -webkit-filter: brightness(100%);
 }

.img-instafeed:hover{
    -webkit-filter: brightness(40%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.likes-insta{
    opacity: 0;
    height: 0px;
}

.img-instafeed:hover + .likes-insta{ 
    /*display: block;*/
    opacity: 1;
    bottom: 82px;
    position: relative;
    color: white;
    height: 0px;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Medias queries */

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }


}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}