.background-row,
.background-row .center-container,
.background-row .module-mainbanner-container {
    visibility: hidden;
    max-height: 435px !important;
}

.background-row.initialized,
.background-row.initialized .center-container,
.background-row.initialized .module-mainbanner-container {
    visibility: visible;
    max-height: none !important;
}

img {
    overflow: clip !important;
}

#b4-body {
    font-size: 14px !important;
}

.center-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    padding-left: 20px;
    padding-right: 20px;
}

#grid-container {
    background: #fff;
}

#grid-container>.col-lg-12 {
    margin-top: 10px;
}

/* Fix para bold no Firefox do MAC */
@-moz-document url-prefix() {
    * {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased !important;
        -webkit-text-stroke: 0.1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* forçando o MacOS a aceitar os estilos */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url(/img/select-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right 10px !important;
    background-position-x: 92%;
    background-position-y: 55%;
}

#container-home {
    width: 100%;
    min-width: 100%;
}

.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
}

#row-menu {
    height: 50px;
}

.a-headerMenu {
    color: #ffffff;
    font-size: 18px;
}

.a-headerMenu:hover,
.a-headerMenu:active,
.a-headerMenu:focus {
    text-decoration: none;
}

.related {
    height: 42px;
    display: flex;
    gap: 5px;
    padding: 0 20px;
}

.related a img {
    height: 100%;
    max-height: 100%;
    width: auto;
    padding: 5px;
}

@media screen and (max-width: 425px) {
    .related {
        height: 36px !important;
    }
}

#navbar-mobile {
    margin: -25.5px 0px;
    width: 100%;
}

#section-menu-mobile {
    background-color: #ffffff;
}

#section-menu-mobile a {
    color: #000000;
    font-size: 16px;
}

#section-menu-mobile a:hover {
    background-color: #ededed;
}

#row-menu-mobile-toggle h1 {
    font-family: "PT Sans";
    font-size: 24px;
    color: #ffffff;
}

#dropdown-carrinhoCompras,
#mobile-dropdown-carrinhoCompras {
    display: none;
    position: absolute;
    top: 75%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

@media only screen and (max-width: 1360px) {
    .slick-arrow {
        display: none !important;
    }
}

body {
    overflow-x: hidden !important;
}

#btn-menu-mobile {
    font-size: 24px;
    color: #ffffff !important;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 8px;
}

#row-menu-mobile-toggle {
    margin-top: 0px;
    padding-top: 0px;
    height: 47px;
    width: 100%;
    margin-bottom: 20px;
}

#navbar-menu-mobile {
    background-color: #ffffff;
    color: #000000;
}

#row-menu-mobile-nav {
    padding-bottom: 0px;
}

#img-setaMobileMenu {
    margin-top: 30px;
    float: right;
}

#navbar-menu-mobile h3 {
    color: #ffffff;
}

#row-menu>div>div {
    padding-top: 14px;
    cursor: pointer;
    height: 50px;
}

#img-setaAtendimento {
    margin-top: 10px;
    margin-left: 10px;
}

#img-login {
    margin-top: 23px;
}

#img-carrinhoCompras {
    margin-top: 23px;
    cursor: pointer;
}

#img-setaLogin {
    padding-top: 60px;
}

#a-atendimento {
    font-size: 16px;
    /* aproximação devido à substituição de fonte */
    text-align: left;
    margin-top: 2px;
    margin-left: 10px;
    cursor: pointer;
}

#row-menu>div>div>.dropdown>.dropdown-toggle>a {
    font-size: 16px;
    color: #000000;
}

#row-menu>div>div>.dropdown>.dropdown-toggle>a:hover {
    color: #0e80c7;
}

.segment-text,
.segment-text>a {
    color: #000000;
    font-size: 14px;
    /* Aproximação devido à substituição de fonte */
    line-height: 24px;
    /* Aproximação devido à substituição de fonte */
}

.segment-text:hover,
.segment-text>a:hover {
    font-size: 14px;
    /* Aproximação devido à substituição de fonte */
    line-height: 24px;
    /* Aproximação devido à substituição de fonte */
    cursor: pointer;
}

.segment-header,
.segment-header>a {
    color: #000000;
    font-size: 14px;
    /* Aproximação devido à substituição de fonte */
    line-height: 24px;
    /* Aproximação devido à substituição de fonte */
    text-transform: uppercase;
}

.vertical-text img {
    transform: rotate(90deg);
}

#container-questions {
    position: fixed;
    bottom: 220px;
    right: 0px;
    z-index: 9999;
    height: 150px;
}

#questions-header {
    font-family: "Montserrat";
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 700;
    background-color: #0e80c7;
    padding: 10px 15px;
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 155px;
}

#questions-header-icon-close {
    display: none;
}

#questions-body {
    border: 1px solid #0e80c7;
    background-color: #ffffff !important;
    width: 155px;
    position: fixed;
    display: none;
    padding: 9px 18px 24px;
    right: 1.5rem;
    bottom: 41px;
    z-index: -1;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.questions-text-header {
    font-family: PT Sans;
    color: #0e80c7 !important;
    font-size: 15px;
    font-weight: 400;
}

.questions-text-bold {
    font-family: PT Sans;
    color: #0e80c7 !important;
    font-size: 15px;
    font-weight: 700;
}

.questions-body {
    font-family: PT Sans;
    color: #000000 !important;
    font-size: 17.5px;
    font-weight: 400;
    padding-bottom: 4px;
}

.questions-text-body {
    padding-left: 40px;
    color: #000000 !important;
}

.questions-body a:hover,
.questions-body a:focus,
.questions-body a:active {
    text-decoration: none !important;
}

#questions-body-whatsapp {
    background: url("/modules/web/view/img/default/questions-whatsapp-black.png") no-repeat left;
    padding-top: 6px;
    padding-bottom: 7px;
}

#questions-body-chat {
    background: url("/modules/web/view/img/default/questions-chat-black.png") no-repeat left;
    padding-top: 14px;
    padding-bottom: 14px;
}

.questions-body:hover {
    font-family: PT Sans;
    color: #0e80c7 !important;
    font-size: 17.5px;
    font-weight: 400;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    #questions-close {
        font-size: 17.25px;
        right: -83px;
        width: 135px;
        bottom: 215px;
    }

    #questions-header {
        font-size: 15.25px;
        width: 75px;
    }

    #questions-body {
        width: 75px;
    }

    .questions-text-header {
        display: none;
    }

    #questions-body-chat {
        padding-top: 20px;
        padding-bottom: 21px;
    }

    #questions-body-whatsapp {
        padding-top: 10px;
        padding-bottom: 19px;
        background-position: center;
    }

    #questions-header span {
        display: none;
    }

    .questions-text-body {
        font-size: 14px;
        display: none;
    }
}

/* no rodapé de texto, título */
#footer-line-1,
#b4-footerText-title {
    color: #595959;
    font-size: 18px;
    /* Aproximação devido à substituição de fonte */
    text-align: left;
}

/* ??? */
#footer-line-2 {
    color: #595959;
    font-size: 16px;
    /* Aproximação devido à substituição de fonte */
    text-align: justify;
}

/* no rodapé de texto, conteúdo */
#footer-line-3,
#b4-footerText-content {
    color: #595959;
    font-size: 16px;
    text-align: justify;
    margin: 0;
}

#footer-line-3 p {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

/* no rodapé de links, título */
.li-footer2-header {
    text-transform: uppercase;
}

/* no rodapé de links, título,
 * no rodapé de links, conteúdo */
.li-footer2-header,
.li-footer2-text,
.li-footer2-text>a,
.b4-footerLink-title,
.b4-footerLink-content>a,
.b4-footerLink-content {
    font-size: 17px !important;
    line-height: 31px !important;
    text-align: left;
}

.b4-footerLink-title h4 {
    font-size: 18px !important;
}

.font-weak {
    font-weight: 400;
}

.font-strong,
.font-strong h4 {
    font-weight: 700;
}

.li-footer2-header h2 {
    font-size: 18px;
    font-weight: 700;
}

#login-line-2 a {
    color: #fff;
}

/* no rodapé de links, na coluna de atendimento, a linha de telefone */
#li-footer2-phone,
#li-footer2-phone span,
#li-footer2-phone img,
#li-footer2-phone div,
#b4-footerLink-phone * {
    color: #ffffff;
    cursor: default !important;
}

/* no rodapé de links, na coluna de atendimento, na linha do telefone, a parte alfa do texto */
#span-phone-1,
#span-phone-2,
#span-whatsapp-1,
.li-footer2-col3-text,
.li-footer2-col3-text a,
#span-whatsapp-2,
.b4-footerLink-phone-contentSpan,
.b4-footerLink-whatsapp-contentSpan,
.b4-footerLink-content a {
    font-size: 20px;
    line-height: 44px;
    text-align: left;
}

/* no rodapé de links, texto de cabeçalho,
 * no rodapé de links, texto do conteúdo */
.li-footer2-header,
.li-footer2-text,
.li-footer2-text>a,
#span-whatsapp-1,
.li-footer2-col3-text,
.li-footer2-col3-text a,
#span-whatsapp-2,
#span-phone-1,
#span-phone-2,
.b4-footerLink-title,
.b4-footerLink-content a,
.b4-footerLink-content span,
.b4-footerLink-content {
    color: #ffffff;
}

/* no rodapé de links, na coluna do atendimento, a linha de telefone */
#li-footer2-phone,
#li-footer2-whatsapp,
#li-footer2-chat,
#li-footer2-ligueMe,
#li-footer2-formulario,
#li-footer2-parceria,
#li-footer2-blog {
    text-transform: uppercase;
}

.span-footer-image {
    width: 50px;
}

#input-search {
    margin-top: 23px;
    border-radius: 8px !important;
    height: 47px;
}

#glyphicon-input-search {
    padding-top: 25px;
    margin-right: 14px;
    font-size: 32px;
    color: #0e80c7;
    cursor: pointer;
    pointer-events: all;
}

#login-line-1 {
    margin-top: 5px;
}

#login-line-1,
#login-line-2,
#login-line-3 {
    color: #ffffff;
}

#login-line-1,
#login-line-2 {
    font-size: 18px;
    line-height: 1;
}

#login-line-3 {
    font-size: 14px;
    line-height: 1.5;
}

#login-line-3>a {
    color: #fff;
}

#login-list {
    margin-top: 13px;
    margin-left: 10px;
}

#col-headerMenu-department {
    width: 17%;
    text-align: left;
}

#row-header-container {
    position: relative;
    width: 100%;
    height: 100px;
}

#col-header-logoCompany {
    width: 300px;
    position: absolute;
    left: 20px;
}

#col-header-search {
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    left: 315px;
    right: 296px;
    width: auto;
}

#col-header-login {
    width: 172px;
    position: absolute;
    right: 125px;
    height: 100%;
}

#col-header-carrinho {
    width: 125px;
    position: absolute;
    right: 0;
    text-align: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#col-carrinhoCompras-dropdown {
    margin-right: 30px;
}

.dropdown-headerMenu {
    width: 300px;
    padding: 20px;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: 0px -5px 0px rgba(255, 255, 255, 0.3) inset,
        0px 2px 0px rgba(255, 255, 255, 0.2) inset;
    position: relative;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#dropdown-atendimento {
    margin-left: -30px;
    border-radius: 4px;
    position: absolute;
    top: 42px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#col-line-atendimento {
    padding-top: 10px;
    height: 100%;
    float: right;
}

#dropdown-atendimento>li>a,
#dropdown-atendimento>li>a:hover,
#dropdown-atendimento>li>p,
#dropdown-atendimento>li>p:hover {
    font-size: 18px;
    line-height: 37px;
    text-align: left;
    padding-left: 10px;
}

#dropdown-atendimento>li>a,
#dropdown-atendimento>li>p {
    color: #000000;
    text-decoration: none;
    position: fixed;
    width: inherit;
}

#dropdown-atendimento>li {
    border-bottom: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-left: -40px;
    padding: 5px;
    width: 246px;
    height: 47px;
}

#dropdown-atendimento>li:hover,
#dropdown-login>li:hover {
    background-color: rgb(245, 245, 245);
}

#dropdown-atendimento:before {
    position: absolute;
    top: -7px;
    right: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}

#dropdown-atendimento:after {
    position: absolute;
    top: -6px;
    right: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: "";
}

#dropdown-headerMenu-department,
#dropdown-headerMenu-kit {
    min-height: 360px;
}

#dropdown-headerMenu-department {
    margin-left: -2px;
}

.notify-badge {
    width: 18px;
    position: absolute;
    margin-top: 18px;
    right: -10px;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    padding: 0px 5px;
    font-size: 15px;
    font-family: "PT Sans";
}

#badge-empty,
#mobile-badge-empty {
    background-color: #ffffff;
}

#badge-full,
#mobile-badge-full {
    color: #ffffff;
    display: none;
}

#login-line-2-badge {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline;
    margin-left: 2px;
}

#badge-item {
    position: relative;
    padding-top: 10px;
    display: inline-block;
}

/* rodapé de links */
#row-footer-2,
#b4-footerLink {
    padding-top: 20px;
    padding-bottom: 20px;
}

#input-offers {
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    border-radius: 4px 0 0 4px;
    width: 60%;
    height: 34px;
    float: left;
    color: #ffffff;
    font-size: 14px;
}

#btn-offers {
    background-color: #ffffff;
    width: 100px;
    height: 36px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    border: 0;
    border-radius: 0 4px 4px 0;
    float: left;
    width: 30%;
    height: 34px;
    cursor: pointer;
}

#input-offers::placeholder {
    color: #ffffff;
}

#input-offers:focus {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
}

/* rodapé de ícones */
#row-footer-3,
#b4-footerIcon {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.8;
}

/* no rodapé de ícones, links */
#row-footer-3 a,
#b4-footerIcon a {
    text-decoration: none;
}

/* no rodapé de ícones, imagens */
#b4-footerIcon {
    margin-bottom: 5px;
}

/* no rodapé de ícones, a coluna de boleto e de cartão de débito */
.col-footer-payment2,
#b4-footerIcon-billetAndDebit {
    margin-top: 5px;
}

/* rodapé de informações corporativas */
#row-footer-4,
#b4-footerEnterprise {
    background-color: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.3;
}

/* no rodapé de informações corporativas, o texto,
 * no rodapé de informações corporativas, os links */
#row-footer-4>div>div>p,
#p-footer4-strong,
.b4-footerEnterprise-text,
.b4-footerEnterprise-link {
    font-size: 12px;
    text-align: justify;
}

/* no rodapé de informações corporativas, o texto */
#row-footer-4>div>div>p,
.b4-footerEnterprise-text {
    color: #595959;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* no rodapé de informações corporativas, os links */
.p-footer4-strong,
.b4-footerEnterprise-link {
    color: #000000;
}

/* no rodapé de ícones, cobrindo a primeira e a segunda coluna ("Formas de Pagamento"), cobrindo a terceira ("Segurança") e a quarta ("Certificados"),
 * no rodapé de ícones, em cada coluna, seu título ("Cartão de Crédito", "Boleto", "Débito") */
.li-footer3-header,
.li-footer3-text,
.b4-footerIcon-headerText,
.b4-footerIcon-bodyText {
    color: #595959;
}

/* no rodapé de ícones, cobrindo a primeira e a segunda coluna, o texto "Formas de Pagamento", */
.li-footer3-header,
.b4-footerIcon-headerText {
    font-size: 18px;
}

/* no footer de ícones, dentro da coluna de boletos e pix e cartões de débito, a lista de cartões de débito */
#ul-debit,
#ul-pix,
#b4-footerIcon-listDebit {
    margin-left: 10px;
}

#img-pix {
    max-width: 70px;
}

#col-line-siteBlindado {
    float: left;
    padding-top: 10px;
}

#p-carrinhoCompras-total,
#span-carrinhoCompras-total,
#mobile-p-carrinhoCompras-total,
#mobile-span-carrinhoCompras-total {
    color: #ffffff;
    text-align: right;
}

#p-carrinhoCompras-total {
    font-size: 16px;
}

#mobile-p-carrinhoCompras-total {
    font-size: 14px;
}

#span-carrinhoCompras-total {
    font-size: 21px;
}

#mobile-span-carrinhoCompras-total {
    font-size: 16px;
    font-weight: 600;
}

#btn-carrinhoCompras,
#mobile-btn-carrinhoCompras {
    border: 0;
    color: #ffffff;
    font-size: 12.69px;
    text-align: center;
    transform: scaleY(1.0013);
    text-transform: uppercase;
    width: 112px;
    height: 27px;
}

#p-carrinhoCompras-button,
#mobile-p-carrinhoCompras-button {
    float: right;
}

#dropdown-carrinhoCompras-header,
#mobile-dropdown-carrinhoCompras-header {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    text-align: left;
    background-color: #ffffff;
    padding-top: 5px;
    padding-left: 21px;
    font-family: "PT Sans";
    font-size: 18px;
    font-weight: 400;
    border-radius: 4px 4px 0 0;
}

#mobile-dropdown-carrinhoCompras-header {
    font-size: 16px;
}

.dropdown-carrinhoCompras-item,
.mobile-dropdown-carrinhoCompras-item {
    background-color: #ffffff;
    padding: 5px;
    float: left;
    clear: both;
    width: 100%;
    max-height: 220px;
    overflow: auto;
}

.basketInfo {
    float: left;
    clear: both;
    width: 100%;
    background: #fff;
    margin-bottom: 4px;
    padding: 0 10px;
    border-bottom: 1px solid #dbdbdb;
}

.basketInfo:last-child {
    border: none !important;
}

.basketInfo-photoContainer {
    float: left;
    width: 80px;
}

.basketInfo-photoContainer img {
    padding: 2px 4px;
    width: auto;
    height: 65px;
}

.basketInfo-infoContainer {
    float: left;
    width: 185px;
    font-family: PT Sans;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.basketInfo img {
    width: 75px;
}

.basketInfo-quantity {
    float: left;
}

.basketInfo-price {
    float: right;
}

#dropdown-carrinhoCompras-footer,
#mobile-dropdown-carrinhoCompras-footer {
    padding: 20px;
    clear: both;
}

#dropdown-carrinhoCompras,
#mobile-dropdown-carrinhoCompras {
    margin-top: 15px;
    width: 330px;
    padding-top: 0px;
    margin-left: -210px;
}

#mobile-dropdown-carrinhoCompras {
    width: 290px;
    margin-left: -234px;
}

#dropdown-carrinhoCompras:before,
#mobile-dropdown-carrinhoCompras:before {
    position: absolute;
    top: -7px;
    right: 40px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}

#dropdown-carrinhoCompras:after,
#mobile-dropdown-carrinhoCompras:after {
    position: absolute;
    top: -6px;
    right: 40px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: "";
}

#mobile-dropdown-carrinhoCompras:before,
#mobile-dropdown-carrinhoCompras:after {
    right: 30px;
}

/* no rodapé de links, na coluna de atendimento, na linha de telefone, a imagem do ícone do telefone,
 * no rodapé de links, na coluna de atendimento, na linha de Whatsapp, a imagem do ícone do Whatsapp,
 * no rodapé de links, na coluna de atendimento, na linha de Whatsapp, o texto,
 * no rodapé de links, na coluna de atendimento, na linha de chat, a imagem do ícone do chat,
 * no rodapé de links, na coluna de atendimento, na linha de chat, o texto,
 * no rodapé de links, na coluna de atendimento, na linha de formulário, a imagem do ícone do formulário,
 * no rodapé de links, na coluna de atendimento, na linha de formulário, o texto */
#div-img-tel,
#div-img-whatsapp,
.div-footer2-col3-text1,
#div-img-chat,
#div-img-ligueMe,
#div-img-formulario,
#div-img-parceria,
#div-img-blog,
.div-footer2-col3-text2,
.div-footer2-col3-text3 {
    float: left;
    cursor: pointer;
}

#b4-footerLink-phone-image,
#b4-footerLink-whatsapp-image,
#b4-footerLink-whatsapp-content,
#b4-footerLink-chat-image,
#b4-footerLink-chat-content,
#b4-footerLink-callMe-image,
#b4-footerLink-callMe-content,
#b4-footerLink-form-image,
#b4-footerLink-form-content {
    cursor: pointer;
}

/* no rodapé de links, na coluna de atendimento, na linha de telefone, a imagem do ícone do telefone,
 * no rodapé de links, na coluna de atendimento, na linha do Whatsapp, a imagem do ícone do Whatsapp */
#div-img-tel,
#div-img-whatsapp,
#b4-footerLink-phone-image,
#b4-footerLink-whatsapp-image {
    margin-left: 15px;
    margin-top: 5px;
}

/* no rodapé de links, na coluna de atendimento, na linha de telefone, o texto,
 * no rodapé de links, na coluna de atendimento, na linha do Whatsapp, o texto,
 * no rodapé de links, na coluna de atendimento, na linha do formulário, o texto */
.div-footer2-col3-text1,
#b4-footerLink-phone-content,
#b4-footerLink-whatsapp-content,
#b4-footerLink-form-content {
    margin-left: 13px;
}

/* no rodapé de links, na coluna de atendimento, na linha de telefone, a imagem do ícone do chat,
 * no rodapé de links, na coluna de atendimento, na linha de ligue-me, a imagem do ícone do Ligue-Me,
 * no rodapé de links, na coluna de atendimento, na linha de formulário, a imagem do ícone do formulário */
#div-img-chat,
#div-img-ligueMe,
#div-img-formulario,
#div-img-parceria,
#div-img-blog,
#b4-footerLink-chat-image,
#b4-footerLink-callMe-image,
#b4-footerLink-form-image {
    margin-left: 15px;
}

/* no rodapé de links, na coluna de atendimento, na linha do ligue-me, o texto */
.div-footer2-col3-text2,
#b4-footerLink-callMe-content {
    margin-left: 15px;
}

/* no rodapé de links, na coluna de atendimento, na linha do chat, o texto */
.div-footer2-col3-text3,
#b4-footerLink-chat-content {
    margin-left: 8px;
}

/* no rodapé de links, na coluna de atendimento, na linha do chat, a imagem,
 * no rodapé de links, na coluna de atendimento, na linha do chat, a imagem colorida */
#img-chat,
#img-chat-color,
#b4-img-chat,
#b4-img-chat-color {
    margin-top: 10px;
}

/* no rodapé de links, na coluna de atendimento, na linha do ligue-me, a imagem,
 * no rodapé de links, na coluna de atendimento, na linha do ligue-me, a imagem colorida
 * no rodapé de links, na coluna de atendimento, na linha do formulário, a imagem,
 * no rodapé de links, na coluna de atendimento, na linha do formulário, a imagem colorida */
#img-ligueMe,
#img-ligueMe-color,
#img-formulario,
#img-formulario-color,
#img-parceria,
#img-parceria-color,
#img-blog,
#img-blog-color,
#b4-img-ligueMe,
#b4-img-ligueMe-color,
#b4-img-formulario,
#b4-img-formulario-color,
#b4-img-parceria,
#b4-img-parceria-color,
#b4-img-blog,
#b4-img-blog-color {
    margin-top: 4px;
}

/* no rodapé de links, na coluna de atendimento, na linha do telefone, a imagem,
 * no rodapé de links, na coluna de atendimento, na linha do telefone, a imagem colorida,
 * no rodapé de links, na coluna de atendimento, na linha do Whatsapp, a imagem,
 * no rodapé de links, na coluna de atendimento, na linha do Whatsapp, a imagem colorida */
#img-whatsapp,
#img-whatsapp-color,
#img-tel,
#img-tel-color,
#b4-img-tel,
#b4-img-tel-color,
#b4-img-whatsapp,
#b4-img-whatsapp-color {
    margin-top: 2px;
}

/* no rodapé de links, na coluna de redes sociais, as imagens */
.img-socialNetwork,
.b4-img-socialNetwork {
    margin-right: 7px;
}

/* no rodapé de ícones, na coluna de cartões de crédito, cada imagem de cartão de crédito
 * no rodapé de ícones, na coluna de boletos, a imagem de boleto,
 * no rodapé de ícones, na coluna de pix, a imagem de pix,
 * no rodapé de ícones, na coluna de cartões de débito, cada imagem de cartão de débito */
.img-creditcard,
#img-boleto,
#img-pix,
.img-debit,
.b4-img-creditcard,
#b4-img-boleto,
.b4-img-debit {
    margin-top: 5px;
    margin-right: 10px;
}

/* no rodapé de ícones, na coluna de segurança, cada imagem de certificado de segurança */
.img-security,
.b4-img-security {
    margin-top: -5px;
    margin-right: 10px;
}

/* no rodapé de ícones, na coluna de certificados, cada imagem de certificado */
.img-certificate,
.b4-img-certificate {
    margin-right: 5px;
}

.col-footer-certificate .list-unstyled {
    display: flex;
    flex-direction: column;
}

#img-abcomm {
    margin-top: 7px;
}

#reputation-ra {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

#ebit-div {
    float: left;
}

/* no rodapé de links, na coluna de redes sociais, o texto do INSCREVA-SE */
#li-text-signNow,
#b4-footerLink-social-signNow {
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

/* no rodapé de links, na coluna de redes sociais, a linha de imagens */
#li-img-socialNetwork,
#b4-footerLink-social-image {
    margin-bottom: 8px;
}

#li-img-socialNetwork a {
    text-decoration: none;
}

.segment-div {
    float: left;
    margin-right: 20px;
}

#dropdown-menuHeader-music {
    width: 836% !important;
    height: 360px;
}

#dropdown-menuHeader-sound {
    width: 670% !important;
    padding: 20px;
    height: 360px;
}

#row-footer-5 {
    margin-bottom: 5px;
}

#a-setaVoltar {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 9999;
}

#img-setaVoltar {
    border-radius: 25px;
    border: 1px solid #fdfdfd;
    transition: opacity 0.1s ease-out;
    opacity: 0;
}

/* rodapé de texto */
#row-footer-1,
#b4-footerText {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f3f3f3;
}

body * {
    font-family: "PT Sans";
}

#col-header-search {
    padding: 0px !important;
}

#img-menu-hamburger {
    margin-top: -10px;
    margin-right: 7px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px;
    border: 1px solid #ffffff;
    border-radius: 4px;
}

/* no rodapé de texto, título, ??? e conteúdo */
#footer-line-1,
#footer-line-2,
#footer-line-3,
#b4-footerText-title,
#b4-footerText-content {
    line-height: 1.2;
    margin-bottom: 4px;
}

/* 2300 x 7141 */

/* Modal com Estilo */
.modal-content {
    border-radius: 0 !important;
}

.default-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: #39d96d !important;
    color: #fff !important;
    text-align: center;
    opacity: 1 !important;
    border-radius: 0 !important;
    z-index: 9999999;
}

.modal-button1 {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 24px;
    font-weight: 700;
}

/**
 * Estilos para a pagina default-view2
 * -----------------------------------
 * INICIO
 */
#site-blindado-row {
    background: #fff;
}

.site-blindado-img {
    padding: 8px 0;
}

#header-logo {
    margin: 0;
    padding: 20px 0;
    margin-left: 1px;
}

#envsafe-text {
    margin: 0;
    padding-bottom: 32px;
    padding-right: 26px;
    background: url("/modules/web/view/img/authentication/padlock.png") right center no-repeat;
    color: #fff;
    text-align: right;
}

#envsafe-mobile-text {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    background: url("/modules/web/view/img/authentication/padlock-blue.png") right center no-repeat;
    color: #0e80c7;
    text-align: right;
}

#footer2-row1 {
    color: #fff;
}

#footer2-row1 .duvidas {
    font-family: PT Sans;
    color: #fefefe;
    font-size: 30px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
}

#footer2-area1>div {
    margin: 14px 0;
}

.icon-container {
    padding: 0;
}

.icon {
    padding: 6px;
    padding-left: 38px !important;
    min-height: 28px;
    text-align: left;
    font-family: PT Sans;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    display: inline-block;
}

#icon-tel {
    background: url("/modules/web/view/img/default/tel.png") left center no-repeat;
}

#icon-whatsapp {
    background: url("/modules/web/view/img/default/whatsapp.png") left center no-repeat;
}

#icon-chat {
    background: url("/modules/web/view/img/default/chat.png") left center no-repeat;
}

#icon-ligueme {
    background: url("/modules/web/view/img/default/ligueMe.png") left center no-repeat;
}

#icon-form {
    background: url("/modules/web/view/img/default/formulario.png") left center no-repeat;
}

.icon-container>div,
.icon-container a {
    color: #ffffff;
}

.icon-container>div:hover,
.icon-container a:hover {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: 0;
}

.form-control-mdx {
    border-radius: 0px;
}

.form-control-mdx:focus {
    background-color: #ffffff;
}

/**
 * Estilos para a pagina default-view2
 * -----------------------------------
 * FIM
 */

.default-button1 {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    border: none !important;
    border-radius: 0 !important;
}

.mdx-input1 {
    border-color: #dbdbdb;
    padding: 8px;
    font-family: PT Sans;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

/* CABECALHO checkout - INICIO */
#envsafe2 {
    text-align: right;
    padding-right: 22px;
    margin: 6px 0;
    font-family: PT Sans;
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    background: url(/modules/web/view/img/checkout/envsafe-padlock.png) right center no-repeat;
}

.my-progress {
    width: 33.33%;
    float: left;
    margin: 14px 0;
}

.my-progress .my-bar {
    width: 100%;
    height: 4px;
    margin-top: 19px;
    background-color: #dbdbdb;
}

.green .my-bar {
    background-color: #95da12;
}

.my-progress .my-circle {
    width: 100%;
    height: 28px;
    margin-top: -16px;
    background-image: url(/modules/web/view/img/checkout/circle-gray.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.green .my-circle {
    background-image: url(/modules/web/view/img/checkout/circle-green.png);
}

.my-progress .my-text {
    font-family: PT Sans;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

/* CABECALHO checkout - FIM */

.product-breadcrumb {
    margin-top: 10px;
    margin-left: 0px;
}

.product-breadcrumb>p {
    float: left;
    margin-right: 10px;
    font-family: PT Sans;
    color: #9ea6aa;
    font-size: 12.55px;
    font-weight: 700;
    transform: scaleY(1.0253);
}

.product-breadcrumb>p a {
    color: #9ea6aa;
}

/* PRODUCT BOX - INICIO */
.product-stars-container {
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-stars-container>div {
    background: url(/modules/web/view/img/default/stars-empty.png) no-repeat;
    width: 110px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

.product-stars-container>div>span {
    background: url(/modules/web/view/img/default/stars-full.png) no-repeat;
    width: 110px;
    height: 16px;
    display: block;
}

.product-brand {
    margin-top: 12px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-weight: 700;
    color: #000000;
    font-size: 17px !important;
    text-align: center;
    line-height: 0;
}

.product-title,
.product-title h2 {
    font-weight: 400;
    text-transform: uppercase;
    min-height: 40px;
    color: #000000;
    font-size: 17px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}

.product-title h1 {
    font-size: inherit !important;
    line-height: 1.2;
}

.product-title h3 {
    font-size: inherit;
    margin: 0;
}

.product-priceGray {
    text-decoration: line-through;
    text-align: center;
    color: #9ea6aa;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    min-height: 25px;
}

.product-priceBlue {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    margin-top: 2px;
}

.product-parcels {
    font-weight: 600;
    color: #9ea6aa;
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
    margin-top: 4px;
}

.product-priceBillet-container {
    font-weight: 600;
    font-size: 23px;
    text-align: center;
    line-height: 1.1;
    min-height: 50px;
    margin-top: 4px;
}

.product-or {
    color: #9ea6aa;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 600;
}

.product-priceBillet-info {
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
}

.product-button-container {
    width: 100%;
}

.product-buttonBuy {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0025);
    border: none;
    border-radius: 4px;
    padding: 10px;
    margin: 10px auto;
    display: block;
    min-width: 126px;
}

.product-outofstock {
    color: #9ea6aa;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 58px 0;
}

/* PRODUCT BOX - FIM */

#ac-container {
    display: none;
    position: absolute;
    margin-top: 10px;
    background-color: #fff;
    color: #000;
    z-index: 99999;
    width: 100%;
    height: 290px;
    padding: 16px;
}

#ac-container:before {
    left: 1em;
    right: auto;
    margin-right: 0;
    width: 0;
    height: 0;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    top: -12px;
    margin-right: -12px;
    position: absolute;
    right: 50%;
}

.ac-left {
    width: 32%;
    height: 100%;
    float: left;
    border-right: 1px solid #dbdbdb;
    overflow: auto;
}

.ac-right {
    width: 65%;
    float: right;
}

.ac-full {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ac-title {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 16px;
}

.tip-row a {
    display: block;
    text-decoration: none;
    padding: 4px 0;
    font-family: PT Sans;
    color: #0e80c7;
    font-size: 14px;
    text-align: left;
}

.tip-row div {
    color: #9ea6aa;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-top: -8px;
}

.ac-product {
    width: 33%;
    float: left;
    cursor: pointer;
}

.ac-product img {
    width: 100%;
    height: auto;
    padding: 10px;
}

.ac-product h1 {
    padding: 0 2px;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}

.ac-product div {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

/* INPUT ERROR - INICIO */
.input-error {
    background: url("/modules/web/view/img/authentication/redx.png") right 8px center no-repeat;
}

.placeholder-error::-webkit-input-placeholder {
    color: red;
}

.placeholder-error:-moz-placeholder {
    /* FF 4-18 */
    color: red;
}

.placeholder-error::-moz-placeholder {
    /* FF 19+ */
    color: red;
}

.placeholder-error:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}

/* INPUT ERROR - FIM */

/* MDX SCROLLBAR */
.mdx-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f1f1f1;
    border-radius: 10px;
    background-color: #f1f1f1;
}

.mdx-scrollbar::-webkit-scrollbar {
    width: 12px;
    background-color: #f1f1f1;
}

.mdx-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px #979797;
    background-color: #cdcdcd;
}

/* MDX SCROLLBAR */

.mdx-modal {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.mdx-modal .modal-dialog {
    width: 100% !important;
    max-width: 420px !important;
}

.default-modal-blue .modal-header {
    color: #fff;
    padding: 7px;
}

.default-modal-blue .modal-header h4 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.default-modal-blue .default-modal-close {
    margin: 5px;
}

/* LIGUE-ME */
#ligueme-modal .modal-body>div {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding: 4px 0;
}

#ligueme-phone {
    border: 1px solid #dbdbdb;
    border-radius: 0;
    padding: 10px;
    width: 100%;
}

#ligueme-save {
    border-radius: 0;
}

#col-login-dropdown {
    cursor: pointer;
}

#dropdown-login {
    width: 207px;
    border-radius: 4px;
    position: absolute;
    top: 80%;
    right: -34px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#dropdown-login>li {
    border-bottom: 1px solid #f0f0f0;
    border-radius: 4px;
    margin: 0;
    margin-left: -40px;
    padding: 5px;
    height: 47px;
}

#dropdown-login>li>a {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    color: #000000;
    text-decoration: none;
    position: fixed;
    width: 190px;
    margin-left: 10px;
}

#dropdown-login:before {
    position: absolute;
    top: -7px;
    right: 36px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}

#dropdown-login.dropdown-login-logged:before {
    right: 60px;
}

#dropdown-login:after {
    position: absolute;
    top: -6px;
    right: 36px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: "";
}

#dropdown-login.dropdown-login-logged:after {
    right: 60px;
}

/* no rodapé de ícones, a coluna de cartões de crédito,
 * no rodapé de ícones, as colunas de boleto e de cartões de débito,
 * no rodapé de ícones, a coluna de segurança,
 * no rodapé de links, a coluna de corporativos,
 * no rodapé de links, a coluna de ajuda,
 * no rodapé de links, a coluna de atendimento,
 * no rodapé de links, a coluna de redes sociais */
.col-footer-payment,
.col-footer-payment2,
.col-footer-security,
.col-footer-certificate,
.col-info-corporative,
.col-info-faq,
.col-info-call,
.col-info-social {
    float: left;
}

/* no rodapé de links, a coluna de corporativos,
 * no rodapé de links, a coluna de ajuda,
 * no rodapé de links, a coluna de atendimento,
 * no rodapé de links, a coluna de redes sociais */
.col-info-corporative,
.col-info-faq,
.col-info-call,
.col-info-social,
#b4-footerLink-corporative,
#b4-footerLink-faq,
#b4-footerLink-call,
#b4-footerLink-social {
    margin-bottom: 10px;
}

@media only screen and (min-width: 0px) {

    /* no rodapé de ícones, a coluna de cartões de crédito,
	 * no rodapé de ícones, as colunas de boleto e de cartões de débito,
	 * no rodapé de ícones, a coluna de segurança,
	 * no rodapé de ícones, a coluna de certificados,
	 * no rodapé de links, a coluna de corporativos,
	 * no rodapé de links, a coluna de ajuda,
	 * no rodapé de links, a coluna de atendimento,
	 * no rodapé de links, a coluna de redes sociais */
    .col-footer-payment,
    .col-footer-payment2,
    .col-footer-security,
    .col-footer-certificate,
    .col-info-corporative,
    .col-info-faq,
    .col-info-call,
    .col-info-social #b4-footerIcon-credit,
    #b4-footerIcon-billetAndDebit,
    #b4-footerIcon-security,
    #b4-footerIcon-certificate,
    #b4-footerLink-corporative,
    #b4-footerLink-faq,
    #b4-footerLink-call,
    #b4-footerLink-social {
        width: 100%;
    }
}

@media only screen and (min-width: 750px) {

    /* no rodapé de ícones, a coluna de cartões de crédito */
    .col-footer-payment,
    #b4-footerIcon-credit {
        width: 60%;
    }

    /* no rodapé de ícones, a coluna de boleto e cartões de débito */
    .col-footer-payment2,
    #b4-footerIcon-billetAndDebit {
        width: 40%;
    }

    /* no rodapé de ícones, a coluna de segurança */
    .col-footer-security,
    #b4-footerIcon-security {
        width: 60%;
    }

    /* no rodapé de ícones, a coluna de certificados */
    .col-footer-certificate,
    #b4-footerIcon-certificate {
        width: 40%;
    }

    /* no rodapé de links, a coluna de corporativos,
	 * no rodapé de links, a coluna de ajuda,
	 * no rodapé de links, a coluna de atendimento */
    .col-info-corporative,
    .col-info-faq,
    .col-info-call,
    .col-info-social,
    #b4-footerLink-corporative,
    #b4-footerLink-faq,
    #b4-footerLink-call {
        width: 50%;
    }
}

@media only screen and (min-width: 970px) {

    /* no rodapé de ícones, a coluna de cartões de crédito */
    .col-footer-payment,
    #b4-footerIcon-credit {
        width: 32%;
    }

    /* no rodapé de ícones, a coluna de boleto e cartões de débito */
    .col-footer-payment2,
    #b4-footerIcon-billetAndDebit {
        width: 18%;
    }

    /* no rodapé de ícones, a coluna de segurança */
    .col-footer-security,
    #b4-footerIcon-security {
        width: 26%;
    }

    /* no rodapé de ícones, a coluna de certificados */
    .col-footer-certificate,
    #b4-footerIcon-certificate {
        width: 24%;
    }

    /* no rodapé de links, a coluna de corporativos,
	 * no rodapé de links, a coluna de ajuda,
	 * no rodapé de links, a coluna de atendimento,
	 * no rodapé de links, a coluna de redes sociais */
    .col-info-corporative,
    .col-info-faq,
    .col-info-call,
    .col-info-social,
    #b4-footerLink-corporative,
    #b4-footerLink-faq,
    #b4-footerLink-call,
    #b4-footerLink-social {
        width: 50%;
    }
}

@media only screen and (min-width: 1170px) {

    /* no rodapé de links, a coluna de corporativos,
	 * no rodapé de links, a coluna de ajuda,
	 * no rodapé de links, a coluna de atendimento,
	 * no rodapé de links, a coluna de redes sociais */
    .col-info-corporative,
    .col-info-faq,
    .col-info-call,
    .col-info-social,
    #b4-footerLink-corporative,
    #b4-footerLink-faq,
    #b4-footerLink-call,
    #b4-footerLink-social {
        width: 25%;
    }
}

/* no rodapé de links, texto de conteúdo ao sobrepor o mouse */
.li-footer2-text a:hover,
.div-footer2-col3-text1 a:hover,
.li-footer2-col3-text a:hover,
.b4-footerLink-content a:hover {
    text-decoration: none !important;
}

.newsletter-help-block {
    margin-top: -15px;
    margin-left: 22px;
}

*,
*:hover,
*:active,
*:focus {
    box-shadow: none !important;
    outline: none !important;
}

#mobile-img-logoCompany {
    padding-bottom: 0px;
    padding-top: 10px;
}

#mobile-col-header-logoCompany {
    width: 183px;
    position: absolute;
    left: 20px;
}

#mobile-row-header-container {
    position: relative;
    width: 100%;
    height: 51px;
}

#mobile-col-header-login {
    width: 32px;
    position: absolute;
    right: 70px;
    height: 100%;
}

#mobile-img-login {
    margin-top: 10px;
    width: 24px;
    height: 28px;
}

#mobile-col-header-carrinho {
    width: 25px;
    position: absolute;
    right: 35px;
    text-align: right;
    height: 100%;
}

#mobile-img-carrinhoCompras {
    margin-top: 0px;
    width: 32px;
    height: 28px;
}

.mobile-notify-badge {
    margin-top: 0px;
    right: -10px;
    text-align: center;
    border-radius: 15px 15px 15px 15px;
    padding: 0px 5px;
    font-size: 10px;
    font-family: "PT Sans";
}

#mobile-badge-item {
    position: relative;
    padding-top: 10px;
    display: inline-block;
}

.row-header-line>.center-container {
    height: 44px;
}

.module-mainbanner-container.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.slick-dots {
    margin-left: -2%;
}

#footer-lgpd {
    display: none;
}

#footer-lgpd {
    position: fixed;
    z-index: 9999;
    max-width: 1230px;
    transition: 0.3s ease-in-out;
    background: #fff;
    bottom: 25px;
    left: 10px;
    right: 10px;
    padding: 20px;
    box-shadow: 0 0 3px #aaa !important;
    border-radius: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    margin: 0 auto;
}

@media only screen and (max-width: 969px) {
    #img-siteBlindado {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .row-header-line,
    .row-header-line>div,
    #col-line-siteBlindado {
        height: 42px;
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    /* conteúdo do rodapé de texto */
    #row-footer-1>div>p,
    #b4-footerText-content {
        font-size: 12px !important;
    }

    #ligueme-modal>.modal-dialog>.modal-content {
        width: 95%;
    }

    .basketInfo-infoContainer {
        width: 160px;
    }
}

@media only screen and (max-width: 500px) {
    .module-text span {
        line-height: 25px !important;
    }
}

@media only screen and (max-width: 400px) {
    .module-text.background span {
        padding: 0 !important;
    }

    .module-carousel1prod-container .slick-dots {
        margin-left: -3%;
    }
}

#col-menu-mobile-toggle {
    padding-left: 4%;
}

#input-mobile-search {
    margin-top: 10px;
    border-radius: 8px !important;
    height: 46px;
    width: 100%;
}

#glyphicon-input-mobile-search {
    padding-top: 12px;
    margin-right: 8px;
    font-size: 32px;
    color: #0e80c7;
    pointer-events: all;
}

#col-mobile-search {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

#dropdown-login>li:hover,
#dropdown-atendimento>li:hover {
    color: #0e80c7;
    cursor: pointer;
}

#row-menu-payment {
    color: #ffffff;
}

#row-menu-payment-desktop {
    height: 52px;
}

#row-menu-payment-desktop p {
    padding-top: 10px;
}

#row-menu-payment span,
#row-menu-retirarLoja p {
    font-family: "Montserrat";
}

.row-menu-payment-text {
    float: left;
    font-size: 22px;
}

.row-menu-payment-type {
    float: left;
    font-size: 22px;
    font-weight: 700;
    padding: 3px 20px;
    transform: skew(25deg);
    -webkit-transform: skew(25deg);
}

.parallelogram {
    float: left;
    border: 1px solid #ffffff;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    margin-top: 7px;
    margin-left: 11px;
    margin-right: 10px;
}

#row-menu-payment-mobile {
    height: 60px;
}

.row-menu-payment-mobile-firstLine {
    font-size: 12px !important;
    margin-top: -5px;
    margin-left: 10px;
}

.row-menu-payment-mobile-secondLine {
    font-size: 12px !important;
    padding: 3px 5px;
}

.row-menu-payment-text.row-menu-payment-mobile-secondLine {
    margin-top: -8px;
}

.mobile-parallelogram {
    margin-left: 4px;
    margin-right: 2px;
    margin-top: -8px;
}

.mobile-parallelogram.first {
    margin-left: 10px;
}

/* título do rodapé de texto */
#row-footer-1 h1,
#b4-footerText-title {
    font-size: 14px !important;
}

#row-menu-retirarLoja {
    height: 50px;
}

#row-menu-retirarLoja p {
    padding-top: 7px;
}

#icon-retirarLoja {
    max-height: 40px;
    max-width: 40px;
    margin-top: -2px;
}

#seloEbit {
    display: inline !important;
}

#seloEbit img {
    width: 59px !important;
}

/*---- popup gift descontos item -----*/
.gift-popup-text {
    cursor: pointer;
}

.popover {
    max-width: 100% !important;
    padding: 0;
}

.popover-header-gift {
    text-align: center;
    font-size: 16px;
    border: none;
    height: 30px;
    padding: 5px 10px;
    color: #fff !important;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.popover-content-gift {
    font-size: 13px;
    text-align: center;
}

.popover-content-gift>div {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/*---- popup gift descontos item -----*/

@media screen and (max-width: 1320px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 20px;
    }
}

@media screen and (max-width: 1220px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 18px;
    }
}

@media screen and (max-width: 1120px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 16px;
    }
}

@media screen and (max-width: 1020px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 14px;
    }
}

@media screen and (max-width: 920px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 12px;
    }
}

@media screen and (max-width: 820px) {

    .row-menu-payment-text,
    .row-menu-payment-type {
        font-size: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #envsafe2 {
        font-size: 14px;
        color: #0e80c7;
        padding-top: 3px;
        background: url("/modules/web/view/img/authentication/padlock-blue.png") right center no-repeat;
    }

    .my-progress .my-text {
        font-size: 12px !important;
    }

    .notifyjs-corner {
        left: 0 !important;
    }

    #row-menu-retirarLoja p {
        font-size: 11px;
        line-height: 0;
    }

    #row-menu-retirarLoja {
        height: 55px;
    }
}

@media screen and (max-width: 340px) {
    #col-mobile-search {
        padding-left: 28px;
    }

    .row-menu-payment-mobile-firstLine,
    .row-menu-payment-mobile-secondLine {
        font-size: 10px !important;
    }

    #header-logo {
        width: 100%;
    }
}

@media screen and (max-width: 309px) {
    #mobile-col-header-login {
        right: 65px;
    }

    #mobile-dropdown-carrinhoCompras {
        width: 275px;
        margin-left: -219px;
    }
}

#instafeed-container {
    margin-top: 3rem;
}

#instafeed {
    display: flex;
    margin-top: 1rem;
}

#instafeed-container-title {
    padding: 0 2rem;
    text-align: center;
    font-size: 2.5rem;
    display: block;
    text-decoration: none;
    color: initial;
}

#instafeed a {
    display: block;
    width: calc(100vw / 6);
    height: calc(100vw / 6);
    overflow: hidden;
}

#instafeed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#instafeed img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media only screen and (max-width: 1280px) {
    #instafeed {
        flex-wrap: wrap;
    }

    #instafeed a {
        min-width: calc(100vw / 3);
        min-height: calc(100vw / 3);
    }
}

.sweet-alert button.cancel {
    background-color: #c1c1c1 !important;
}

.outlet-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    color: #fff !important;
    text-align: center;
    opacity: 1 !important;
    border-radius: 0 !important;
    z-index: 9999999;
}

.outlet-icon {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 12px 0;
}

.modal-outlet {
    padding: 10px;
}

.modal-title-outlet {
    font-weight: 600;
}

.modal-outlet-icon {
    margin-right: 1rem;
}

.badge-more {
    cursor: pointer;
    background: #ffffff;
    color: #202020;
    font-weight: 400;
    padding: 0;
}

@media screen and (max-width: 991px) {
    #row-menu-mobile-toggle {
        display: block;
    }
}

#navbar-menu-mobile {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

#navbar-menu-mobile.in {
    overflow-y: auto;
}

#free-freight-container {
    display: none;
    text-align: center;
}

#free-freight-container p {
    color: #ffffff !important;
    margin-bottom: 0;
    line-height: 1.2;
}

.free-freight-amount-left {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    padding: 8px 12px;
}

.free-freight-amount-left p {
    font-size: 28px;
    font-weight: 700;
}

.free-freight-amount-left-value {
    color: #fff !important;
}

.free-freight-amount-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    min-height: 140px;
    border-radius: 0 0 8px 8px;
    padding: 8px 12px;
}

.free-freight-amount-text span {
    font-weight: 700;
    color: #ffffff !important;
}

.btn-keep-buying {
    font-size: 14px;
    border-radius: 8px;
    line-height: 1.1;
    color: #ffffff !important;
    border: none;
    padding: 8px 18px;
    margin-top: 8px;
}