@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');

body {
font-family: 'Montserrat', sans-serif !important;

}

.lista-redes .icon-instagram {
color: #FFF;
background: #123154;
}

.lista-redes .icon-facebook {
background: #123154;
color: #FFF;
}



#cabecalho .cor-secundaria {color:#FFFFFF;}

#cabecalho a.nome-produto.cor-secundaria {color:#000000;!important}

#corpo {
    margin-bottom: 30px;
    margin-top: 20px;
}

/* Botao comprar MOBILE embaixo da descricao */

.acoes-produto-responsiva.visible-phone {
position: inherit;
top: 60%;
right: 0;
}
.acoes-produto-responsiva.visible-phone {
text-align: center;
}


.banner.tarja { text-align: center; }
/* Aumenta banner principal */ .secao-banners .conteiner { max-width: none; padding-left: 0px; padding-right: 0px; margin-left: -2px; width: calc(100% + 2px); }

#cabecalho .busca { padding: 0; border: none; background: transparent; }
#cabecalho .busca input { padding: 10px 5px 10px 15px; border-radius: 10px; }
#cabecalho .busca .botao-busca { height: 42px; top: 0; right: 0; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 55px; font-size: 18px; }
.acoes-conta>li i { border-radius: 5px; }
.carrinho { border-radius: 10px; }
.carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.listagem .listagem-item{text-align:center}
.listagem-linha .preco-produto{font-size:14px}
.listagem-linha .preco-produto .preco-parcela{font-size:14px}



/* CODIGOS NOVOS */




.carrinho { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.12); position: relative; }





/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color:#ee990f ; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #183a68; }

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* menu 100% largo */
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top:140px;left: 0px; font-family: 'Montserrat', sans-serif; }
.logo {margin-bottom: 36px;}

}

/* Altera a cor do menu quando passa o mouse */
.menu.superior .nivel-um > li:hover {background-color: #f2aa3f;}

.menu.superior .nivel-dois > li:hover {background-color: #1e4475;}

 

/*MENU LATERAL */


.menu.lateral .icon-chevron-down:before{
    content:"\f107"!important;
    font-size:25px;
    position:absolute;
    top:calc(50% - 7.5px);
    right:1px
}
.menu.lateral i{
    background:0 0!important;
    margin:0
}
.menu.lateral>.nivel-um>li>a{
    position:relative
}
.menu.lateral i.icon-chevron-right:before{
    content:"\f105"!important;
    font-size:25px
}
.menu.lateral .nivel-dois,.menu.lateral .nivel-tres,.menu.lateral .nivel-um>li>a{
    box-shadow:none!important;
    background:0 0;
    padding:0 6px
}
.menu.lateral .nivel-um>li{
    border:none
}
.menu.lateral .nivel-dois li{
    border:none;
    padding-top:5px;
    padding-bottom:5px
}
.menu.lateral li .titulo{
    font-size:15px!important;
    letter-spacing:-.5px;
    margin:5px 0 5px 0;
    font-weight:400!important
}
.menu.lateral{
    padding:5px 20px!important;
    border-radius:5px;
    border:0;
    margin:0;
    background:#f9f9f9
}
.menu.lateral a{
    background:0 0!important;
    transition:all .3s;
    padding:10px 0!important;
    border-bottom:1px solid #efefef
}
.menu.lateral a:hover{
    margin-left:6px
}
.menu.lateral li .titulo{
    font-size:16px!important;
    color:#000000
}
.menu.lateral li:last-child,.menu.lateral li:last-child a{
    border:none!important
}
.menu.lateral:not(.outras) .nivel-dois a{
    font-size:14px;
    letter-spacing:-.5px;
    line-height:20px;
    text-transform:capitalize;
    font-weight:300
}
.menu .nivel-dois li>.nivel-tres,.menu .nivel-dois li>.nivel-tres>li>.nivel-tres{
    padding:1px 0;
    min-width:220px;
    top:-21px;
    margin-left:12px
}
.menu.lateral .nivel-dois li:hover>.nivel-tres,.menu.lateral .nivel-dois li>.nivel-tres>li:hover>.nivel-tres{
    margin-left:0;
    opacity:1;
    visibility:visible
}
.menu.lateral li{
    background:0 0!important
}
.menu.lateral:not(.outras) .nivel-um>li>a>.titulo{
    font-weight:500;
    letter-spacing:-.8px
}




ul.nivel-um.active {
        background-color: #19416f;
        color: white !important;
}
ul.nivel-um.active strong, ul.nivel-um.active a{
        color: white !important;
}