@import 'cookies.css';
@import 'termos-uso.css';
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

:root {
    --oniz-black: #000;
    --oniz-cinza: #282828;
    --oniz-cinza-md: #343434;
    --oniz-white: #fff;
}
/*************** reset ***************/
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    position: fixed;
    top: 0;
    z-index: 1030;
    border-radius: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 0;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto;
}

body {
    font-family: "open_sans", "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background: var(--oniz-cinza)
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
}

ol, ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.form-control {
    color: #999;
}

.acesso-login {
}

.identificacao {
    padding-top: 7px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

.acesso-login .links {
    margin-left: 0px;
    margin-top: 5px;
}

.acesso-login .form-group {
    margin-bottom: 0px;
}

.acesso-login .form-control {
    font-size: 11px;
    height: 34px;
    box-shadow: none !important;
    font-weight: 300;
    color: #9b9b9b;
}

#LoginCnpj {
    background: var(--oniz-cinza);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#Cnpj {
    background: #fff url('img/select-bkg.png') right center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.acesso-login .form-control:hover,
.acesso-login .form-control:focus {
    box-shadow: none !important;
}

/* .acesso-login .btn-login {
        font-size: 12px;
        padding: 3px;
        width: 32px;
    }*/

.acesso-login .btn-padrao {
    padding: 4px 0px;
    /* width: 50px; */
}

.acesso-login a {
    font-size: 11px;
    text-decoration: none;
}

.acesso-login .half-pad-right {
    padding-right: 5px;
}

.acesso-login .half-pad-left {
    padding-left: 5px;
}

.menu-flutuante-box .half-pad-right {
    padding-right: 5px;
}

.menu-flutuante-box .half-pad-left {
    padding-left: 5px;
}

@media only screen and (min-width: 1440px) {
    .troca {
        width: 1px;
    }
}

@media only screen and (max-width: 1440px) {
    .troca {
        width: 1px;
    }
}

@media only screen and (max-width: 1200px) {
    .troca {
        width: 2px;
    }
}

@media only screen and (max-width: 992px) {
    .troca {
        width: 3px;
    }
}

@media only screen and (max-width: 768px) {
    .troca {
        width: 4px;
    }
}

@media only screen and (max-width: 528px) {
    .troca {
        width: 5px;
    }
}

/*************** classes custom ***************/
.vertical-center-box {
    display: table;
}

.vertical-center {
    display: table-cell;
    vertical-align: middle;
    /*necess�rio height*/
}

.no-pad-left {
    padding-left: 0px;
}

.no-pad-right {
    padding-right: 0px;
}

.invisible-text {
    color: transparent !important;
}

.radio-block {
    display: block;
}

.radio-box .radio-block {
    margin-bottom: 17px;
}

.radio-box .radio-inline {
    margin-bottom: 18px;
}

.btn-pos {
}

.obs {
}
/***** queries *****/
@media (max-width: 992px) {
    .radio-box .radio-block {
        margin-bottom: 5px;
    }

    .radio-box .radio-inline {
        margin-bottom: 15px;
    }
}


/*************** loja reset ***************/
h1 {
    font-weight: 700;
    font-size: 28px;
    color: var(--oniz-white);
}

h2,
h3,
h4,
h5,
h6,p {
    color: var(--oniz-white);
}

a {
    color: #f36f32;
    text-decoration: underline;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

    a:hover,
    a:focus {
        color: #f36f32;
        text-decoration: underline;
    }
/***** form *****/
.form-inline input {
    display: inline-block;
}

.form-control {
    font-weight: 700;
    font-size: 14px;
    border: 1px solid var(--oniz-cinza-md);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
    box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
    height: 50px;
    background: var(--oniz-cinza);
}

.has-error .form-control {
    border-color: #b94a48 !important;
}

.form-group label {
    font-weight: 700;
    font-size: 14px;
    color: #5f5f5f;
}

    .form-group label span {
        font-weight: 200 !important;
        color: #9b9b9b !important;
        font-size: 12px !important;
        text-transform: none !important;
    }

.form-group .checkbox label {
    color: #f36f32 !important;
}

.form-group .radiobox label {
    color: #f36f32 !important;
}
/***** panel *****/
.panel-group {
    background: var(--oniz-cinza);
    margin-bottom: 0px;
}

    .panel-group .panel {
        border: none;
        border-radius: 0px;
    }

.panel {
    box-shadow: none;
}

.panel-heading {
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.panel-body {
    padding: 0px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.well {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 20px;
}
/***** dropdown *****/
.dropdown-menu {
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
/***** owl-carousel *****/
.owl-carousel .owl-item {
    background: #fff;
    
}

.owl-carousel .owl-stage {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel .owl-grab {
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.owl-nav {
    display: none;
}

/***** photoswipe *****/
figcaption {
    display: none;
}

.pswp__caption__center {
    font-weight: 700;
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
}

.pswp__button--share {
    display: none;
}

.pswp__counter {
    display: none;
}
/***** modais *****/
.modal-header {
    padding: 15px 30px 15px 30px;
    border-bottom: none;
}

    .modal-header h4 {
        font-weight: 700;
        font-size: 20px;
        color: #5f5f5f;
    }

.modal-footer {
    padding: 15px 30px 15px 30px;
    border-top: none;
}

.modal-body {
    position: relative;
    padding: 15px 30px 30px 30px;
}
/***** actions *****/
.form-control:focus {
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
    box-shadow: 3px 3px 0px 0px rgba(249, 249, 249, 1);
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn:focus {
    outline: none;
}





/*************** loja classes-custom ***************/
.body-pad {
    padding: 0px 60px;
}

a.btn-padrao {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #f36f32;
    text-decoration: none;
    padding: 12px 12px;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.btn-padrao {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #f36f32;
    text-decoration: none;
    padding: 12px 12px;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

a.btn-custom {
    text-decoration: none;
    -webkit-transition: 0ms;
    -moz-transition: 0ms;
    -o-transition: 0ms;
    transition: 0ms;
}

a.facebook-btn {
    background-color: #415e9b;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(38, 66, 126, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(38, 66, 126, 1);
    box-shadow: 0px 4px 0px 0px rgba(38, 66, 126, 1);
}

.header {
    font-weight: 700;
    color: #5f5f5f;
    text-transform: uppercase;
}

.content {
    font-weight: 700;
    color: #9b9b9b;
    text-transform: uppercase;
}

a.header {
    text-decoration: none;
}

a.content {
    text-decoration: none;
}

.header a {
    font-weight: 700;
    text-transform: uppercase;
}

.content a {
    font-weight: 700;
    text-transform: uppercase;
}
/***** actions ******/
a.header:hover,
a.header:focus {
    color: #5f5f5f;
    text-decoration: none;
}

a.content:hover,
a.content:focus {
    color: #9b9b9b;
    text-decoration: none;
}

a.btn-padrao:hover,
a.btn-padrao:focus {
    color: #fff;
    background-color: #cb5721;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
    box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
}

.btn-padrao:hover,
.btn-padrao:focus {
    color: #fff;
    background-color: #cb5721;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
    box-shadow: 0px 4px 0px 0px rgba(243, 111, 50, 1);
}

a.facebook-btn:hover,
a.facebook-btn:hover {
    background-color: #26427e;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(65, 94, 155, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(65, 94, 155, 1);
    box-shadow: 0px 4px 0px 0px rgba(65, 94, 155, 1);
}
/***** queries *****/
@media (max-width: 992px) {
    .body-pad {
        padding: 0px 30px;
    }
}

@media (max-width: 768px) {
    .body-pad {
        padding: 0px 15px;
    }
}





/*************** carrinho ***************/
.carrinho {
}

.carrinho-box {
    margin-top: 20px;
}

.passo-img {
    float: right;
}

.header-box .header {
    font-size: 18px;
    text-align: center;
}

    .header-box .header span {
        color: #f36f32;
    }

.label-box .header {
    font-size: 11px;
}
/***** carrinho-box passo-1 *****/
.carrinho-vazio-box {
    text-align: center;
    margin-top: 200px;
    margin-bottom: 200px;
}

    .carrinho-vazio-box h1 {
        margin-bottom: 30px;
    }
/***** botoes-box *****/
.botoes-box {
    margin-top: 18px;
    margin-bottom: 45px;
}

.meus-pedidos-topo {
    margin-top: -60px;
}

@media (max-width: 992px) {
    .meus-pedidos-topo {
        margin-top: 0px;
    }
}

.botoes-box-interno {
    float: right;
    margin-top: 14px;
}

.botoes-box.bottom {
    margin-top: 25px;
}

.botoes-box ul li {
    display: inline-block;
    margin-right: 15px;
}

    .botoes-box ul li:last-child {
        margin-right: 0px;
    }

.botoes-box .btn-custom {
    font-weight: 700;
    font-size: 14px;
    color: #9d9d9d;
    text-transform: uppercase;
    text-decoration: none !important;
}

.continuar-comprando-btn {
    padding: 1px 0px 1px 30px;
    background: url('img/continuar-comprando.png') left bottom no-repeat;
}

.limpar-carrinho-btn {
    padding: 2px 0px 1px 30px;
    background: url('img/limpar-carrinho.png') left bottom no-repeat;
}

.finalizacao-compra-btn {
    margin-top: 25px;
    float: right;
}

.concluir-compra-btn {
    margin-top: 18px;
    float: right;
}
/***** item-box *****/
@media(max-width:992px) {
    .item-box figure img {
        height: 46px !important;
    }
}

.item-box {
    /*background: #f6f6f6;*/
    margin-bottom: 10px;
}

    .item-box .vertical-center {
        height: 50px;
    }

    .item-box .content {
        text-align: center;
    }
    .item-box .valor{
        font-size: 1.4rem !important
    }

    /*.item-box .col-1 {
        border-right: 3px solid #fff;
    }*/
    .item-box .col-color {
        border-right: 3px solid #fff;
        background: #f6f6f6;
    }

    .item-box .col-imagem {
        background: #fff;
        padding: 0px;
    }

    .item-box figure img {
        height: 35px;
    }

    .item-box .col-1 ul li {
        display: inline-block;
    }

    .item-box .col-1 .promocao-box-Icon img.icon_promocao {
        height: 25px !important;
        width: 25px;
    }

    .item-box .col-1 .promocao-box-Icon .codigo {
        font-size: 11px;
        text-transform: none;
        text-align: left;
    }

@media(max-width:767px) {
    .item-box .vertical-center {
        display: contents;
    }
}

@media(max-width:768px) {
    .item-box .vertical-center {
        display: block;
    }
}

@media(max-width:992px) {
    .col-galeria ul {
        height: auto;
        text-align: center;
    }

        .col-galeria ul li {
            float: none;
        }
}

@media(min-width:992px) {
    .col-galeria ul {
        width: 100%;
        text-align: center;
        height: 50px;
        vertical-align: middle;
        display: block;
        padding: 8px 0px;
    }

        .col-galeria ul li.galeria-unica {
            width: 30px;
        }
}

.col-galeria ul li.promocao-box-Icon {
    position: absolute;
    left: 0px;
}

    .col-galeria ul li.promocao-box-Icon .tooltip {
        position: relative;
    }

.col-galeria {
    background: #fff;
    border-bottom: 3px solid #fff;
}

.promocao-box-Icon .tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
    left: 0px !important;
}

    .promocao-box-Icon .tooltip.top .tooltip-arrow {
        left: 13% !important;
        border-top-color: #f36f32;
    }

.promocao-box-Icon .tooltip.in {
    opacity: 1;
}

.promocao-box-Icon .tooltip-inner {
    text-align: left;
    background-color: #f36f32;
}

.item-box .col-1 img {
    height: 35px;
}

.item-box .col-2 .vertical-center-box {
    margin: 0 auto;
}

.item-box .col-2 {
    border-right: 3px solid #fff;
    padding-left: 0px;
    padding-right: 0px;
}

.item-box .embalagem {
    width: auto;
    border: 1px solid #ddd;
    padding: 4px;
    color: #5f5f5f;
    outline: none;
}

.item-box .col-2 ul li {
    display: inline-block;
    vertical-align: middle;
}

.item-box .col-2 .header {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}

.item-box .col-2 .form-control {
    text-align: center;
    width: 65px;
    max-width: 60px;
    height: 31px;
}

label.quantidadeItem input {
    float: left;
    height: 31px !important;
    margin: 0px 2px;
    width: 48px !important;
    padding: 0;
}

.item-box .col-3 .vertical-center-box {
    text-align: center;
    margin: 0 auto;
}

.item-box .col-3 {
    border-right: 3px solid #fff;
}

    .item-box .col-3 .header {
        font-size: 11px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 5px;
    }

.item-box .col-4 .vertical-center-box {
    margin: 0 auto;
}

.item-box .col-4 .header {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}

.atualizar-carrinho-btn {
    background: url('img/atualizar-carrinho.png') no-repeat;
    padding: 0px;
    border: none;
    height: 25px;
    width: 25px;
    position: relative;
    top: 0px;
    background-size: 25px 25px;
}

.remover-carrinho-btn {
    background: url('img/remover-carrinho.png') no-repeat;
    padding: 0px;
    border: none;
    height: 25px;
    width: 25px;
    position: relative;
    top: 0px;
    background-size: 25px 25px;
    margin-left: 8px;
}

.item-estoque {
    width: 18px !important;
    height: 18px !important;
}
/***** frete-box *****/
.frete-box {
    background: #f6f6f6;
    margin-bottom: 10px;
}

    .frete-box .vertical-center {
        height: 75px;
    }

    .frete-box .col-1 {
        text-align: right;
        border-right: 3px solid #fff;
    }

        .frete-box .col-1 .vertical-center-box {
            float: right;
        }

    .frete-box ul li {
        display: inline-block;
    }

        .frete-box ul li:first-child {
            line-height: 15px;
            position: relative;
            top: 8px;
        }

        .frete-box ul li:last-child {
            position: relative;
            bottom: 3px;
        }

    .frete-box .form-control {
        text-align: center;
        width: 100%;
        max-width: 168px;
    }

    .frete-box .col-1 .content {
        text-align: right;
    }

    .frete-box .col-2 .vertical-center-box {
        margin: 0 auto;
    }

    .frete-box .col-2 .header {
        text-align: center;
    }

    .frete-box .col-2 .content {
        text-align: center;
    }

        .frete-box .col-2 .content.obs {
            font-weight: 200;
            font-size: 12px;
            text-transform: none;
        }

    .frete-box .visible-xs.header {
        font-size: 11px;
        text-align: center;
        margin-bottom: 5px;
    }

.calcular-frete-btn {
    width: 100%;
    max-width: 125px;
}
/***** prazo-entrega-box *****/
.prazo-entrega-box {
    background: #f6f6f6;
    margin-bottom: 10px;
}

    .prazo-entrega-box .vertical-center {
        height: 75px;
    }

    .prazo-entrega-box .col-1 {
        text-align: right;
        border-right: 3px solid #fff;
    }

        .prazo-entrega-box .col-1 .vertical-center-box {
            float: right;
        }

    .prazo-entrega-box .col-2 .vertical-center-box {
        margin: 0 auto;
    }

    .prazo-entrega-box .content {
        text-align: center;
    }
/***** cupom-desconto-box *****/
.cupom-desconto-box {
    background: #f6f6f6;
    margin-bottom: 10px;
}

    .cupom-desconto-box .vertical-center {
        height: 75px;
    }

    .cupom-desconto-box .col-1 {
        text-align: right;
        border-right: 3px solid #fff;
    }

        .cupom-desconto-box .col-1 .vertical-center-box {
            float: right;
        }

    .cupom-desconto-box ul li {
        display: inline-block;
    }

        .cupom-desconto-box ul li:first-child {
            line-height: 15px;
            position: relative;
            top: 0px;
        }

        .cupom-desconto-box ul li:last-child {
            position: relative;
            bottom: 3px;
        }

    .cupom-desconto-box .form-control {
        text-align: center;
        width: 100%;
        min-width: 200px;
    }

    .cupom-desconto-box .col-1 .content {
        text-align: right;
    }

    .cupom-desconto-box .col-2 .vertical-center-box {
        margin: 0 auto;
    }

    .cupom-desconto-box .col-2 .header {
        text-align: center;
    }

    .cupom-desconto-box .col-2 .content {
        text-align: center;
    }

        .cupom-desconto-box .col-2 .content.obs {
            font-weight: 200;
            font-size: 12px;
            text-transform: none;
        }

    .cupom-desconto-box .visible-xs.header {
        font-size: 11px;
        text-align: center;
        margin-bottom: 5px;
    }

.aplicar-desconto-btn {
    width: 100%;
    max-width: 125px;
}
/***** total-box *****/
.total-box {
    background-color: rgba(243,111,50,0.2);
    margin-bottom: 10px;
}

    .total-box .vertical-center {
        height: 75px;
    }

    .total-box .col-1 {
        text-align: right;
        border-right: 3px solid #fff;
    }

        .total-box .col-1 .vertical-center-box {
            float: right;
        }

    .total-box .col-2 .vertical-center-box {
        margin: 0 auto;
    }

    .total-box .header {
        font-size: 24px;
    }

    .total-box .content {
        font-size: 24px;
        text-align: center;
    }

    .total-box.sem-total .header {
        font-size: 14px;
        color: #f36f32;
        text-align: center;
        padding: 27px 0px;
    }

.data-entrega-aviso {
    font-size: 10px;
}

span.duvida-too-tip.hidden-md.hidden-lg {
    display: inherit;
    position: relative;
    bottom: 2px;
    left: 8px;
}

.duvida.btn-custom {
    font-weight: 700;
    color: #FFF;
    padding-left: 17px;
    padding-top: 1px;
    background: url('img/isso.png') center center no-repeat;
    position: relative;
    cursor: pointer;
}

/***** actions *****/
.continuar-comprando-btn:hover,
.continuar-comprando-btn:focus {
    background: url('img/continuar-comprando.png') left top no-repeat;
}

.limpar-carrinho-btn:hover,
.limpar-carrinho-btn:focus {
    background: url('img/limpar-carrinho.png') left top no-repeat;
}

/***** queries *****/
@media (max-width: 992px) {
    .carrinho {
        margin-top: 139px;
    }

    .item-box .col-1 {
        border-right: none;
        border-bottom: 3px solid #fff;
    }

        .item-box .col-1 .vertical-center {
            height: 75px;
        }

    .item-box .col-2 .vertical-center {
        height: 75px;
    }

    .item-box .col-3 .vertical-center {
        height: 75px;
    }

    .item-box .col-4 .vertical-center {
        height: 75px;
    }
}

@media (max-width: 768px) {
    .carrinho .item-box {
        margin-right: 0px;
        margin-left: 0px;
    }

    .item-box .col-2 {
        border-right: none;
        border-bottom: 3px solid #fff;
    }

    .carrinho .frete-box {
        margin-right: 0px;
        margin-left: 0px;
    }

    .frete-box ul li:first-child {
        line-height: inherit;
        top: 0px;
    }

    .frete-box ul li:last-child {
        bottom: 0px;
        text-align: center;
    }

    .frete-box .item .col-2 {
        border-right: none;
        border-bottom: 3px solid #fff;
    }

    .frete-box .vertical-center {
        height: 150px;
    }

    .frete-box .col-1 .vertical-center-box {
        float: none;
        margin: 0 auto;
    }

    .frete-box ul li {
        display: block;
    }

    .calcular-frete-btn {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        max-width: 168px;
    }

    .carrinho .prazo-entrega-box {
        margin-right: 0px;
        margin-left: 0px;
    }

    .prazo-entrega-box .col-1 .vertical-center-box {
        float: none;
        margin: 0 auto;
    }

    .carrinho .cupom-desconto-box {
        margin-right: 0px;
        margin-left: 0px;
    }

    .cupom-desconto-box ul li:first-child {
        line-height: inherit;
        top: 0px;
    }

    .cupom-desconto-box ul li:last-child {
        bottom: 0px;
        text-align: center;
    }

    .cupom-desconto-box .item .col-2 {
        border-right: none;
        border-bottom: 3px solid #fff;
    }

    .cupom-desconto-box .vertical-center {
        height: 150px;
    }

    .cupom-desconto-box .col-1 .vertical-center-box {
        float: none;
        margin: 0 auto;
    }

    .cupom-desconto-box ul li {
        display: block;
    }

    .aplicar-desconto-btn {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        max-width: 168px;
    }

    .carrinho .total-box {
        margin-right: 0px;
        margin-left: 0px;
    }

    .total-box .col-1 .vertical-center-box {
        float: none;
        margin: 0 auto;
    }
}

@media (max-width: 528px) {
    .item-box .col-1 .vertical-center-box {
        margin: 0 auto;
    }

    .item-box .col-1 .vertical-center {
        height: 125px;
    }

    .item-box .col-2 .vertical-center {
        height: 50px;
    }

    .item-box .col-3 .vertical-center {
        height: 75px;
    }

    .item-box .col-4 .vertical-center {
        height: 50px;
    }

    .item-box .col-1 ul li {
        text-align: center;
        display: block;
    }

        .item-box .col-1 ul li img {
            margin-bottom: 10px;
            height: 70px;
        }

    .frete-box .vertical-center-box {
        display: block;
    }

    .frete-box .vertical-center {
        display: block;
        height: auto;
    }

    .frete-box .col-1 {
        margin-top: 15px;
        padding-bottom: 15px;
        border-right: none;
        border-bottom: 3px solid #fff;
    }

    .frete-box .col-2 {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .frete-box .form-control {
        margin: 0 auto;
        width: 100%;
        max-width: 500px;
    }

    .calcular-frete-btn {
        width: 100%;
        max-width: 500px;
    }

    .prazo-entrega-box .vertical-center {
        height: 75px;
    }

    .prazo-entrega-box .col-1 {
        text-align: center;
        border-right: none;
    }

    .prazo-entrega-box .visible-xs.header {
        font-size: 11px;
        text-align: center;
        margin-bottom: 5px;
    }

    .cupom-desconto-box .vertical-center-box {
        display: block;
    }

    .cupom-desconto-box .vertical-center {
        display: block;
        height: auto;
    }

    .cupom-desconto-box .col-1 {
        margin-top: 15px;
        padding-bottom: 15px;
        border-right: none;
        border-bottom: 3px solid #fff;
    }

    .cupom-desconto-box .col-2 {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .cupom-desconto-box .form-control {
        margin: 0 auto;
        width: 100%;
        max-width: 500px;
    }

    .aplicar-desconto-btn {
        width: 100%;
        max-width: 500px;
    }

    .total-box .vertical-center {
        height: 35px;
    }

    .total-box .col-1 {
        text-align: center;
        border-right: none;
    }
}
/***** carrinho-box passo-2 *****/
/***** login *****/
.login .header-box .header {
    font-size: 20px;
    text-align: center;
    line-height: 18px;
}

.login .header-box .content {
    font-weight: 200;
    text-align: center;
}

.login-box {
    margin-top: 45px;
}

    .login-box .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .login-box .left {
        background: #e3e3e3;
        padding: 60px;
        margin-bottom: 30px;
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
    }

        .login-box .left .form-control {
            border: 1px solid #d0d0cf;
            -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
            -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
            box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        }

    .login-box .right {
        background: #fff;
        padding: 55px;
        margin-bottom: 30px;
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
    }

        .login-box .right .form-control {
            border: 1px solid #d0d0cf;
            -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
            -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
            box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);
        }

.login-box-header-box {
    margin-bottom: 30px;
}

.login-box .header {
    text-align: center;
}

.login-box .content {
    font-weight: 400;
    color: #5f5f5f;
    text-align: center;
    margin-bottom: 15px;
}

.entrar-btn {
    margin-top: 70px;
}
/***** queries *****/
@media (max-width:1200px) {
    .login-box .left {
        padding: 45px 30px;
    }

    .login-box .right {
        padding: 45px 30px;
    }
}

@media (max-width: 992px) {
    .carrinho h1 {
        text-align: center;
    }

    .login-box .left {
        padding: 60px 60px;
    }

    .login-box .right {
        padding: 60px 60px;
    }

    .login-box-header-box {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .login-box .left {
        padding: 60px 45px;
    }

    .login-box .right {
        padding: 60px 45px;
    }
}

@media (max-width: 528px) {
    .login-box .left {
        padding: 30px 15px;
    }

    .login-box .right {
        padding: 30px 15px;
    }
}
/***** carrinho-box passo-3 *****/
.carrinho-box.passo-3 .left .row {
    margin-left: 0px;
    margin-right: 0px;
}

.carrinho-box.passo-3 .right .row {
    margin-left: 0px;
    margin-right: 0px;
}
/***** forma-entrega-box *****/
.forma-entrega-box {
    background: #f6f6f6;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
}

    .forma-entrega-box.sem-endereco .header {
        color: #f36f32;
        text-align: center;
    }

    .forma-entrega-box .radio {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .forma-entrega-box .content {
        text-align: right;
    }

    .forma-entrega-box label .content {
        font-weight: 400;
        text-transform: none;
        text-align: left;
    }
/***** forma-entrega *****/
.forma-pagamento-box {
    background: #f6f6f6;
    margin-bottom: 10px;
}

.forma-pagamento.credito,
.forma-pagamento.debito,
.forma-pagamento.boleto,
.forma-pagamento.deposito {
    background: #f6f6f6;
    padding: 15px 30px 15px 30px;
    margin-bottom: 10px;
}

.forma-pagamento ul {
    text-align: left;
}

    .forma-pagamento ul li {
        text-align: center;
        margin-right: 15px;
        margin-bottom: 15px;
        display: inline-block;
    }

        .forma-pagamento ul li label {
            padding-left: 0px;
        }

        .forma-pagamento ul li .radio input[type=radio] {
            margin-left: -6px;
        }

.forma-pagamento .forma {
    float: right;
    margin-top: 23px;
    margin-right: 0px;
    margin-bottom: 0px;
}

    .forma-pagamento .forma .content {
        color: #f36f32;
        text-transform: none;
        text-align: center;
    }

.forma-pagamento .well {
    background-color: transparent;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.forma-pagamento .btn-custom {
    font-weight: 700;
    color: #656463;
    padding-left: 25px;
    background: url('img/isso.png') center left no-repeat;
    position: relative;
    top: 42px;
    cursor: pointer;
}

.o-que-e-tooltip .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.o-que-e-tooltip .tooltip.in {
    opacity: 1;
}

.o-que-e-tooltip .tooltip-inner {
    background-color: #fff;
    padding: 15px;
}

.o-que-e-tooltip .content {
    font-weight: 400;
    text-transform: none;
    margin-top: 10px;
}
/***** endereco-entrega-box *****/
.carrinho .endereco-entrega-box {
    background-color: rgba(243,111,50,0.2);
    padding: 15px 15px 18px 15px;
    margin-bottom: 10px;
}

.minha-conta .endereco-entrega-box {
    background: #f6f6f6;
    padding: 15px 30px 15px 30px;
    margin-bottom: 10px;
}

.endereco-entrega-box .header {
    color: #f36f32;
    margin-bottom: 5px;
}

.carrinho .endereco-entrega-box ul li:last-child {
    margin-bottom: 5px;
}

.btn-box-home {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

    .btn-box-home .btn-home {
        padding: 6px 12px;
    }
/***** resumo-da-compra-box *****/
.carrinho .resumo-da-compra-box {
    background: #f6f6f6;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
}

.minha-conta .resumo-da-compra-box {
    background: #f6f6f6;
    padding: 15px 30px 15px 30px;
    margin-bottom: 10px;
}

.resumo-da-compra-box ul li {
    display: inline-block;
}

    .resumo-da-compra-box ul li:last-of-type {
        float: right;
    }

.resumo-da-compra-box .btn-pos {
    text-align: center;
    margin-top: 15px;
}
/***** resumo-da-compra-box total-box *****/
.resumo-da-compra-box.total-box {
    background-color: rgba(243,111,50,0.2);
}

    .resumo-da-compra-box.total-box .header,
    .resumo-da-compra-box.total-box .content {
        font-size: 24px;
    }

.resumo-da-compra-box .btn-pos {
    text-align: left;
}
/***** observacoes-box *****/
.observacoes-box textarea {
    padding: 15px 30px;
    min-height: 168px;
}

.observacoes-box .btn-pos {
    text-align: right;
    margin-top: 15px;
}
/***** queries *****/
@media (max-width:528px) {
    .forma-pagamento .btn-custom {
        top: 0px;
    }

    .resumo-da-compra-box ul li:last-of-type {
        float: none;
    }

    .forma-pagamento ul {
        text-align: center;
    }

    .forma-pagamento .forma {
        float: none;
    }

    .forma-pagamento .o-que-e-tooltip {
        text-align: center;
    }

    .forma-pagamento .custom-btn {
        margin-right: 25px;
        position: relative;
        top: 0px;
        cursor: pointer;
    }
}
/***** carrinho-box passo-4 *****/
.carrinho-box.passo-4 h1 {
    color: #9b9b9b;
}

.passo4-header-box {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

    .passo4-header-box ul {
        margin-bottom: 30px;
    }

        .passo4-header-box ul li {
            display: inline-block;
        }

    .passo4-header-box .pedido-numero-box {
        background: #f36f32;
        padding: 15px 12px;
        margin-right: 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .passo4-header-box .pedido-numero-box .header {
            color: #fff;
        }

.passo4-content-box .header {
    margin-bottom: 15px;
}

.passo4-content-box .content {
    color: #f36f32;
    margin-bottom: 15px;
}

    .passo4-content-box .content span {
        color: #f36f32;
        text-transform: none;
    }
/***** queries *****/
@media (max-width:528px) {
    .passo4-header-box ul li {
        display: block;
        text-align: center;
    }

    .passo4-header-box .pedido-numero-box {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}





/*************** minha-conta ***************/
.minha-conta {
    margin-top: 50px;
}

    .minha-conta .header-box span {
        font-size: 14px;
        color: #f36f32;
        background: url('img/breadcrumb-arrow.png') 8px center no-repeat;
        padding-left: 26px;
    }

    .minha-conta .menu-lateral {
        margin-bottom: 30px;
    }

        .minha-conta .menu-lateral ul li {
            margin-bottom: 15px;
        }

        .minha-conta .menu-lateral .active .header {
            color: #f36f32;
        }

.minha-conta-box {
    margin-top: 45px;
}
/***** minha-conta-box  minha-conta-index *****/
.minha-conta-index .left {
    margin-bottom: 45px;
}

.minha-conta-index .panel-heading {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    min-height: 75px;
    height: 100%;
}

    .minha-conta-index .panel-heading ul li {
        display: inline-block;
    }

        .minha-conta-index .panel-heading ul li:last-child {
            float: right;
        }

    .minha-conta-index .panel-heading .btn {
        width: 150px;
    }

.minha-conta-index .panel-body {
    padding-top: 30px;
    padding-bottom: 45px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .minha-conta-index .panel-body ul li {
        display: inline-block;
    }

    .minha-conta-index .panel-body .header {
        color: #f36f32;
        margin-bottom: 5px;
    }

    .minha-conta-index .panel-body .content {
        text-transform: none;
    }

    .minha-conta-index .panel-body .btn {
        width: 180px;
    }

.minha-conta-index .meus-dados-box .panel-body .btn {
    margin-top: 15px;
}

.minha-conta-index .meus-enderecos-box .panel-body ul {
    margin-bottom: 15px;
}

    .minha-conta-index .meus-enderecos-box .panel-body ul li {
        display: block !important;
    }
/***** minha-conta-box  minha-conta-pedidos *****/
.minha-conta-pedidos .meus-pedidos-box .panel-heading {
    background: #f6f6f6;
}

.minha-conta-pedidos .meus-pedidos-box:nth-child(even) .panel-heading {
    background: #fff;
}

.minha-conta-pedidos .meus-pedidos-box .panel-heading .content {
    font-weight: 400;
    text-transform: none;
}

.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-1,
.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-2,
.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-3,
.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-4 {
    padding: 17px 15px 17px 15px;
}

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-1 .content {
        padding-left: 30px;
    }

.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-5 {
    background: #fff;
}

.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-4 .content {
    color: #f36f32;
}

.minha-conta-pedidos .meus-pedidos-box .panel-heading .col-5 a.btn-padrao {
    margin-top: 2px;
    margin-bottom: 6px;
}

.minha-conta-pedidos .meus-pedidos-box .panel-heading ul li {
    display: inline-block;
}

.minha-conta-pedidos .meus-pedidos-box .panel-body {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}
/***** status-box *****/
.status-box {
    background-color: rgba(243,111,50,0.2);
    padding: 15px 30px 15px 30px;
    margin-bottom: 10px;
}

    .status-box .header {
        font-size: 24px;
        color: #f36f32;
        background: url('img/status.png') center left no-repeat;
        padding-left: 30px;
    }

    .status-box .content {
        color: #5f5f5f;
        text-transform: none;
        margin-top: 15px;
    }

        .status-box .content a {
            text-transform: none;
        }
/***** minha-conta-box  minha-conta-dados *****/
.minha-conta-dados .right form .right {
    margin-top: 90px;
}
/***** minha-conta-box minha-conta-enderecos *****/
.minha-conta-enderecos .btn-pos {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

.minha-conta-enderecos .right ul {
    margin-bottom: 15px;
}

.minha-conta-enderecos .right .header {
    color: #f36f32;
    margin-bottom: 5px;
}

.minha-conta-enderecos .btn-padrao {
    margin-top: 15px;
}

.excluir-endereco-btn {
    padding: 11px 12px;
}
/***** queries *****/
@media (max-width:992px) {
    .minha-conta {
        margin-top: 139px;
    }

        .minha-conta h1 {
            text-align: center;
        }

        .minha-conta .menu-lateral {
            text-align: center;
            margin-top: 30px;
        }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-1 .content {
        padding-left: 15px;
    }

    .minha-conta-dados form .left {
        text-align: left;
    }

    .minha-conta-dados .right form .right {
        margin-top: 0px;
    }
}

@media (max-width:768px) {
    .minha-conta-pedidos .meus-pedidos-box:nth-child(even) .panel-heading {
        background: #fff;
    }
}

@media (max-width:767px) {
    .minha-conta-pedidos .panel-heading {
        padding: 15px;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-1,
    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-2,
    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-3,
    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-4 {
        padding: 0px 15px 0px 15px;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-5 {
        background: transparent;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-1 .content {
        font-weight: 700;
        color: #f36f32;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-4 .content {
        font-weight: 700;
        text-transform: uppercase;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-5.btn-pos {
        text-align: center;
    }

    .minha-conta-pedidos .meus-pedidos-box .panel-heading .col-5 a.btn-padrao {
        margin-top: 17px;
    }
}

@media (max-width:528px) {
    .minha-conta-enderecos .btn-pos {
        text-align: left;
    }
}





/*************** topo ***************/
.topo {
    border-top: 4px solid #f36f32;
    background: var(--oniz-black);
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}
/*************** menu-flutuante ***************/
.menu-flutuante-box {
    display: none;
}

.navmenu, .navbar-offcanvas {
    width: 275px !important;
}

.logo-box-flutuante .vertical-center {
    height: 67px;
}
/***** queries *****/
@media (max-width:992px) {
    .menu-flutuante-box {
        background: var(--oniz-black);
        border-top: 4px solid #f36f32;
        margin-bottom: 0px;
        display: block;
    }
}
/*************** menu-responsivo ***************/
#menu-responsivo a {
    text-decoration: none;
}

.navmenu-fixed-right, .navbar-offcanvas {
    border-width: 0 0 0 0px;
    -webkit-box-shadow: inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);
    -moz-box-shadow: inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);
    box-shadow: inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);
}

#menu-responsivo-btn.navbar-toggle {
    display: block !important;
    position: relative;
    float: right;
    padding: 19px 14px 18px 14px;
    margin-top: 29px;
    margin-right: 0px;
    background-color: #f36f32;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#menu-responsivo-btn span.icon-bar {
    background-color: #fff;
}

#menu-responsivo-btn.navbar-toggle .icon-bar {
    width: 37px;
    height: 5px;
    border-radius: 0px;
}

    #menu-responsivo-btn.navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

#menu-responsivo .menu-busca-box-responsivo {
    padding: 15px;
    /*-webkit-box-shadow: inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);
		-moz-box-shadow:    inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);
		box-shadow:         inset 5px 0px 8px 0px rgba(222, 222, 222, 0.75);*/
}

#menu-responsivo .menu-institucional-box-responsivo {
    background: #e0e0e0;
}

    #menu-responsivo .menu-institucional-box-responsivo .menu-responsivo.nivel-1-box {
        background: #f36f32;
        position: relative;
        border-bottom: 1px solid #d84116;
        padding: 16px 25px;
    }

    #menu-responsivo .menu-institucional-box-responsivo .menu-responsivo.nivel-1-item {
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        display: block;
    }

.menu-institucional-box-responsivo #menu-institucional-item-box .nivel-1-box {
    background: #e0e0e0;
}

    .menu-institucional-box-responsivo #menu-institucional-item-box .nivel-1-box .nivel-1-item {
        font-weight: 300;
        font-size: 14px;
        color: #484848;
        text-transform: uppercase;
        padding: 16px 25px;
        border: 1px solid #c1c1c1;
    }

#menu-responsivo .menu-institucional-box-responsivo .nivel-2-box {
    background: #bbbbbb;
}

    #menu-responsivo .menu-institucional-box-responsivo .nivel-2-box li {
        list-style: none;
    }

    #menu-responsivo .menu-institucional-box-responsivo .nivel-2-box .nivel-2-item {
        font-weight: 300;
        font-size: 14px;
        color: #484848;
        border-bottom: 1px solid #a9a9a9;
        padding: 16px 25px;
    }

#menu-responsivo .menu-institucional-box-responsivo .nivel-3-box {
    background: #484848;
    padding: 0px;
}

    #menu-responsivo .menu-institucional-box-responsivo .nivel-3-box li {
        list-style: none;
    }

    #menu-responsivo .menu-institucional-box-responsivo .nivel-3-box .nivel-3-item {
        font-weight: 300;
        font-size: 12px;
        color: #fff;
        border-bottom: 1px solid #3e3e3e;
        padding: 16px 25px;
    }

#menu-responsivo .menu-produtos-box-responsivo .menu-responsivo.nivel-1-box {
    background: #f36f32;
    position: relative;
    padding: 16px 25px;
}

#menu-responsivo .menu-produtos-box-responsivo .menu-responsivo.nivel-1-item {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

#menu-responsivo .panel.menu-produtos-item-box {
    margin-bottom: 0px;
}

#menu-responsivo .menu-produtos-box-responsivo .menu-produtos-box-interno {
    background: #5f5f5f;
}

#menu-responsivo .menu-produtos-item-box .nivel-1-box {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 1px solid #484848;
}

    #menu-responsivo .menu-produtos-item-box .nivel-1-box.nao-ativo {
        webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #menu-responsivo .menu-produtos-item-box .nivel-1-box .nivel-1-item {
        font-size: 14px;
        padding: 16px 25px;
    }

#menu-responsivo .menu-produtos-item-box .nivel-2-box {
    background: var(--oniz-cinza-md);
    border: 1px solid #c1c1c1;
}

    #menu-responsivo .menu-produtos-item-box .nivel-2-box .nivel-2-item {
        font-weight: 300;
        font-size: 14px;
        color: var(--oniz-white);
        padding: 16px 25px;
    }

#menu-responsivo .menu-produtos-item-box .panel-body ul {
    background: #e0e0e0;
}
/***** actions *****/
#menu-responsivo .menu-institucional-box-responsivo .nivel-3-box .nivel-3-item:hover {
    color: #fff;
}

.menu-loja-ul-box-flutuante {
    /*width: 110px;*/
}
/***** queries *****/
@media (max-width:992px) {
    #menu-responsivo-btn.navbar-toggle {
        padding: 6px 7px;
        margin-top: 1px;
        height: 45px;
    }

    #menu-responsivo .menu-produtos-box-interno {
        margin-right: 0px;
        margin-top: 0px;
    }
}



@media (max-width:380px) {
    #menu-responsivo-btn.navbar-toggle {
        /*padding: 15px 12px;*/
    }

        #menu-responsivo-btn.navbar-toggle .icon-bar {
            width: 30px;
        }
}
/*************** menu-loja ***************/
@media (max-width: 1388px) {
    .formapagamento .hidden-custom {
        display: none !important;
    }
}

@media (min-width: 1388px) {
    .formapagamento .visible-custom {
        display: none !important;
    }
}

.menu-loja {
    margin-bottom: 22px;
}

.logo {
    padding: 14px 0px;
    max-height: 102px;
}

.chamada {
    padding-top: 7px;
    padding-bottom: 2px;
}

.acesso {
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 11px;
}

    .acesso span a {
        font-weight: 700;
        color: #f36f32;
        text-transform: none;
        text-decoration: none;
        padding-right: 10px;
        margin-left: 0px;
        border-right: 1px solid #9b9b9b;
    }

    .acesso a {
        font-weight: 700;
        color: #9b9b9b;
        margin-left: 10px;
    }

.menu-loja-ul {
    text-align: right;
}

    .menu-loja-ul a {
        text-decoration: none;
    }

    .menu-loja-ul li {
        position: relative;
        display: inline-block;
    }

.carrinho-btn-box {
    margin-right: 3px;
}

    .carrinho-btn-box li {
        display: inline-block;
    }

    .carrinho-btn-box .vertical-center {
        height: 46px;
    }

    .carrinho-btn-box .left {
        background: #f36f32 url('img/carrinho.png') center center no-repeat;
        padding-right: 54px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .carrinho-btn-box .center {
        background: #5f5f5f url('img/borda-right.png') center right no-repeat;
        padding: 0px 9px;
        margin-left: -3px;
    }

        .carrinho-btn-box .center p {
            font-weight: 800;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
        }

    .carrinho-btn-box .right {
        background: #5f5f5f;
        padding: 0px 8px;
        margin-left: -4px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .carrinho-btn-box .right .vertical-center-box {
            margin: 0 auto;
        }

    .carrinho-btn-box .header {
        font-size: 11px;
        color: #f36f32;
        text-align: center;
    }

    .carrinho-btn-box .content {
        text-align: center;
    }

    .carrinho-btn-box.login-btn .left {
        background: #f36f32 url('img/login-btn-bkg.png') center bottom no-repeat;
        padding-left: 19px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .carrinho-btn-box.login-btn .center {
        background: #f36f32;
        padding: 0px 20px 0px 0px;
        margin-left: -4px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .carrinho-btn-box.login-btn .center p {
            text-align: center;
        }

        .carrinho-btn-box.login-btn .center .header {
            font-size: 15.2px;
        }

        .carrinho-btn-box.login-btn .center .content {
            font-weight: 300;
            font-size: 11.82px;
        }

.carrinho .select2-container.form-control.condicao-pagamento {
    background-color: #fff;
}

.auto-completa-2 {
    width: 100%;
    min-width: 275px;
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 99;
    left: -75px;
    top: 58px;
    text-align: left;
}

    .auto-completa-2:after {
        position: absolute;
        top: -11px;
        right: 0 !important;
        transform: translate(-50%, 0%);
        border-right: 12px solid transparent;
        border-bottom: 11px solid #fff;
        border-left: 12px solid transparent;
        content: '';
    }

    .auto-completa-2 .selected {
        background-color: #f36f32;
        color: #FFF;
    }

@media (max-width: 1200px) {
    .auto-completa-2 {
        right: 0;
        left: -215px;
    }
}

.auto-completa-2 a .header {
    padding: 5px 15px 5px 15px;
    display: block;
}

.auto-completa-2 a .content {
    font-weight: 300 !important;
    text-transform: none !important;
    padding: 5px 30px 5px 30px;
    display: block;
}

.auto-completa-2 .bloco-del {
    border-bottom: 1px solid #cfcfcf;
}

    .auto-completa-2 .bloco-del:last-child {
        border-bottom: 0px;
    }

.logo-box .vertical-center {
    height: 154px;
}

.ident-box {
    display: none;
}
/*
.select2-container.form-control.condicao-pagamento {
    font-weight: 300;
    font-size: 14px;
    width:300px;
    color: #5f5f5f;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 50px;
    background-color: #fff;
}

@media (max-width:992px) {
    .select2-container.form-control.condicao-pagamento {
        background-color: #fff !important;
    }
}

.select2-container .select2-choice {
    display: block;
    height: 34px;
    padding: 2px 0 0 8px;
    overflow: hidden;
    position: relative;
    border: none;
    white-space: nowrap;
    line-height: 26px;
    color: #5f5f5f;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
}

@media (max-width:992px) {
    .select2-container .select2-choice {
        background-color: #fff !important;
    }
}

.select2-drop-active {
    border: 0px;
    border-top: none;
    margin-top: 7px;
}

.select2-container .select2-choice .select2-arrow {
    border-left: 0px;
    display: none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 0px !important;
    position: relative;
    top: 11px;
    left: 13px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
    border-top: 0px;
    padding-top: 4px;
}

#CondicaoPagamentoSelecao {
    position: absolute;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

    #CondicaoPagamentoSelecao label {
        margin-bottom: 0px;
        margin-left: 8px;
    }


.select2-results .select2-result-label {
    color: #595959;
}

ul.select2-result-sub {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
}

    ul.select2-result-sub:last-children {
        border-bottom: 0px solid #ccc;
        padding-bottom: 0px;
        margin-bottom: 0px !important;
    }

.select2-results {
    padding-left: 15px;
    padding-right: 15px;
}
*/
.menu-flutuante-box .row .well {
    padding: 0px 30px 15px 30px;
    display: none;
}

.row.no-margin {
    margin-left: 0px;
    margin-right: 0px;
}
/***** queries *****/
@media (max-width:1343px) {
    .carrinho-btn-box.login-btn .center span.span-1 {
        display: none;
    }
}

@media (max-width:1200px) {
    .carrinho-btn-box .center {
        display: none;
    }

    .carrinho-btn-box.login-btn .left {
        display: none;
    }

    .carrinho-btn-box.login-btn .center {
        display: block;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0px 15px 0px 15px;
        margin-left: 10px;
    }

    .acesso-login .form-group {
        margin-bottom: 5px;
    }

    .acesso-login .form-control {
        /* height: 42px; */
    }

    .acesso-login .half-pad-right {
    }

    .acesso-login .half-pad-left {
        padding-left: 15px;
    }

    .row.rgt .btn-box.half-pad-left {
        padding-left: 5px !important;
    }

    .acesso-login .btn-padrao {
        padding: 4px 5px;
    }
}

@media (max-width:992px) {
    .logo {
        padding: 0px;
        width: 180px;
        position: relative;
    }

    .acesso {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .carrinho-btn-box .right {
        padding: 0px 8px;
    }

    .carrinho-btn-box .left {
        padding-right: 48px;
    }

    .carrinho-btn-box.login-btn .vertical-center {
        height: 57px;
    }

    .carrinho-btn-box .vertical-center {
        height: 57px;
    }

    .carrinho-btn-box .content {
        padding-bottom: 5px;
    }

    .logo-box-flutuante .vertical-center {
        height: 97px;
    }

    .atendimento {
        width: 53px;
    }

    .carrinho-btn-box.login-btn .center {
        margin-left: -1px;
    }

    .row.links {
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 15px;
    }

    .ident-box {
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }

    a.ident-1 {
        font-weight: 700;
        font-size: 22px;
        text-decoration: none !important;
    }

    a.ident-2 {
        display: none;
        font-weight: 700;
        font-size: 18px;
        text-decoration: none !important;
    }


    .id-box-fixo-int .form-group {
        margin-bottom: 0px;
    }

    .id-box-fixo-int .form-control {
        font-size: 12px;
        height: 40px;
        box-shadow: none !important;
        font-weight: 300;
        color: #9b9b9b;
    }

    .id-box-fixo-int .btn-padrao {
        padding: 6px 6px;
        min-width: 50px;
    }

    .topo {
        border-top: none;
        background: transparent;
        height: 150px !important;
    }
}

@media (max-width:992px) {

    #menu-responsivo-btn.navbar-toggle {
        /*margin-top: 10px;*/
        margin-bottom: 0px;
    }

    .logo-box-flutuante .vertical-center {
        height: 65px;
    }

    .menu-flutuante-box .row .well {
        display: block;
    }

    .id-box-flutuante .id-box-fixo-int {
        display: none;
    }

    .menu-flutuante-box .well .form-group {
        margin-bottom: 5px;
    }

    .menu-flutuante-box .well .form-control {
        font-size: 12px;
        height: 57px;
        box-shadow: none !important;
        font-weight: 300;
        color: #9b9b9b;
    }

    .menu-flutuante-box .half-pad-left {
        padding-left: 15px;
    }

    .btn-login {
        padding: 15px 12px;
    }

    .links {
        padding-left: 20px;
    }

    .col-adicional-flutuante {
        display: none;
    }
}

@media (max-width:600px) {
    .carrinho-btn-box.login-btn .center .header {
        font-size: 12.2px;
    }

    .carrinho-btn-box.login-btn .center .content {
        line-height: 4px;
        padding-bottom: 7px;
    }

    a.ident-1 {
        display: none;
    }

    a.ident-2 {
        display: block;
    }

    #menu-responsivo-btn.navbar-toggle {
        /*margin-top: 10px;*/
    }

    .logo-box-flutuante .vertical-center {
        height: 67px;
    }

    .ident-box {
    }

    #menu-responsivo-btn.navbar-toggle {
        /*padding: 13px 10px 13px 10px;*/
    }

        #menu-responsivo-btn.navbar-toggle .icon-bar {
            width: 30px;
            height: 3px;
            border-radius: 0px;
        }
}

@media (max-width:992px) {

    .carrinho-btn-box .vertical-center {
        height: 45px;
        vertical-align: bottom;
    }

    .carrinho-btn-box .header {
        display: none;
    }

    .links {
        padding-left: 0px;
        text-align: center;
    }

    .logo {
        bottom: 5px;
    }

    .carrinho-btn-box li {
        display: inline-block;
    }

    .carrinho-btn-box.login-btn .vertical-center {
        background: #f36f32 url('img/login-btn-bkg.png') center 6px no-repeat;
        background-size: 38px 30px;
        vertical-align: bottom;
        height: 65px;
    }

    .carrinho-btn-box.login-btn .content {
        padding-bottom: 0px;
    }

    .carrinho-btn-box .left {
        display: none;
    }

    .carrinho-btn-box .right {
        background: #484848 url(img/carrinho-sm.png) center 14px no-repeat;
        padding: 0px 22px;
        margin-left: -1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .carrinho-btn-box .content {
        color: #fff;
        padding-bottom: 10px;
        position: absolute;
        top: 0;
        right: 2px;
        font-size: 12px;
        padding-right: 5px;
    }

    .acesso {
        text-align: center;
    }

    .atendimento {
        width: 61px;
    }

    .carrinho-btn-box.login-btn .center span.span-2 {
        display: none;
    }

    .carrinho-btn-box.login-btn .center .content {
        font-weight: 900;
        padding-bottom: 12px;
    }

    .row.rgt .half-pad-left {
        padding-left: 15px;
    }

    .row.rgt .half-pad-right {
        padding-right: 15px;
    }

    .row.rgt .btn-box.half-pad-left {
        padding-left: 15px !important;
    }

    .logo-box-flutuante .vertical-center {
        height: 80px;
    }
}

@media (max-width:380px) {
    .carrinho-btn-box .right {
        background: #484848 url('img/carrinho-sm.png') center 9px no-repeat padding: 0px 16px;
        margin-left: -1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .carrinho-btn-box .right {
        #484848 url('img/carrinho-sm.png') center 9px no-repeat padding: 0px 18px;
    }

    .carrinho-btn-box .content {
        padding-bottom: 5px;
    }

    .logo-box-flutuante .vertical-center {
        height: 80px;
    }

    .atendimento {
        width: 53px;
    }

    .carrinho-btn-box.login-btn .vertical-center {
        background-size: 34px 26px;
        height: 57px;
    }

    .carrinho-btn-box.login-btn .center {
        padding: 0px 11px 0px 11px;
    }
}

.offcanvas.in {
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
}

@media (max-width: 992px) {
    .offcanvas.in {
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        /* height: 100vh; */
        -webkit-overflow-scrolling: touch;
        top: 0;
        height: 100%;
    }
}
/*************** menu institucional ***************/
#menu-institucional-btn.navbar-toggle {
    display: block !important;
    position: relative;
    float: left;
    padding: 4px 8px 6px 7px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #f36f32;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#menu-institucional-btn span.icon-bar {
    background-color: #fff;
}

#menu-institucional-btn.navbar-toggle .icon-bar {
    width: 37px;
    height: 5px;
    border-radius: 0px;
}

    #menu-institucional-btn.navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

#menu-institucional .dropdown-menu {
    background: #f36f32;
    padding: 6px 0;
    top: 49px;
    min-width: 218px;
}

    #menu-institucional .dropdown-menu:before {
        position: absolute;
        top: -11px;
        left: 25px;
        right: auto;
        display: inline-block;
        border-right: 12px solid transparent;
        border-bottom: 11px solid #f36f32;
        border-left: 12px solid transparent;
        content: '';
    }

    #menu-institucional .dropdown-menu:after {
        position: absolute;
        top: -11px;
        left: 25px;
        right: auto;
        border-right: 12px solid transparent;
        border-bottom: 11px solid #f36f32;
        border-left: 12px solid transparent;
        content: '';
    }

#menu-institucional-item-box a {
    text-decoration: none;
    display: block;
}

#menu-institucional-item-box .nivel-1-box {
    background: #fff;
    position: relative;
    list-style: none;
}

    #menu-institucional-item-box .nivel-1-box .nivel-1-item {
        font-weight: 800;
        font-size: 12px;
        color: #5f5f5f;
        text-transform: uppercase;
        padding: 16px 15px;
    }

#menu-institucional-item-box .nivel-2-box {
    background: #e1e1e1;
}

    #menu-institucional-item-box .nivel-2-box .nivel-2-item {
        font-weight: 400;
        font-size: 12px;
        color: #5f5f5f;
        text-transform: uppercase;
        padding: 12px 15px;
        position: relative;
    }

#menu-institucional-item-box .nivel-3-box {
    background: #c7c7c7;
    padding: 8px 0px;
}

    #menu-institucional-item-box .nivel-3-box .nivel-3-item {
        font-weight: 400;
        font-size: 10.16px;
        color: #666;
        text-transform: uppercase;
        padding: 8px 15px;
    }

#menu-institucional-item-box .nivel-1-box .expand-ico {
    color: #9b9b9b;
}
/***** actions *****/
#menu-institucional-item-box .nivel-3-box .nivel-3-item:hover {
    color: #666;
}
/***** queries *****/
@media (max-width:992px) {
    #menu-institucional .dropdown {
        display: none;
    }
}
/*************** menu busca ***************/
.busca a {
    text-decoration: none;
}

.busca .form-control {
    font-weight: 300;
    color: #f6f6f6;
    border-right: none !important;
    height: 33px;
    -webkit-appearance: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    line-height: 33px;
    height: 33px;
    background: var(--oniz-cinza);
    color: var(--oniz-white)
}

.procura-btn {
    padding: 0px;
    height: 33px;
    background: var(--oniz-cinza);
    color: var(--oniz-white);
    margin-right: 15px;
    border: 1px solid var(--oniz-cinza);
    border-left: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
}

    .procura-btn .glyphicon {
        font-size: 15px;
        color: #6d6f71;
    }

.cadastro-btn {
    margin-top: -49px;
    float: right;
    border: none;
    height: 40px;
    width: auto;
}

.alerta-entrega {
    background-color: rgba(243,111,50,0.2);
    font-size: 14px;
    color: #f36f32;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    display: none;
}

.auto-completa {
    width: 100%;
    background-color: #fff;
    padding-left: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 66px;
}

    .auto-completa li {
        list-style: none;
        padding: 15px;
        border-bottom: 1px solid #ededed;
    }

        .auto-completa li:hover {
            background-color: #f3f3f3;
        }
/*************** menu produtos ***************/
.menu-produtos-box-interno {
    margin-top: 21px;
}

.menu-produtos-box a {
    text-decoration: none;
}

.panel.menu-produtos-item-box {
    margin-bottom: 32px;
    background: transparent
}

.menu-produtos-item-box .panel-body {
    background: transparent;
}

.menu-produtos-item-box .nivel-1-box {
    background: #5f5f5f;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}

    .menu-produtos-item-box .nivel-1-box.nao-ativo {
        background: #5f5f5f;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .menu-produtos-item-box .nivel-1-box .nivel-1-item {
        font-weight: 700;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 15px;
        display: block;
    }

.menu-produtos-item-box .nivel-2-box {
    background: var(--oniz-cinza-md);
    border: 1px solid var(--oniz-cinza-md);
    position: relative;
}

    .menu-produtos-item-box .nivel-2-box:last-of-type {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .menu-produtos-item-box .nivel-2-box.ativo {
        border-radius: 0px;
    }

    .menu-produtos-item-box .nivel-2-box .nivel-2-item {
        font-weight: 700;
        font-size: 12px;
        color: var(--oniz-white);
        text-transform: uppercase;
        padding: 12px 15px;
        display: block;
        width: 85%;
    }

    .menu-produtos-item-box .nivel-2-box .selected {
        background-color: #f36f32;
        color: #FFF;
    }

    .menu-produtos-item-box .nivel-2-box .nivel-2-item:last-child {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.menu-produtos-item-box .collapse .nivel-3-box {
    background: #fff;
    border: 1px solid #efefef;
}

#menu-responsivo .menu-produtos-item-box .collapse .nivel-3-box {
    padding: 0px 0px;
    border: 0.5px solid #c1c1c1;
}

.menu-produtos-item-box .collapse .nivel-3-box.ativo {
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.menu-produtos-item-box .nivel-3-box .nivel-3-item {
    color: #5f5f5f;
    padding: 11px 15px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.menu-produtos-item-box .nivel-3-box a.nivel-3-item.selected:hover {
    color: #fff;
}

/***** expand-icos *****/
.nivel-1-box .expand-ico {
    font-size: 12px;
    color: #fff;
    padding: 14px 14px 14px 14px;
    position: absolute;
    right: 0px;
    top: 50%;
    bottom: auto;
    transform: translate(0%,-50%);
}

.nivel-2-box .expand-ico {
    font-size: 12px;
    color: #9b9b9b;
    padding: 14px 14px 14px 14px;
    position: absolute;
    right: 0px;
    top: 50%;
    bottom: auto;
    transform: translate(0%,-50%);
}

.nivel-3-box .expand-ico {
    font-size: 12px;
    color: #9b9b9b;
    padding: 14px 14px 14px 14px;
    position: absolute;
    right: 0px;
    top: 50%;
    bottom: auto;
    transform: translate(0%,-50%);
}

#menu-responsivo .nivel-1-box .expand-ico {
    font-size: 11px;
}

#menu-responsivo .nivel-2-box .expand-ico {
    font-size: 11px;
}

#menu-institucional-item-box .nivel-2-box .expand-ico {
    font-size: 11px;
}

#menu-institucional .nivel-1-box .expand-ico {
    font-size: 11px;
}
/***** actions *****/
.menu-produtos-item-box .nivel-3-box .nivel-3-item:hover {
    color: #f36f32;
}

.menu-produtos-item-box .nivel-3-box .selected {
    background-color: #f36f32;
    color: #FFF;
    border-bottom: 1px solid #f6f6f6;
}



/*************** main ***************/
.main {
    margin-top: 20px;
}

    .main h1 {
        /*margin-top: 20px;*/
    }

.banner {
    margin-bottom: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.main .alterar-btn {
    background: #5f5f5f;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
    box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
}

    .main .alterar-btn:hover {
        background: #f36f32;
        -webkit-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
        -moz-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
        box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    }

    .main .alterar-btn:focus {
        background: #5f5f5f;
        -webkit-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
        -moz-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
        box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
    }


.main .comprar-btn {
    background: #f36f32;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
}

    .main .comprar-btn:hover {
        background: #5f5f5f;
        -webkit-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
        -moz-box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
        box-shadow: 0px 4px 0px 0px rgba(69, 69, 69, 1);
    }

.main .alterar-btn:focus {
    background: #f36f32;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
    box-shadow: 0px 4px 0px 0px rgba(203, 87, 33, 1);
}


a.avise-btn {
    background: #929292;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
}

    a.avise-btn:hover,
    a.avise-btn:focus {
        background: #929292;
        -webkit-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
        -moz-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
        box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    }

@media (max-width:992px) {
    .main {
        margin-top: 139px;
    }
}




/*************** main contato ***************/
.main.contato textarea {
    min-height: 250px;
}




/*************** main conteudo ***************/
.conteudo .header-box {
    margin-top: 46px;
    margin-bottom: 22px;
}

    .conteudo .header-box h2 {
        font-weight: 700;
        font-size: 24px;
        color: #5f5f5f;
        padding-bottom: 33px;
    }

    .conteudo .header-box h3 {
        font-weight: 700;
        font-size: 20px;
        color: #5f5f5f;
    }

.conteudo h4 {
    font-weight: 700;
    font-size: 16px;
    color: #5f5f5f;
    padding-bottom: 23px;
    margin-bottom: 25px;
    background: url('img/header-bkg.png') left bottom 5px no-repeat;
    text-transform: uppercase;
}

.conteudo strong {
    font-weight: 700;
    color: #9b9b9b;
}

.conteudo em {
    color: #9b9b9b;
    text-transform: italic;
}

.conteudo ul {
    color: #5f5f5f;
    list-style: initial;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.conteudo ol {
    color: #5f5f5f;
    list-style: decimal;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/***** tabela *****/
.conteudo .table-responsive {
    border: 2px solid #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.conteudo .table {
    border: 2px solid #fff;
    margin-bottom: 0px;
}

.conteudo table th {
    color: #e4e4e4;
    background-color: #565656;
    border: 2px solid #fff;
    padding: 16px 26px 16px 26px !important;
    font-weight: normal;
}

.conteudo table td {
    color: #5f5f5f;
    border: 2px solid #fff;
    padding: 16px 26px 16px 26px !important;
}

.conteudo table tr:nth-of-type(even) {
    background-color: #e4e4e4;
}

.conteudo table tr:nth-of-type(odd) {
    background-color: #ececec;
}
/***** tabela com legendas *****/
.conteudo .image-table {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .conteudo .image-table tr:nth-of-type(odd) {
        background-color: #fff !important;
    }

    .conteudo .image-table tr:nth-of-type(even) {
        background-color: #fff !important;
    }

.conteudo .table-no-pad {
    padding: 0px !important;
}

.conteudo .table-label {
    font-size: 16px;
    text-align: center;
}
/***** content side-menu *****/
.conteudo .side-menu {
    margin-top: 59px;
}

    .conteudo .side-menu h5 {
        font-weight: 700;
        color: #5f5f5f;
        padding-bottom: 23px;
        margin-bottom: 25px;
        background: url('img/header-bkg.png') left bottom 5px no-repeat;
        text-transform: uppercase;
    }
    /***** content side-menu items *****/
    .conteudo .side-menu ul {
        padding: 0px 0px 0px 0px;
        list-style: none;
    }

    .conteudo .side-menu > ul > li {
        margin-top: 32px;
    }

        .conteudo .side-menu > ul > li:first-child {
            margin-top: 0px;
        }

        .conteudo .side-menu > ul > li > a {
            color: #5f5f5f;
            text-decoration: none;
        }
            /***** actions *****/
            .conteudo .side-menu > ul > li > a:hover {
                text-decoration: none;
            }

            .conteudo .side-menu > ul > li > a:focus {
                text-decoration: none;
            }
        /***** level 3 *****/
        /***** level 3 parent item *****/
        .conteudo .side-menu > ul > li.level-3.active > a {
            color: #a3a3a3;
            text-decoration: none;
        }
    /***** level 3 well *****/
    .conteudo .side-menu .well {
        min-height: 0px;
        padding: 0px;
        margin-bottom: 0px;
        background-color: #fff;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
        /***** level 3 items *****/
        .conteudo .side-menu .well > li {
            padding: 29px 21px 0px 21px;
        }

            .conteudo .side-menu .well > li > a {
                font-family: 'LeagueSpartan-Bold';
                font-size: 13px;
                color: #2e3192;
                text-decoration: none;
            }
            /***** actions *****/
            .conteudo .side-menu .well > li:hover > a {
                text-decoration: underline;
            }

            .conteudo .side-menu .well > li.active > a {
                color: #6e72dc;
                text-decoration: none;
            }
/***** queries *****/
@media (max-width: 992px) {
    .conteudo .side-menu {
        text-align: center;
    }
}
/***** image gallery *****/
.image-gallery-container {
    margin-top: 25px;
}

    .image-gallery-container .owl-nav {
        text-align: center;
        display: block;
    }

    .image-gallery-container .owl-dots {
        display: none !important;
    }

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    text-align: center;
    margin: 15px 15px 0px 15px;
    display: inline-block;
    width: 17px;
    height: 27px;
    cursor: pointer;
}

.owl-theme .owl-controls .owl-nav [class*=owl-next] {
    background: url('img/right.png')no-repeat center center !important;
    color: transparent !important;
}

.owl-theme .owl-controls .owl-nav [class*=owl-prev] {
    background: url('img/left.png')no-repeat center center !important;
    color: transparent !important;
}
/***** video gallery *****/
.video-gallery {
    margin-top: 25px;
}

    .video-gallery ul {
        padding: 0px !important;
    }

        .video-gallery ul li {
            display: inline-block;
            list-style: none;
        }

.fancybox-title {
    font-family: 'futura_mdmedium';
    font-weight: none;
}
/***** audio gallery *****/
.audio-gallery {
    margin-top: 25px;
}

    .audio-gallery .attribution {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .audio-gallery span {
        font-family: 'futura_mdmedium';
        font-size: 14px;
        color: #949494;
    }




/*************** galeria de detalhe de produto �nica ***************/
.detalhe-produto-image-gallery {
    margin-top: 12px;
}

.detalhe-produto-gallery .owl-dots {
    display: none !important;
}

.detalhe-produto-main-image {
    margin: 0 auto;
}

.detalhe-produto-gallery .owl-carousel .owl-item img {
    margin: 0 auto;
    max-width: 50px;
}

.detalhe-produto-gallery .owl-carousel .owl-stage {
    margin: 0 auto;
}





/*************** produtos ***************/
.produto-box {
    height: 570px;
    border: 1px solid #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    margin-bottom: 45px;
    max-width: 300px;
    position: relative;
    background: var(--oniz-white)
}

    .produto-box.nao-logado {
        height: 335px;
        padding-left: 45px;
        padding-right: 45px;
        margin-left: auto;
        margin-right: auto;
    }

        .produto-box.nao-logado .vertical-center-box {
            margin: 0 auto;
        }

        .produto-box.nao-logado .vertical-center {
            height: 335px;
        }

        .produto-box.nao-logado img {
            margin: 0 auto;
        }

        .produto-box.nao-logado .header {
            margin-top: 30px;
            text-align: center;
            line-height: 15px;
        }

    .produto-box a {
        text-decoration: none;
    }

    .produto-box:hover {
        border: 1px solid #f36f32;
    }

@media (max-width: 1200px) {
    .produto-box:hover {
        border: 1px solid #efefef;
    }
}

@media (max-width: 830px) {
    .produto-box {
        height: 525px;
    }
}
/***** produto-img-box *****/
.produto-img-box .all-center {
    height: 225px;
}

.produto-box .produto-img-box .all-center {
    height: 175px;
}

.produto-box.no-hover .produto-img-box .all-center {
    height: 225px;
}

@media (max-width: 1200px) {
    .produto-box .produto-img-box .all-center {
        height: 225px;
    }
}

.produto-img-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .produto-img-box .vertical-center {
        height: 100px;
    }

    .produto-img-box img {
        max-height: 175px;
    }

.produto-box .produto-img-box img {
    max-height: 125px;
}

.produto-box.no-hover .produto-img-box img {
    max-height: 175px;
}

@media (max-width: 1200px) {
    .produto-img-box img {
        max-height: 125px;
    }

    .produto-box .produto-img-box img {
        max-height: 125px;
    }

    .produto-box.no-hover .produto-img-box img {
        max-height: 125px;
    }
}

.tag {
    position: absolute;
    top: -25px;
    right: 30px;
}
/***** produto-descricao-box *****/
.produto-descricao-box {
    padding: 0px 30px 20px 30px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

@media (max-width: 992px) {
    .produto-descricao-box {
        padding: 0px 15px 20px 15px;
    }
}

@media (max-width: 768px) {
    .produto-descricao-box {
        padding: 0px 30px 20px 30px;
        position: relative;
    }

    .produto-quantidade {
        height: auto;
    }
}
/***** produto-descricao *****/
.produto-descricao {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}

    .produto-descricao .header {
        color: #373832;
        text-align: center;
        line-height: 15px;
    }


/***** informa��es no hover *****/
.info-hover {
    display: none;
}

@media (max-width: 1200px) {
    .info-hover {
        display: block;
    }
}


/***** produto-quantidade *****/
.produto-quantidade {
    height: 218px;
}

    .produto-quantidade .form-group {
        padding: 6px 0px;
        border-bottom: 1px solid #ececec;
        display: block;
        margin-bottom: 0px;
        vertical-align: middle;
    }

    .produto-quantidade .form-control {
        text-align: center;
        width: 64px;
        height: 32px;
    }

    .produto-quantidade label {
        font-weight: 700 !important;
        margin-top: 4px;
    }

    .produto-quantidade .content {
        text-transform: none;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 3px;
        font-weight: 700 !important;
    }

        .produto-quantidade .content.cx {
            margin-right: 19px;
        }

    .produto-quantidade .unidade-small {
        font-weight: 300;
        font-size: 11px;
        color: #9b9b9b;
        margin-left: 15px;
    }

    .produto-quantidade input[type=radio] {
        position: relative;
        top: 2px;
    }
/***** produto-valor-box *****/
.produto-valor-box {
    padding-top: 47px;
}

.produto-box .produto-valor-box {
    padding-top: 0px;
}

.produto-valor-box .vertical-center-box {
    height: 50px;
}

.produto-box .produto-valor {
    margin: 40px 0px;
}

.produto-box .produto-valor {
    margin: 12px 0px;
}

.produto-box .codigo {
    font-size: 11px;
    text-transform: none;
}

.produto-box .info-hover {
    display: block;
}

@media (max-width:1200px) {
    .produto-box .produto-valor {
        margin: 12px 0px;
    }
}

.produto-valor-box .de {
    font-weight: 700;
}

.produto-valor-box .valor {
    font-weight: 700;
    font-size: 18px;
    color: #f36f32;
    line-height: 17px;
}

    .produto-valor-box .valor span {
        font-size: 31px;
    }

    .produto-valor-box .valor.promocao span {
        font-size: 18px;
    }

.produto-valor-box .unidade {
    font-weight: 300;
    color: #9b9b9b;
    font-size: 15px !important;
    margin-left: 5px;
}





/*************** produtos-listagem ***************/

@media (max-width:768px) {
    .off {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:528px) {
    .off .col-sm-11.col-xs-10.col-xxs-12.col-2 {
        text-align: center;
    }
}

.produtos-listagem {
    margin-bottom: 45px;
}

    .produtos-listagem .table-responsive table {
        border: 1px solid #efefef;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
        -moz-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
        box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
        margin-bottom: 10px;
    }

        .produtos-listagem .table-responsive table:hover {
            border: 1px solid #f36f32;
            border-left: 10px solid #f36f32;
        }

    .produtos-listagem .form-control {
        text-align: center;
        width: 65px;
        height: 31px;
        border-radius: 2px;
        box-shadow: none;
    }

    .produtos-listagem .form-inline .content.unid {
        padding-left: 20px;
        text-transform: none;
    }

    .produtos-listagem .form-inline .content.cx {
        padding-left: 16px;
        text-transform: none;
    }

    .produtos-listagem .unidade-small {
        font-weight: 300;
        font-size: 13px;
        color: #9b9b9b;
        margin-left: 15px;
    }

    .produtos-listagem .de {
        font-weight: 700;
    }

    .produtos-listagem .valor {
        font-weight: 700;
        font-size: 12px;
        color: #f36f32;
        line-height: 17px;
    }

        .produtos-listagem .valor span {
            font-size: 24px;
        }

    .produtos-listagem .col-1 {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .produtos-listagem .table-responsive table:hover .col-1 {
        padding-left: 6px !important;
    }

    .produtos-listagem .col-1 img {
        width: auto;
        margin-left: 0px;
        /*max-width:85px;*/
        max-width: 100%;
    }

    .produtos-listagem .col-2 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .produtos-listagem .col-3 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .produtos-listagem .col-3 ul li {
            display: inline-block;
            margin-right: 15px;
        }

            .produtos-listagem .col-3 ul li:last-child {
                margin-right: 0px;
            }

    .produtos-listagem .col-4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .produtos-listagem .col-5 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .produtos-listagem .col-6 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.borda-listagem {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .borda-listagem:hover {
        border: 1px solid #f36f32;
        border-left: 10px solid #f36f32;
        padding-left: 6px;
    }

@media (max-width: 1200px) {
    .borda-listagem:hover {
        border: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding-left: 15px;
    }
}

.form-inline-ul li {
    display: inline-block;
}

.form-inline-ul .content {
    display: inline-block;
}

.form-inline-ul input {
    display: inline-block;
}

@media (max-width: 1440px) {
    .produtos-listagem .valor {
        /*text-align: center;*/
    }
}

@media (max-width: 1200px) {
    .col-p-1 {
        border-bottom: 1px solid #ccc;
    }
}

@media (max-width: 406px) {
    .produtos-listagem .col-3 ul li {
        margin-right: 0px;
    }
}
/*************** loja-breadcrumb ***************/
.loja-breadcrumb h1 {
    margin-bottom: 0px;
    font-size: 14px;
}

.loja-breadcrumb .content {
    text-transform: none;
}

.loja-breadcrumb .active {
    color: #f36f32;
}

    .loja-breadcrumb .active:hover {
        color: #f36f32;
    }

.loja-breadcrumb li {
    display: inline-block;
    padding-right: 20px;
    padding-left: 10px;
    background: url('img/bread-arrow.png') right bottom 5px no-repeat;
}



/*************** detalhe-produto ***************/
.fornecedores-header {
    background: url('img/header-bar.png') 228px center no-repeat;
}

.produtos_listagem_titulo .produtos-destaque-header {
    background: none !important;
}

.produtos-destaque-header {
    background: url('img/header-bar.png') 358px center no-repeat;
    position: relative;
}

    .produtos-destaque-header a {
        display: inline-block;
    }

.troca-bkg {
    width: auto;
    height: auto;
    text-align: center;
}

@media (max-width: 528px) {
    .produtos-destaque-header {
        margin-bottom: 85px !important;
    }

    .troca-bkg {
        width: auto;
        height: auto;
        text-align: center;
    }
}

.produtos-destaque-header .lista {
    background: url('img/lista.png') center right no-repeat;
    padding-left: 26px;
    padding-top: 27px;
    cursor: pointer;
}

    .produtos-destaque-header .lista.ativo {
        background: url('img/lista-ativo.png') center right no-repeat;
    }

.produtos-destaque-header .listagem {
    background: url('img/listagem.png') center right no-repeat;
    padding-left: 28px;
    padding-top: 27px;
    cursor: pointer;
}

    .produtos-destaque-header .listagem.ativo {
        background: url('img/listagem-ativo.png') center right no-repeat;
    }

.produtos-destaque-header .rapida {
    background: url('img/lista-rapida.png') center right no-repeat;
    padding-left: 26px;
    padding-top: 27px;
    cursor: pointer;
}

    .produtos-destaque-header .rapida.ativo {
        background: url('img/lista-rapida-ativo.png') center right no-repeat;
    }

.compra-box {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #ece9e2;
}

    .compra-box:nth-of-type(1) {
        border-top: 3px solid #ece9e2;
    }

    .compra-box .form-control {
        text-align: center;
        width: 100%;
        max-width: 60px;
        height: 35px;
    }

.detalhe-box h1 {
    font-size: 23px;
    color: #5f5f5f;
    padding-bottom: 20px;
    margin-bottom: 10px;
    background: url('img/header-bkg.png') left bottom 5px no-repeat;
}

.detalhe-box .content {
    /*margin-bottom: 10px;*/
    margin-top: 7px;
}

.detalhe-box .codigo {
    text-transform: none;
}

.detalhe-box-under {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 3px solid #ece9e2;
}

    .detalhe-box-under .left,
    .detalhe-box-under .right {
        margin-bottom: 30px;
    }

    .detalhe-box-under h2 {
        font-weight: 700;
        font-size: 16px;
        color: #f36f32;
        text-transform: uppercase;
        padding-bottom: 20px;
        margin-bottom: 10px;
        background: url('img/header-bkg2.png') left bottom 5px no-repeat;
    }

    .detalhe-box-under h3 {
        font-weight: 700;
        font-size: 16px;
        color: #9b9b9b;
        padding-bottom: 20px;
        margin-bottom: 10px;
        background: url('img/header-bkg2.png') left bottom 5px no-repeat;
    }

.detalhe-box .de span {
    text-decoration: line-through;
}

.detalhe-box .valorProd {
    margin-bottom: 10px;
    font-weight: 700;
}

.detalhe-box .complementos {
    display: table;
    margin-bottom: 20px;
}

    .detalhe-box .complementos .complitem {
        float: left;
        margin-right: 10px;
        border: solid 1px #f36f32;
        padding: 10px;
    }

        .detalhe-box .complementos .complitem.ativo {
            background-color: #f36f32;
        }

.detalhe-box .por {
    font-weight: 800;
    font-size: 26px;
    color: #f36f32;
    margin-top: -20px;
    margin-bottom: 0px;
}

    .detalhe-box .por span {
        font-size: 37px;
    }

    .detalhe-box .por .unid {
        font-weight: 700;
        font-size: 14px;
    }

.detalhe-box .info p {
    margin-bottom: 10px;
}

.efetuar-login .header {
    text-decoration: underline;
}

    .efetuar-login .header:hover {
        text-decoration: underline;
    }

.compra-box .content {
    text-transform: none;
    margin-left: 15px;
    margin-right: 5px;
}

.compra-box input[type=radio] {
    margin-left: 15px;
    position: relative;
    top: 2px;
}

.detalhe-compra-btn-pos {
    margin-top: 20px;
}

a.detalhe-compra-btn {
    padding: 12px 50px;
}

.detalhe-compra-btn span {
    background: url('img/carrinho-btn-bkg.png') left center no-repeat;
    padding-left: 30px;
}

.detalhe-compra-btn.avise-btn span {
    background: none;
    padding-left: 0px;
}

a.detalhe-compra-btn.avise-btn {
    background: #929292;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
}

    a.detalhe-compra-btn.avise-btn:hover,
    a.detalhe-compra-btn.avise-btn:focus {
        background: #929292;
        -webkit-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
        -moz-box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
        box-shadow: 0px 4px 0px 0px rgba(123, 123, 123, 1);
    }

.produto-social {
    margin-top: 20px;
    margin-bottom: 20px;
}

.documento-download {
    color: #f36f32;
    background: url('img/documento.png') left center no-repeat;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
}

    .documento-download:hover {
        color: #f36f32 !important;
    }

.similares-box {
    height: 101px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #efefef;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
    box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
}

    .similares-box .vertical-center-box {
        height: 101px;
    }

.produto-imagem-similares {
    width: 77px;
    height: auto;
}

.similares-box .media-body .vertical-center-box {
    height: 101px;
}

.similares-box .media-body .content {
    color: #f36f32;
}

.tag-detalhe {
    position: absolute;
    right: 10%;
}

.tag-index {
    position: absolute;
    right: 30px;
}

.tag-index-lista {
    position: relative;
    top: -13px;
    left: -15px;
}

@media (max-width: 1200px) {
    .compra-box .content {
        text-transform: none;
        margin-left: 5px;
        margin-right: 5px;
    }

    .compra-box input[type=radio] {
        margin-left: 5px;
    }
}





/*************** slider ***************/
.slider {
    margin-top: 21px;
}
    /***** slider controls *****/
    .slider .carousel-control.left {
        background-image: none !important;
    }

    .slider .carousel-control.right {
        background-image: none !important;
    }

    .slider .carousel-indicators-pos {
        position: relative;
    }

    .slider .carousel-indicators {
        z-index: 15;
        padding-left: 0;
        text-align: right;
        list-style: none;
        position: absolute;
        margin-left: 0;
        width: 100%;
        bottom: 15px;
        right: 0;
        left: 0;
        cursor: pointer;
    }

        .slider .carousel-indicators li {
            display: inline-block;
            width: 27px;
            height: 27px;
            margin: 0;
            background-color: #fff;
            border: none;
            border-radius: 20px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .slider .carousel-indicators .active {
            width: 27px;
            height: 27px;
            margin: 0;
            border: none;
            background-color: #f36f32;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
/***** queries *****/
@media (max-width:1440px) {
    .slider .carousel-indicators li {
        width: 15px;
        height: 15px;
    }

    .slider .carousel-indicators .active {
        width: 15px;
        height: 15px;
    }
}

@media (max-width:1200px) {
    .slider .carousel-indicators {
        bottom: 0px;
    }
}





/*************** safari only ***************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .procura-btn {
        padding: 0px 0px 0px 0px;
        height: 34px;
    }
}





/*************** footer ***************/
.footer-superior {
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-top: 10px;
}

    .footer-superior ul {
        padding-bottom: 10px;
    }

        .footer-superior ul .header {
            margin-bottom: 25px;
        }

        .footer-superior ul .content {
            margin-bottom: 15px;
        }

            .footer-superior ul .content a {
                font-weight: 300;
                color: #5f5f5f;
                text-transform: none;
                text-decoration: none;
            }

.footer-inferior {
    background: #646464;
    padding-top: 45px;
    padding-bottom: 22px;
}

    .footer-inferior .col-sm-4 {
        padding-bottom: 15px;
    }

    .footer-inferior .header {
        color: #fff;
        text-transform: none;
    }

    .footer-inferior .content {
        font-weight: 300;
        color: #fff;
        text-transform: none;
    }

    .footer-inferior .aviso {
        color: #fff;
        text-align: center;
        font-size: 10px;
    }

.logo-footer {
    padding-top: 30px;
}

.atendimento-footer {
    padding-top: 30px;
    padding-bottom: 10px;
}

.social {
    padding-top: 60px;
}

    .social li {
        display: inline-block;
    }

.axys {
    padding-top: 60px;
}

    .axys li {
        display: inline-block;
    }

    .axys .header {
        font-weight: 300;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        margin-right: 15px;
    }
/***** queries *****/
@media (max-width:768px) {
    .footer-inferior {
        text-align: center;
    }

    .axys {
        padding-top: 15px;
    }

    .social {
        padding-top: 15px;
    }

    .logo-footer {
        padding-top: 15px;
    }

    .atendimento-footer {
        padding-top: 15px;
    }
}

@media (max-width:528px) {
    .footer-superior {
        text-align: center;
    }

        .footer-superior ul {
            padding-bottom: 15px;
        }

            .footer-superior ul .header {
                margin-bottom: 15px;
            }
}



/*************** fornecedores-slider ***************/
.fornecedores-slider {
    margin-bottom: 50px;
}

.owl-controls {
    margin-top: 15px;
}

.owl-dots {
    text-align: center;
}

.owl-theme .owl-dots .owl-dot {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
}

    .owl-theme .owl-dots .owl-dot span {
        display: block;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: url('img/active.png')no-repeat center center !important;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 20px !important;
        height: 20px !important;
        background: url('img/normal.png')no-repeat center center !important;
    }





/*************** modais ***************/
.modal .checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 6px;
}

#esqueci-senha-modal p {
    margin-bottom: 30px;
}

#esqueci-senha-modal .form-control {
    margin-bottom: 30px;
}

#alterar-endereco-entrega-modal .col-md-4.col-xs-6.col-xxs-12 {
    margin-bottom: 15px;
}

#alterar-endereco-entrega-modal .btn {
    margin-top: 15px;
}

#alterar-endereco-entrega-modal .header {
    color: #f36f32;
    margin-bottom: 5px;
}

#avise-modal p {
    margin-bottom: 30px;
}

.modal .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 2px solid #eaeaea;
}




/*************** main busca ***************/
.produtos-destaque-header.busca {
    background: url('img/header-bar.png') 331px center no-repeat;
    position: relative;
}

.sem-resultado {
    margin-top: 100px;
    margin-bottom: 100px;
}

    .sem-resultado h1 {
        color: #f36f32;
        margin-bottom: 20px;
    }

.resultado-box h2 {
    font-weight: 700;
    font-size: 24px;
    color: #9b9b9b;
    margin-bottom: 25px;
}

    .resultado-box h2 span {
        color: #f36f32;
    }




/*************** main erro ***************/
.erro-box {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}




/***** paginador *****/
.paginador {
    margin-bottom: 25px;
    /*width: 310px;*/
    float: right;
}

    .paginador li {
        display: inline-block;
        padding-right: 1px;
    }

    .paginador .texto {
        font-weight: 700;
        font-size: 14px;
        color: #a3a4a4;
        padding-right: 5px;
    }

    .paginador .texto-2 {
        font-weight: 700;
        font-size: 14px;
        color: #a3a4a4;
        padding-left: 5px;
    }

.paginador-input {
    font-weight: 700;
    font-size: 14px;
    color: #646464;
    width: 49px;
    height: 35px;
    border: 1px solid #e8e8e8;
    padding: 6px 7px;
    position: relative;
    top: 1px;
    background: var(--oniz-white)
}

.paginador .btn {
    width: 29px;
    height: 35px;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    padding: 0px;
}

.paginador .glyphicon {
    color: #f36f32;
    top: 8px;
}

.paginador .left {
    left: 3px;
}

.paginador .right {
    right: 7px;
}

@media (max-width: 528px) {
    ul.paginador {
        float: left !important;
        margin-left: auto;
        margin-right: auto;
    }
}


/***** toast *****/
#toast-container {
    top: 40%;
}

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 25%;
        margin-bottom: 10px;
    }

@media (max-width: 1200px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 35%;
    }
}

@media (max-width: 992px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 45%;
    }
}

@media (max-width: 768px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 55%;
    }
}

@media (max-width: 528px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 85%;
    }
}

.toast-title {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.toast-message {
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
    padding-right: 30px;
    padding-top: 5px;
}

#toast-container > .toast-error {
    background-position: 27px !important;
}

#toast-container > .toast-error {
    background-position: 27px !important;
}

#toast-container > .toast-success {
    background-position: 27px !important;
}

#toast-container > div {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 35px 15px 35px 75px !important;
}

@media (max-width: 528px) {
    #toast-container > div {
        padding: 20px 15px 20px 59px !important;
    }
}

.toast-close-button {
    top: -1.9em;
}

@media (max-width: 480px) and (min-width: 241px) {
    #toast-container .toast-close-button {
        top: -0.9em;
    }
}

.img-responsive.img-ckeditor {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
}

.status-historico {
    text-align: center;
}

    .status-historico .linha {
        width: auto;
        display: inline-block;
    }

        .status-historico .linha .item-status .col-md-2 {
            width: 96px;
            font-size: 11px;
            text-align: center;
            padding: 2px;
            float: left;
        }

@media (max-width: 590px) {
    .status-historico .linha .item-status .col-md-2 {
        float: none;
    }

    .status-historico .linha .img {
        display: none;
    }

    .status-historico {
        display: none;
    }
}
/***** mudan�as no layout *****/
.center {
    text-align: center;
}

@media (max-width: 992px) {
    .item-box .vertical-center-box {
        display: table;
        margin: auto;
    }
}

.iss {
    background: url('img/isso.png') right center no-repeat;
    padding-right: 28px;
}

    .iss.desktop {
        display: block;
        max-width: 150px;
    }

    .iss.mobile {
        display: none;
        max-width: 150px;
    }

@media (max-width: 528px) {
    .iss.desktop {
        display: none;
    }

    .iss.mobile {
        display: block;
    }
}

.level-4-box span {
    float: right;
    font-size: 15px;
}

.level-4-box .nivel-3-item {
    padding-left: 30px;
}

li.nivel-4 {
    padding-left: 35px;
}

    li.nivel-4 a {
        display: block;
        color: #5f5f5f;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        li.nivel-4 a:hover,
        li.nivel-4 a:focus {
            color: #f36f32;
        }

.off .codigo {
    font-size: 11px;
    text-transform: none;
}

.form-inline-ul {
    display: inline-block;
}

    .form-inline-ul.next li {
        display: table-cell;
    }

ul.form-inline-ul.next {
    position: relative;
    top: 11px;
    left: 16px;
}

.form-inline-ul.next input {
    display: inline-block;
    position: relative;
    top: 3px;
}

.form-inline-ul.next label {
    margin-right: 10px;
}

@media (max-width: 600px) {
    ul.form-inline-ul.next {
        display: block;
        top: 0px;
    }
}

li.level-4-box {
    position: relative;
}

.level-4-box.selected .expand-ico {
    color: #fff !important;
}

.borda-listagem .comprar-btn {
    max-width: 221px;
    margin-left: auto;
    margin-right: auto;
}

.level-4-box.selected a.nivel-3-item {
    color: #fff !important;
}

.nivel-4.selected a {
    color: #fff !important;
}

.selo img {
    width: 166px;
    height: 38px;
}

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    height: 100% !important;
    -webkit-overflow-scrolling: touch !important;
}
/*Troca forma de ordenação*/

.ordenar-Produtos {
    text-align: left;
}

    .ordenar-Produtos select {
        border: 1px solid #e8e8e8;
        padding: 6px 7px;
        color: #5f5f5f;
        font-size: 16px;
        font-weight: 600;
        outline: none;
    }
/*PRODUTOS PROMOCIONAIS TELA DETALHE*/


.produto-procional {
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 10px;
    border-left: 10px solid #f36f32;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
    box-shadow: 0px 4px 0px 0px rgba(245, 245, 244, 1);
}

    .produto-procional ul {
        color: #5f5f5f;
        line-height: 29px;
        padding: 0px 0px 0px 35px;
        margin: 0px 0px 10px 0px;
        list-style: initial;
    }

    .produto-procional a:hover, .produto-procional a:focus {
        color: #f36f32;
        text-decoration: underline;
    }

    .produto-procional h3 {
        font-weight: 700;
        font-size: 16px;
        color: #9b9b9b;
        padding-bottom: 20px;
        margin-bottom: 10px;
        background: url(img/header-bkg2.png) left bottom 5px no-repeat;
    }

.title-box {
    padding: 15px 0px 0px 15px;
}


.produto-procional ul li a {
    font-weight: 700;
    color: #5f5f5f;
    text-transform: uppercase;
    font-size: 14px;
}

.listaPromocao {
    padding-top: 15px;
    padding-bottom: 15px;
}

.promocao-box {
    margin: 10px 0px 10px 0px;
}

.promocoes-header {
    background: url(img/header-bar.png) 228px center no-repeat;
}

#promocaoFornecedores .promocoes-header {
    background: url(img/header-bar.png) 228px center no-repeat;
}

.promocaoFornecedores {
    margin-bottom: 35px;
}

.PromocaoDetalhe {
}

    .PromocaoDetalhe h2 {
        margin-left: 14px;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .PromocaoDetalhe .mensagens {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        padding: 15px;
        font-weight: bold;
    }

        .PromocaoDetalhe .mensagens p {
            color: red
        }

#itens-promocaoBanner .produto-box-promocao {
    border: 1px solid #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    box-shadow: 3px 3px 0px 0px rgba(245, 245, 244, 1);
    margin-bottom: 45px;
    position: relative;
}

#resultato-promocao .produto-box .vertical-center-box {
    margin: 0 auto;
}

.homeSlideBanner .owl-carousel .owl-item {
    padding-right: 0px;
}

.homeSlideBanner .owl-dots {
    text-align: right;
}
/*Ordenar Produto*/
.ordenar_produto {
    background: #f36f32;
    margin: 10px 0px 20px 0px;
    border-radius: 5px;
    display: block;
    float: inherit;
    width: 100%;
}

.block-inline {
    margin-left: 30px;
    z-index: 1;
    margin-top: 8px;
    margin-bottom: 14px;
    max-height: 58px;
    display: inline-block;
    float: left
}

    .block-inline select {
        width: 100%;
        border: 0px;
        border-radius: 5px;
        height: 24px;
        max-height: 24px;
        font-size: 14px;
        color: #5f5f5f;
    }

    .block-inline label {
        color: #fff;
        font-size: 15px;
        font-weight: normal;
    }

.title_busca {
    float: left;
}

    .title_busca p {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 17px;
        font-weight: 700;
    }

.produtos-destaque-header p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

@media(max-width:992px) {
    .block-inline {
        float: none;
    }
}
/*Boão de quantidade*/
.qtd-box {
    margin-bottom: -20px;
    vertical-align: middle;
}

    .qtd-box input {
        float: left;
        margin: 0px 4px;
        padding: 0px 0px
    }

.produto-quantidade label .unidade-input {
    float: left;
    height: 30.6px;
    margin: 0px 3px;
    border-radius: 3px;
}

.compra-box .content.qtd-unid {
    float: left;
}

.compra-box .detalhe-unidade-input {
    border-radius: 3px;
    float: left;
    height: 31px;
    margin: 0px 3px;
    box-shadow: none;
}

.form-group label .btn-qtd-padrao span {
    font-size: 9px !important;
    color: #fff !important;
}

.btn-qtd-padrao {
    width: 26px;
    height: 31px;
    background: #f36f32;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-size: 9px;
    float: left;
    margin: 0px 2px;
}

.quantidade_box_produto {
    display: inline-block;
}

    .quantidade_box_produto .form-control {
        float: left;
    }

@media(max-width:412px) {
    label .qtd-box {
        padding-left: 16px;
    }
}
/*Topo mobile*/
.menu-loja-ul a.formapagamento {
    float: left;
}

.menu-loja-ul .opcao-pagamento .form-control {
    font-weight: 700;
    font-size: 12px;
    height: 45px;
    box-shadow: none;
    border-left: 0px;
    background: #484848;
    border-radius: 0px;
    color: #fff;
    max-width: 191px;
}

.menu-loja-ul .opcao-pagamento {
    float: left;
}

@media (max-width:992px) {
    .col-adicional-flutuante {
        display: none;
    }

    .menu-loja-ul a.formapagamento {
        float: left;
    }

    .menu-loja-ul .opcao-pagamento {
        float: left;
    }

    .menu-loja-ul .form-control,
    .opcao-pagamento-topo .form-control {
        font-weight: 700;
        font-size: 12px;
        height: 45px;
        box-shadow: none;
        border-left: 0px;
        background: #484848;
        border-radius: 0px;
        color: #fff;
    }

    #menu-flutuante-box .menu-busca-responsivo-topo-mobile {
        margin-bottom: 7px;
        margin-top: 7px;
    }
}

@media(max-width:992px) {
    .opcao-pagamento {
        display: none;
    }

    .opcao-pagamento-topo, .opcao-pagamento {
        position: absolute;
        z-index: 99;
        width: 95%;
    }

    .logo-box-flutuante .vertical-center {
        height: 46px;
    }
}

@media(max-width:768px) {
    .logo {
        width: 114px;
    }

    .logo-box-flutuante {
        margin-top: 7px;
    }

    #menu-flutuante-box .menu-loja-ul {
        margin-top: 9px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    #menu-flutuante-box .menu-loja-ul {
        margin-top: 22px;
    }

    .opcao-pagamento-topo, .opcao-pagamento {
        width: 97% !important;
    }
}

@media(min-width:992px) {
    .menu-loja-ul a.formapagamento {
        margin-right: -2px;
    }
}

/*Desconto promoção*/
p.produto_promocao_titulo {
    color: #5f5f5f;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

@media(min-width:768px) {
    .div_desconto {
        text-align: center;
        padding: 17px 10px;
        background: #f36f32;
        width: 90%;
    }

    .div_desconto_titulo {
        color: #5f5f5f;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }

    .div_desconto_porcentagem {
        color: #fff;
        font-size: 25px;
    }
}

@media(max-width:768px) {
    .borda-listagem .comprar-btn {
        max-width: 80%;
    }

    .borda-listagem .btn_indisponivel {
        text-align: center;
    }

    .borda-listagem a.avise-btn {
        width: 80%;
    }

    .borda-listagem .alterar-btn {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .borda-listagem .produto-opcao-info {
        text-align: center;
    }

    .div_desconto {
        text-align: center;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid #ddd;
    }

    .div_desconto_titulo {
        color: #5f5f5f;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }

    .div_desconto_porcentagem {
        color: #f36f32;
        font-size: 25px;
    }
}

@media(min-width:1200px) {
    .produtos-listagem .col-4,
    .produtos-listagem .col-5 {
        padding-left: 0px;
    }

    .borda-listagem a.avise-btn {
        padding: 12px 6px;
    }
}

.borda-listagem .quantidade_box_produto {
    position: relative;
    bottom: -10px;
}

@media(max-width:568px) {
    .borda-listagem .quantidade_box_produto {
        margin-bottom: 5px;
    }

    .produto-promocao-listagem .quantidade_box_produto {
        top: -5px !important;
    }
}

.produto-promocao-listagem .quantidade_box_produto {
    position: relative;
    top: -10px;
    bottom: auto !important;
}

.off .codigo.cx {
    margin-top: 5px;
}

.vertical-center-col-img {
    width: 100%;
}
/*Nova promocao*/
ul.unidade__desconto li {
    width: 115px;
}

.unidade__desconto__on {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 11px;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
}

    .unidade__desconto__on p.min__max {
        color: #cfcfcf;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .unidade__desconto__on p.min__max span {
            padding-left: 5px;
        }

    .unidade__desconto__on p.unidade {
        color: #cfcfcf;
        font-size: 30px;
        font-weight: 700;
        line-height: 38px;
    }

    .unidade__desconto__on p.texto {
        color: #cfcfcf;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .unidade__desconto__on .icon__01 {
        position: absolute;
        top: -3px;
        left: -9px;
    }

.unidade__desconto__off {
    border-radius: 4px;
    background-color: #d2d2d2;
    padding: 11px;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    white-space:nowrap;
}

    .unidade__desconto__off p.min__max {
        color: #5f5f5f;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .unidade__desconto__off p.min__max span {
            padding-left: 5px;
        }

    .unidade__desconto__off p.unidade {
        color: #5f5f5f;
        font-size: 30px;
        font-weight: 700;
        line-height: 38px;
    }

    .unidade__desconto__off p.texto {
        color: #5f5f5f;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .unidade__desconto__off .icon__01 {
        position: absolute;
        top: -3px;
        left: -9px;
        cursor: pointer;
    }

.unidade__desconto__obrigatorio .obrigatorio {
    padding: 5px;
    border-radius: 3px;
    background-color: #f36f32;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.desconto__porcentagem {
    margin-bottom: 20px;
}

    .desconto__porcentagem p.titulo {
        border-radius: 3px;
        background-color: #5f5f5f;
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        padding: 4px;
    }

    .desconto__porcentagem ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 4px;
    }

        .desconto__porcentagem ul li {
            background-color: #cbcbcb;
            position: relative;
        }

            .desconto__porcentagem ul li p {
                color: #595959;
                font-size: 20px;
                font-weight: 600;
                line-height: 14px;
                padding: 30px 16px;
                text-align: center;
            }

            .desconto__porcentagem ul li .fa {
                position: absolute;
                right: -7px;
                top: 37%;
                z-index: 9;
                color: #ffffff;
                font-size: 19px;
                font-weight: 100;
            }

.desconto__porcentagem--umItem ul li {
    width: 100%;
}

    .desconto__porcentagem--umItem ul li p {
        font-size: 34px;
        font-weight: 600;
    }

.desconto__porcentagem--doisItens ul li {
    width: 50%;
}

    .desconto__porcentagem--doisItens ul li p {
        font-size: 20px;
        font-weight: 600;
    }


.desconto__porcentagem p.titulo.active {
    background-color: #f36f32;
    border-radius: 0px;
}

.desconto__porcentagem--umItem ul li.active {
    background-color: #f36f32;
}

    .desconto__porcentagem--umItem ul li.active p {
        color: #fff;
    }

    .desconto__porcentagem--umItem ul li.active img {
        position: absolute;
        top: 34%;
        z-index: 9;
        right: -13px;
    }

.desconto__porcentagem--doisItens ul li.active {
    background-color: #f36f32;
}

    .desconto__porcentagem--doisItens ul li.active p {
        color: #fff;
    }

    .desconto__porcentagem--doisItens ul li.active img {
        position: absolute;
        top: 34%;
        z-index: 9;
        left: -13px;
    }

.desconto__porcentagem--tresItens ul li {
    width: 33.33%;
}

    .desconto__porcentagem--tresItens ul li.active {
        background-color: #f36f32;
    }

        .desconto__porcentagem--tresItens ul li.active p {
            color: #fff;
        }

        .desconto__porcentagem--tresItens ul li.active img {
            position: absolute;
            top: 34%;
            z-index: 9;
            left: -13px;
        }

    .desconto__porcentagem--tresItens ul li.active__todos {
        background-color: #f36f32;
    }

        .desconto__porcentagem--tresItens ul li.active__todos p {
            color: #fff;
        }

        .desconto__porcentagem--tresItens ul li.active__todos img {
            position: absolute;
            top: 34%;
            z-index: 9;
            right: -13px;
        }

.desconto__porcentagem--doisItens ul li.active__todos {
    background-color: #f36f32;
}

    .desconto__porcentagem--doisItens ul li.active__todos p {
        color: #fff;
    }

    .desconto__porcentagem--doisItens ul li.active__todos img {
        position: absolute;
        top: 34%;
        z-index: 9;
        right: -13px;
    }

.desconto__informacao {
    margin: 10px 0px;
}

    .desconto__informacao p {
        color: #5f5f5f;
        font-size: 10px;
        font-weight: 600;
        padding-bottom: 3px;
    }

@media(min-width:1200px) and (max-width:1400px) {
    ul.unidade__desconto li {
        width: 95px;
    }

    .desconto__porcentagem ul li .fa {
        right: -6px;
        top: 42%;
        font-size: 12px;
    }

    .desconto__porcentagem ul li p {
        padding: 30px 0px;
    }
}

@media(max-width:1200px) {
    ul.unidade__desconto li {
        width: 100%;
    }
}

/*Concluido*/
.desconto__concluido {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

    .desconto__concluido p.parabens {
        background: url(img/promocao__icon.png) no-repeat center left;
        padding-left: 45px;
        color: #5f5f5f;
        font-size: 36px;
        font-weight: 700;
    }

    .desconto__concluido p {
        color: #5f5f5f;
        font-size: 16px;
        font-weight: 400;
    }

        .desconto__concluido p span {
            color: #3ca81f;
            font-weight: 700;
        }
/*Carrinho*/

.col__icon__promocao {
    background: #f6f6f6;
}

    .col__icon__promocao figure img {
        height: auto !important;
    }

@media(min-width:992px) and (max-width:1200px) {
    .item-box .embalagem {
        width: 96%;
    }

    .item-box .col-2 .form-control {
        width: 29%;
        max-width: 60px;
        padding: 0px;
    }

    .btn-qtd-padrao {
        width: 21px;
        height: 31px;
    }
}

@media(min-width:568px)and (max-width:768px) {
    .col__icon__promocao figure img {
        padding-top: 19px;
    }
}

@media(max-width:568px) {
    .col__icon__promocao figure img {
        padding-top: 9px;
    }
}
/*Modal msg produto obrigatorio*/
#msgProdutoObrigatorio .modal-content {
    border-radius: 20px;
    background-color: #f36f32;
}

#msgProdutoObrigatorio .close {
    color: #fff;
    opacity: 1;
}

#msgProdutoObrigatorio p {
    color: #ffffff;
    font-size: 34px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    margin-top: 19px;
    margin-bottom: 21px;
}

#msgProdutoObrigatorio .modal-body {
    padding-top: 29px;
}

#msgProdutoObrigatorio .modal-dialog {
    top: 21%;
}

@media(max-width:568px) {
    #msgProdutoObrigatorio p {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    #msgProdutoObrigatorio .modal-dialog {
        width: 510px;
        margin: 30px auto;
    }
}

.compar_todos_produtos_promocao {
    box-shadow: 0 -3px 7px rgba(0, 0, 0, 0.1);
    background-color: #efefef;
    padding: 10px 0px 15px 0px;
    position: fixed;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 999;
}

    .compar_todos_produtos_promocao p {
        color: #5f5f5f;
        font-size: 19px;
        padding-top: 10PX;
    }

    .compar_todos_produtos_promocao span {
        color: #f36f32;
    }

.button__comprar__todos {
    text-align: right;
}

.compar_todos_produtos_promocao .btn {
    box-shadow: 0 4px 0 #cb5721;
    border-radius: 4px;
    background-color: #f36f32;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}

@media(max-width:992px) {
    .compar_todos_produtos_promocao .btn {
        font-size: 14px;
    }

    .compar_todos_produtos_promocao p {
        font-size: 16px;
    }

    .compar_todos_produtos_promocao {
        padding: 10px 0px 44px 0px;
    }
}

.detalhe-box {
    margin-top: 1rem;
}

.fixed__whatsapp {
    position: fixed;
    bottom: 11px;
    left: 1.5%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    /*animation: whats 4s infinite;*/
    color: #fff;
}

    .fixed__whatsapp:hover {
        transform: scale(1.2);
    }

    .fixed__whatsapp i {
        color: var(--tx-branco);
        font-size: var(--header-md)
    }

@media(max-width: 768px) {
    .fixed__whatsapp {
        right: 3%;
        bottom: 3%;
    }
}

/* Loader */

.loader {
    background: rgba(255, 255, 255, .5);
    position: fixed !important;
    width: 100%;
    height: 100vh;
    top: 100%;
    left: 0;
    z-index: 9999999;
    transition: 100ms;
}

.loader-active .loader {
    top: 0;
}

.loader::before {
    content: "";
    background: #f36f32;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    transform: translateY(150%);
    transition: 500ms ease-in-out;
}

.loader-active .loader::before {
    transform: translateY(0)
}

.loader-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    transform: translateY(80%);
    transition: 600ms ease-out;
}

.loader-active .loader-block {
    transform: translateY(0)
}

.spinner {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: 50px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out
}

.loader-titulo, .loader-text {
    color: #fff;
    text-align: center;
}

.loader-titulo {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem
}
.loader-text {
    font-size: 16px
}

.row-produtos-lista {
    display: flex;
    flex-wrap: wrap;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.modal-content {
    background: var(--oniz-cinza)
}