@import url('//fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

@media only screen and (max-width: 767px) {
    html, body {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .listagem-linha li {
        margin-top: 0;
    }
    .flex-direction-nav .flex-next {
    opacity: 0;
    right: 10px;
    }
    .flex-direction-nav .flex-prev {
    opacity: 0;
    left: 10px;
    }
    
}

.swiper-button-next {
    color: #777777;
    left: 26em;
    
}
.swiper-button-prev {
   color: #777777;
   left: -1.6em;
}

/*TABELA DE MEDIDAS*/
button#tb-button {
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 5px 9px;
    margin: 16px 0px 14px 0px !important;
    background-color: #fff;
}
div#tb-medidas-body {
    margin-top: -14px;
}

/*BOTÃO DO WPP*/
.li-whatsapp a {
    right: 29px !important;
    width: 53px !important;
    height: 53px !important;
    background-image: linear-gradient(to right, #000, #000) !important;
}
.li-whatsapp i {
    font-size: 34px !important;
    color: #fff !important;
}

/*BOTÃO 2 DO WPP*/
.btn-whats {
    display: none !important;
}

/*RODAPÉ ASSINATURA STG*/
#stg {
  /*display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #F6F6F6;
  display: flex;*/
  position: relative;
  height: 30px;
  width: 100%;
  background-color: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
}

#rodape .institucional + div .row-fluid {
        display: none;
}


@media (max-width: 767px) {
    .listagem .listagem-linha:first-child {
        margin: -70px 0px 0px 0px !important;
    }
    li.listagem-linha .listagem .listagem-item .info-produto {
        margin: -53px 0px -46px 0px !important;
    }
    .swiper.swiper-initialized.swiper-horizontal.swiper-ios .listagem .listagem-item .info-produto {
        margin-top: 6px;
    }
    #listagemProdutos .listagem-linha {
        margin-top: 0px !important;
    }
    .meus-depoimentos ul.swiper-wrapper {
        width: 0 !important;
        margin: 0;
    }
    .swiper-button-next.um {
        color: #777777;
        left: 80vw;
    }
    .li-whatsapp a {
    right: 16px !important;
    }
}

/*SEÇÃO DEPOIMENTOS*/
.meus-depoimentos ul.swiper-wrapper {
    margin:0;
}

.meus-depoimentos.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    overflow: hidden;
}

li.depoimento {
    width: 250px;
    height: 150px;
    background: #a2a2a2a2;
    padding: 2em;
    border-radius: 5px;
    box-shadow: 0 0 15px rgb(0,0,0,0.15);
}

/*.depoimento img {
    max-width: 50px;
}*/

.depoimento .cabecalho {
    display: flex;
    align-items: center;
    gap: 10px;
}

.depoimento .cabecalho span.nome {
    margin-left: 2px;
}

.depoimento .cabecalho p.estrelas {
    margin: 0;
}

svg {
    width: 25px;
    fill: yellow;
}

li.depoimento {
    width: 352px;
    height: 226px;
    background: #fff;
    padding: 2em 3em;
    border-radius: 0px;
    border: 1px solid;
    box-shadow: 0 0 15px rgb(0,0,0,0.15);
}

.depoimento .cabecalho span.nome {
    font-weight: bold;
}

.depoimento .cabecalho p.estrelas {
    margin: 0;
    display: flex;
    width: 110px;
}

svg {
    width: 18px!important;
}

p.depoimento {
    margin-top: 14px;
}

div#body-section .swiper-button-next {
    color: #777777;
    left: 90.6em;
}
div#body-section .swiper-button-prev {
    left: -2.6em;
}
a#button-ver-mais {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 50px;
    background: #000;
    color: #fff;
    width: 300px;
    margin: auto;
    font-family: Oswald;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 18px;
}

div#head-section {
    text-align: center;
    margin-bottom: 32px;
}

/*AJUSTE DE QUEBRA DE TEXTO NO FILTRO DE CATEGORIAS*/
@media (min-width: 768px) {
    #corpo .coluna .menu a {
        white-space: normal;
    }
}

@media only screen and (max-width: 900px) {
    .container {
        padding: 0 3em;
    }

    div#body-section .swiper-button-prev {
        left: -2.5em;
    }

    div#body-section .swiper-button-next {
        color: #777777;
        left: 102%;
    }
    li.depoimento {
        height: 248px;
    }
}


/*Titulos do Instagram*/
.siga {
    font-size: 18px;
    text-align: center;
}
.link {
    font-family: 'Oswald';
    font-size: 32px;
    text-align: center;
    margin-bottom: 25px;
}

/*Estilização dos diferenciais*/
    .span12.banner.tarja {
        margin-bottom: 14px;
        margin-top: 32px;
    }
    
    /*section.banner-diferenciais {
        padding-top: 50px;
    }
    #tabela-competitivos {
        width: 100% !important;
        margin-left: 0%!important;
        margin-top: -10px !important;
        margin-bottom: 30px !important;
    }
    #tabela-competitivos-body {
        width: 100%;
        font-family: 'Poppins', sans-serif !important;
    }
    th, tr, td {
        border: 0px solid #e6e6e6 !important;
        padding: 8px 100px;
    }
    .alinhamentoSvg {
    display: flex !important;
    }
    .alinhamentoSvg span {
        font-family: Bebas Neue !important;
        font-size: 17px;
    }*/

/*#tabela-competitivos-body tr {
    display: flex;
    justify-content: space-around;
}*/


@media only screen and (max-width: 767px) {
    .span12.banner.tarja {
        display: none!important;
    }
}

body > div.conteiner-principal > div.secao-banners > div > div.row-fluid.banner.hidden-phone {
    display: block !important;
}