/* Sobrescrever CSS existente na página de checkout */
.carrinho-checkout .periods {
  height: 125px !important;
  overflow: auto !important;
}

.carrinho-checkout .label-period {
  width: 200px !important;
  margin: 0 5px 8px 0 !important;
}


div#box-banners {
    float: left;
    position: relative;
    z-index: 102030;
}

.menu.superior {
  display:flex !important;
}

@media (min-width:768px) and (max-width:1200px) {
    .menu.superior .nivel-um>li:nth-child(9):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(8):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(7):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(6):hover .nivel-dois {
        left: 0px !important;
    }
    
    .menu.superior ul.nivel-um {
        max-width: 700px !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

.carrinho {
    width: 150px !important;
}

.carrinho .qtd-carrinho {
    left: -28px;
    top: -8px;
}

.carrinho.vazio>a span {
    line-height: 28px !important;
}

.carrinho.vazio>a span {
    margin-left: 0px !important;
}

@media (min-width: 767px){
    .menu.superior .nivel-um>li>a>strong {
        color: var(--cor_texto_menu) !important;
    }
}

@media (min-width: 750px) and (max-width: 1100px){
    #cabecalho .row-fluid > .span3 {
        width: 180px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 767.9px) and (max-width: 768px){
    .superior.row-fluid.hidden-phone {
        display: none;
    }
}

#cabecalho>.conteiner:before {
    display:none !important;
}

@media (max-width: 1380px){
    .banner.tarja img {
        max-width: 1000px;
    }
}

@media (max-width: 767px){
    .lrMenuBox>.com-filho>ul.active {
        max-height: fit-content !important;
    }
}

@media (min-width:768px) and (max-width:1025px) {
    .menu.superior .nivel-um>li:nth-child(9):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(8):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(7):hover .nivel-dois, .menu.superior .nivel-um>li:nth-child(6):hover .nivel-dois {
        left: 0px !important;
        top: 45px ;
    }
    .menu.superior .nivel-um>li:hover .nivel-dois {
        top: 40px !important;
    }

    .menu.superior .nivel-dois.borda-alpha {
        left: 0px !important;
    }
}