body {
    font-family: "Aneba Neue W00 Medium", sans-serif;
}
.h1-huge, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    font-family: "Aneba Neue W00 Medium", sans-serif !important;
}
.desktop-list-subitems {
    width: 100%;
    padding: 0;
    text-align: left;
    column-count: 4;
    column-gap: 20px;
}

div#ajax-cart a {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}
a.social-icon svg {
    height: 22px;
    width: 20px;
}
.footer-payments-shipping-logos img {
    max-height: 24px;
    margin: 5px 5px 5px 0;
}
.st-rastreio form#formBusca {
                height: 43px;
                padding: 0;
                text-align: left;
                width: 95%;
                background-color: #ffffff;
                border-radius: 25px;
                display: inline-block;
                color: #000;
            }

            .st-rastreio input#codigo {
                text-align: left;
                border: none;
                width: 88%;
                border-radius: 0;
                padding: 0px 0 0 25px;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 40px;
                float: left;
                color: #1d0012;
                background-color: transparent;
            }

            .st-rastreio button {
                float: right;
                text-align: center;
                color: #ff68b5;
                margin: 0;
                background-color: transparent;
                box-shadow: none;
                border: none;
                padding: 0;
                cursor: pointer;
                font-weight: 100;
                width: 12%;
            }

            .st-rastreio input#codigo:focus-visible {
                border: none;
                outline: unset;
            }
.compress .st-nav {
	display: none !important;
} 
.section-title img {
    max-height: 40px;
}
.section-featured-home {
    border-top: none;
}
.newsletter-form .form-control {
}
footer {
    padding-top: 0;
}
.st-botlinha1 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.st-botlinha1 h3 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: lighter;
}
.st-atend1 a {
        font-size: 26px;
    letter-spacing: 1px;
    font-weight: 400;
}
.st-atendbot span {
        font-size: 1em;
    letter-spacing: 0px;
    color: #777777;
}
.st-atendbot h5 {
    margin-bottom: 0;
    font-weight: 400;
}
.st-botlinha2 .subtitle {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: none;
    color: #000;
    letter-spacing: 0px;
}
.footer-menu-item {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #616161;
}
.st-atendbot img {
    width: 100%;
    max-height: 30px;
    max-width: 32px;
}
.st-atendbot h3 {
    margin-bottom: 0px;
}
.st-atend1, .st-atend2, .st-atend3 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
span.nav-list-arrow.ml-1 {
    display: none;
}
.head-main .head-nav a {
}
input.btn.btn-primary.cart {
    color: #fff;
    border-radius: 0px;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    padding: 15px;
        font-family: "Aneba Neue W00 Medium", sans-serif !important;
}

.newsletter-footer {
}
.utilities-container img {
   max-height: 28px;
    margin-right: 10px;
}
.utilities-container {
    text-align: left;
}
.utilities-container {
        display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
.st-utilities .row {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}
.utilities-container span {
    line-height: 14px;
    text-align: left;
}

.search-submit-btn:before {
    color: #000;
}

.head-main .head-nav a {
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}
.desktop-dropdown {
}
.js-topbar.section-topbar {
}
.js-topbar.section-topbar svg.icon-inline {
}
.item-actions {
    display: block !important;
    width: 100%;
}

.newsletter-footer .btn-link {
       height: 38px;
    margin-left: 30px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 2px;
    background-color: #ff5e00;
}
.newsletter-form .form-control {
    background-color: #fff;
    border-radius: 5px;
    height: 38px;
    color: #000;
}
.newsletter-form .form-control::placeholder {
    color: #000;
}
.newsletter.container {
    border-radius: 12px;
    padding: 1.5rem;
}
.newsletter-footer {
    background: transparent;
	    position: relative;
}
.newsletter img {
    max-height: 44px;
    width: 100%;
}
.newsletter .font-small {
    text-align: center;
    font-size: 18px !important;
}
footer {
}
.product-installments {
    color: #000;
    font-size: 1.5em;
}
span.js-installment-price.product-installment-value, span.js-installment-amount.product-installment-amount {
    color: #000;
    font-weight: 700;
}
footer .h5.col {
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 10px !important;
}
footer .subtitle {
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0px;
}
a.logo-sweet svg {
    max-height: 14px;
    display: inline-block;
    margin: 5px 10px 0;
    width: 100px;
}
.st-imagemdestaque img {
    max-width: 100%;
	border-radius: 0px 25px 25px 0;
}
div#ajax-cart a img {
    max-height: 34px;
    max-width: 100%;
}
.head-main .head-nav, .head-main .head-logo-row {
border: none;
}
.logo-img, .logo-text {
        max-height: 100px;
    }
.search-form .form-group input {
    padding: 5px 15px;
    height: 38px;
    border: none;
    border-radius: 30px;
    background-color: #f3f3f3;
}
.head-main .head-nav {
    background-color: #1d2f4f;
}
section.js-main-slider-section.section-home {
    padding-top: 0;
    padding-bottom: 0;
}
.st-lines-banner1 {
float: left;
    background-color: #ff5e00;
    width: 50%;
    height: 18px;
}

.st-lines-banner2 {
float: right;
    background-color: #1d2f4f;
    width: 50%;
    height: 18px;
}
.badge {
    background-color: transparent;
    border: none;
    width: auto !important;
    height: auto !important;
    display: inline-block;
    position: relative;
    border-radius: 0;
    left: 0;
    transform: unset;
    font-size: 15px;
    font-weight: 400;
}
.head-main .badge {
    background-color: transparent;
}
.utilities-container a, .utilities-container {
    font-size: 15px;
}
.st-whats i {
    height: 24px;
    width: 24px;
    border: 2px solid #525151;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    margin-right: 5px;
}
.home-category-image {
    width: 100%;
    height: 130px;
}
.home-category-image img, .home-category-image svg {
    object-fit: contain;
}
    .home-category {
        width: unset;
    }
.section-categories-home .section-title, .section-categories-home svg {
    color: #1d2f4f;
    fill: #1d2f4f;
}
section.section-home.section-categories-home .container {
    background-color: #e6e3e3;
    padding-top: 1em;
    padding-bottom: 1em;
    transform: unset;
    margin-top: 2em;
}
.newsletter.container {
    background-color: #e6e3e3;
}

.newsletter .h2 font {
    color: #ff5e00;
}
.newsletter .h2 {
    text-align: left;
    color: #1d2f4f;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 24px;
}

.price-container.st-price-varejo {
    width: 100%;
}

.price-container.st-price-atacado {
    position: absolute;
    left: 50%;
    padding: 0 15px;
    min-height: 80px;
    border-left: 2px solid #cccccc;
}

.js-modal-open.js-fullscreen-modal-open.js-product-payments-container.mb-3.col-md-8.px-0 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px !important;
}

a#btn-installments {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #cccccc;
        color: #05b6d5;
    font-size: 1.1em !important;
    font-weight: 400;
        margin-top: 3em;
}

.st-price-atacado font, .st-price-varejo font {
    background-color: #fd5f00;
    color: #fff;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 25px;
    margin-bottom: 5px !important;
    display: inline-block;
}

.st-price-varejo font { 
    background-color: #525151;
}

span.js-installment-price.product-installment-value, span.js-installment-amount.product-installment-amount {
    color: #525151;
    font-weight: 300;
}
.product-installments {
    font-size: 1em;
    font-weight: 300 !important;
    color: #525151;
}
div#price_display {
    font-size: 1.6em !important;
    color: #525151;
}
.form-quantity {
    height: 100%;
    display: flex;
    border-radius: 0px;
    max-width: 95%;
}
.desktop-list-subitems .nav-item .nav-list-link {
    margin-bottom: 5px;
    font-size: 16px;
    color: #1d2f4f;
}
.item-actions input.btn.btn-primary.cart {
    font-size: 12px;
        border-radius: 7px;
    padding: 10px;
}
.st-btn-whats img {
    max-width: 250px;
}
h2.section-title {
    font-size: 22px;
    color: #1d2f4f;
}
section.section-adbar {
    border-top: 4px solid #fd5f00;
    color: #fff;
    padding: .3rem 0;
}

span.adbar-message {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
}

span.adbar-message font {
    color: #fd5f00;
}

footer {
    background-color: #f3f3f3;
    margin-top: 2em;
}
img.st-logo-bot {
    max-height: 50px;
}
footer .font-big.col.p-3, footer span.d-block.d-md-inline-block.align-middle.mb-3.mb-md-1.mr-md-2, footer .font-big {
        font-size: 1em !important;
    font-weight: 600;
    font-style: italic;
    color: #1f3051;
    text-transform: uppercase;
    display: block !important;
}
.js-item-name.item-name.font-small {
    opacity: 1;
    font-size: 1em !important;
    color: #1e1e1e;
    line-height: 1em;
    font-weight: 500;
}
span.item-price {
    font-size: 1.2em !important;
    color: #525151;
    font-weight: 700 !important;
}

.st-price-atacado.st-prod-card font, .st-price-varejo.st-prod-card font {
    color: #ff5e00;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 0;
    margin-bottom: 5px !important;
    display: inline-block;
}
.st-price-varejo.st-prod-card font {
    background-color: transparent;
    color: #525151;
        margin-top: 2px;
}
.price-container.st-price-atacado.st-prod-card div#price_display {
    font-size: 18px !important;
}
.price-container.st-price-atacado.st-prod-card {
    position: absolute;
    left: 50%;
    padding: 0 5px;
    min-height: 80px;
    border-left: 1px solid #cccccc;
}
.item-price-container.st-price-varejo.st-prod-card {
    min-height: 80px;
}

section.section-home.section-welcome h2.h3 {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}

.home-category-name {
    padding: 5px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    background-color: transparent;
    font-size: 12px;
    color: #212121;
    font-weight: 600;
}
.head-logo-row.position-relative {
    padding: 5px 0;
}
section.section-home.section-categories-home {
    padding: 1em 0;
}
.section-categories-home h3.section-title {
    margin-bottom: 0.5em !important;
}
.desktop-list-subitems .nav-item .list-subitems .nav-item .nav-list-link {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    border-left: 1px solid #1d2f4f;
}
.st-breadcrumbs-off {
    display: none;
}
.page-header h1, .page-header .h1, .category-header h1, .category-header .h1 {
    margin-bottom: 0;
    color: #1d2f4f;
}
.col-md-7 .font-small.opacity-60.mb-3 {
    background-color: #f3f3f3;
    display: inline-block;
    padding: 5px;
    color: #000;
}
div#installments-modal .card-img-medium {
    max-height: 24px;
}
.utilities-container span span.text-success {
    color: green;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}
div#cart-progress strong {
    color: #ff5e00;
}
span.js-ajax-cart-total.js-cart-subtotal.text-left {
    font-size: 16px;
    font-weight: bold;
    font-family: "Aneba Neue", sans-serif;
    color: #525151;
}

    .head-main .badge {
        background-color: transparent;
        font-size: 12px;
    }
    div#cart-progress {
    font-size: 0.9em;
}
span.js-cart-widget-amount.badge:before {
    content: 'Itens:';
}
.st-linebot {
    background-color: #fff;
    padding-top: 2em;
}
.footer-logo img {
    max-height: 64px;
}
.st-siganos a.social-icon {
    padding: 8px;
    background-color: #1d2f4f;
    border-radius: 50%;
    height: 38px;
    width: 38px;
}
.st-siganos .social-icon svg {
    fill: #fff;
} 
.breadcrumbs {
    margin-bottom: 10px;
    font-size: 12px;
}
a.footer-menu-link {
    color: #525151;
    font-size: 16px;
    font-weight: 400;
}
footer p {
    color: #525151;
}
div#product-shipping-container .js-accordion-private-content {
    display: block !important;
} 
div#product-shipping-container a.js-accordion-private-toggle.py-2.mb-2.row.align-items-center svg {
    display: none;
}
.desktop-list-subitems .nav-item .list-subitems .nav-item .list-subitems .nav-list-link {
    padding: 0px 0 0 10px;
    line-height: 15px;
    font-size: var(--font-small);
    display: none;
}
h6.st-title-description {
    background-color: #ff5e00;
    border-radius: 8px;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 18px !important;

    margin: 0 auto;
    display: flex;
    width: 144px;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
}

h6.st-title-description svg{
    margin-left: 5px;
    transform: rotate(180deg);
}

.st-title-description.active svg{
    transform: rotate(0deg);
}

.footer-payments-shipping-logos img {
    max-height: 20px;
    margin: 5px 5px 5px 0;
}
/*============================================================================
  ST DESKTOP
==============================================================================*/

@media (min-width: 769px) {
    
.nav-desktop-list {
        text-align: center;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
                padding-top: 0;
        padding-bottom: 0;
}

li.st-FerramentasElétricas:before {
    content: '';
    height: 54px;
    width: 48px;
    background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
    li.st-MaterialHidráulico:before {
        content: '';
        height: 40px;
        width: 42px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame3.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
li.st-MaterialElétrico:before {
        content: '';
        height: 54px;
        width: 36px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame7.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 52px;
        transform: rotateZ(45deg);
    }
    li.st-FerramentasManuais:before {
        content: '';
        height: 54px;
        width: 40px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame2.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 62px;
    }
    li.st-Pintura:before {
        content: '';
        height: 38px;
        width: 40px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame4.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    li.st-Telhas:before {
        content: '';
        height: 54px;
        width: 42px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/menu-telhado2.png);
    }
li.st-Todososdepartamentos:before {
    content: '';
    height: 52px;
    width: 48px;
    background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/Frame6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}
li.st-Impermeabilização:before {
            content: '';
        height: 52px;
        width: 44px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/menu-imperme.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;

}
    li.st-Ferramentas:before {
        content: '';
        height: 52px;
        width: 42px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/ferramenta-martelo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 28px;
    }
li.st-Telas:before {
        content: '';
        height: 52px;
        width: 34px;
        background-image: url(https://d2az8otjr0j19j.cloudfront.net/templates/006/428/236/twig/static/images/frame66.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 48px;
    }



div#cart-progress strong {
    color: #ff5e00;
}
span.js-ajax-cart-total.js-cart-subtotal.text-left {
    font-size: 16px;
    font-weight: bold;
    font-family: "Aneba Neue", sans-serif;
    color: #525151;
}

    .head-main .badge {
        background-color: transparent;
        font-size: 12px;
    }
    div#cart-progress {
    font-size: 0.9em;
}
div#installments-modal {
    max-width: 40%;
}
span.js-cart-widget-amount.badge:before {
    content: 'Itens:';
}
.head-main .badge {
    background-color: transparent;
}

section.section-home.section-categories-home .container {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.search-container {
}
.item-description {
    padding-bottom: 4em;
}
.search-form {
    width: 100%;
    max-width: 520px;
    margin-right: 15px;
    float: left;
}
.newsletter.container {
    padding: 1.5rem 3em;
}
footer {
}
.nav-desktop-list {
    text-align: center;
}
.swiper-button-next, .swiper-button-prev {
}
  .js-informative-banners.swiper-container .swiper-wrapper.align-items-center {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: row;
        transform: none !important;
    }
}
/*============================================================================
  ST MOBILE
==============================================================================*/

@media (max-width: 768px) {
    
section.section-home.section-categories-home .container {
    padding: 1em 15px !important;
}
.price-container.st-price-atacado.st-prod-card div#price_display {
    font-size: 16px !important;
}
span.item-price {
    font-size: 16px !important;
}
  div#cart-progress {
    font-size: 0.8em;
}
.st-price-atacado.st-prod-card font, .st-price-varejo.st-prod-card font {
    font-size: 12px;
}
span.utilities-container a, .utilities-container {
    display: inline-block;
    align-content: center;
    align-items: center;
}
.st-whats {
    display: none;
}
.item-actions input.btn.btn-primary.cart {
    font-size: 11px;
    border-radius: 7px;
    padding: 10px 0px !important;
    letter-spacing: 0px;
    margin-top: 20px;
}
.st-thumb-mobile {
    display: none;
}
.logo-img, .logo-text {
    max-height: 70px;
}
.head-main.compress .logo-img {
    max-height: 70px;
}
#single-product .js-swiper-product-pagination.swiper-pagination.swiper-pagination-bullets {
    margin-top: -30px;
    padding: 0 !important;
}
.modal-nav-hamburger .nav-list-link {
    padding: 12px 15px;
    font-size: 14px;
}
.head-main {
    border-bottom: none;
}
.js-big-search-mobile {
    padding-bottom: 5px !important;
}
input.btn.btn-primary.cart {
    font-size: 16px;
}
}


.js-accordion-private-content {
    display: block !important;
}

.hintup-promotions-couponBox-title, .hintup-promotions-couponBox-fields1 {
    display: none;
}

.tooltip-icon{
    color: #000 !important;
}

body .info-preco-atacado {
    padding-top: 1rem !important;
    
}

body .info-preco-atacado img {
    margin-left: -1px !important;
}

body .info-preco-atacado h6 {
    margin-left: 31px !important;
}

.js-item-name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #1e1e1e;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    min-height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.js-item-image-padding {
    padding-bottom: 100% !important;
}

.item-image img {
    height: auto;
    width: 100%;
}

body .js-shipping-list-item {
    padding-top: 1rem !important;
}

.js-shipping-radio .radio-button-icons-container {
    margin-top: 10px;
}

div#info-payment-method-credit_card, div#info-payment-method-boleto, div#info-payment-method-pix {
    padding-top: 1rem !important;
}

@media(min-width: 992px){


    .product-detail-slider .product-slider-image{
        max-height: 450px;
    }
    
    .js-product-slide-link{
        padding-bottom: 67% !important;
        /* height: 435px; */
    }

    .st-Ferramentas .item-with-subitems .list-subitems{
        display: none !important;
    }

    .st-Ferramentas .item-with-subitems .nav-list-link {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: normal;
        padding-left: 5px;
        border-left: 1px solid #1d2f4f;
    }

    .st-Ferramentas .desktop-list-subitems {
        display: grid;
    }

    .side.contact{
         display: none !important;
     }
}

@media (max-width: 992px) {
    
    .logo-img, .logo-text{
        max-height: 53px !important;
    }
    
    div#ajax-cart a img{
        max-height: 25px !important;
    }
    
    span.js-ajax-cart-total.js-cart-subtotal.text-left, div#cart-progress, span.js-cart-widget-amount.badge:before{
        font-size: 11px !important;
    }

    .search-btn{
        top: 35% !important;
    }

     /* .js-utility-col{
        display: block !important;
        padding: 0px !important;
        margin: 0px !important;
    } */
    
    .st-utilities .row{
        flex-wrap: nowrap !important;
        
    }
    
    .st-whats{
        display: none !important;
    }
    
    .utilities-container img{
        margin-right: 3px !important;
        max-height: 21px !important;
    }
    
    span.utilities-container a, .utilities-container{
        font-size: 11px !important;
    }
    
    .utilities-container .text-left {
        width: 83px;
        display: grid;
        line-height: 7px;
    }
    
    /* .js-utility-col:nth-child(3) {
        margin-right: 37px !important;
    } */
    
    div#ajax-cart img {
        margin-right: 7px !important;
    }
    
    .col-md-5.col.st-utilities .contact {
        display: none;
    }
    
    .modal-body.nav-body .contact {
        position: relative;
        display: flex;
        gap: 10px;
        align-items: center;
        font-size: 14px;
        color: #1d2f4f;
        line-height: 1.2;
    }
    
    .side.contact svg {
        width: 23px;
        height: 23px;
        fill: #1d2f4f;
    }
    
    .modal-body.nav-body .col {
        display: flex;
    }
    
    .side.contact .info {
        font-size: 11px;
    }
}