/* ===== Fonte: style.css?20250630175346 ===== */

html,
body {
    overflow-x: hidden;
}

*,
html {
    margin: 0px;
    padding: 0px;
}

* {
    box-sizing: border-box;
    position: relative;
}

body {
    font-family: arial, serif;
    color: rgb(109, 109, 109);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0px;
    color: rgb(21, 73, 116);
    font-family: Bitter, serif;
}

a {
    color: rgb(119, 119, 119);
}

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

a {
    text-decoration: none;
}

img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.terms-of-service p,
.cat-search,
.header-right-callus h3,
.shipping-checkout-btn a,
.nivo-caption h2,
.facality-text h3,
.newsletter-area h2,
.newsletter-btn,
.fllow-us-area h2,
.footer-top-right-1 h2,
.footer-top-right-2 h2,
.company-list-menu ul li,
.our-testimonials p,
.home-link-menu ul li a,
.product-left-sidebar h2.left-title,
span.sidebar-title,
.category-header-text h2,
.product-category-title h1,
.product-category-title h1 span.count-product,
.product-shooting-bar label,
.compare-button,
.showing-next-prev nav ul li a,
.showing-next-prev nav ul li a.pagi-num,
.showall-button,
.list-view-content .customar-comments-box a,
.list-view-content .overlay-content-list ul li a.add-cart-text,
.list-view-content .overlay-content-list ul li a.alert-cart-text,
.list-view-content .overlay-content-list ul li a.price-cart-text,
div.file-uploader span.action,
.error-form p,
form.error-ser-form .error-ser-btn,
.primary-form-group label,
.main-btn,
.success-full-account-create p,
.p-info-group span,
.Permalink p,
.wishlists-item-title a,
.Permalink a,
a.wish-save,
span.shop-pro-item,
ul.step li a,
ul.step li span,
ul.step li.step-current span,
ul.step li.step-current-end span,
ul.step li.step-current,
ul.step li.step-current-end,
#cart-summary tbody td.cart-avail span,
.price-percent-reduction,
#cart-summary tfoot td.text-right,
#cart-summary tfoot tbody td.cart-unit,
#cart-summary tbody tfoot td.cart-unit,
#cart-summary tfoot tbody td.cart-total,
#cart-summary tbody tfoot td.cart-total,
#cart-summary tfoot td#total-price-container,
.returne-continue-shop a.continueshoping,
.returne-continue-shop a.procedtocheckout,
p.filup-below,
.update-button a,
.add-new-address a,
.product-delivery-address p,
table.delivery-table tr td .carrey-info strong,
.single-payment-method a,
.single-payment-method span,
button.large-btn,
.single-product-descirption h2,
.single-product-condition p,
.single-product-desc .product-in-stock p,
.product-in-stock p span,
.single-product-desc .product-not-in-stock p,
.product-not-in-stock p span,
.calculo-frete>p,
.single-product-size p,
.single-product-color p,
.add-cart-text,
.alert-cart-text,
.price-cart-text,
.calc-frete-text .calc-cupom-text,
.table-data-sheet tr td:first-child,
.tab-rating-box span,
.review-author-info strong,
.review-author-info span,
a.write-review-btn,
.single-product-right-sidebar h2.left-title,
body.index-2 .category-heading h2,
body.index-2 .category-menu-list ul li a.menu-item-heading {
    font-weight: bold;
}

h2.page-title {
    border-bottom: 1px solid rgb(214, 212, 212);
    color: rgb(85, 84, 84);
    font-size: 18px;
    line-height: 22px;
    font-family: Bitter, serif;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0px;
    overflow: hidden;
    padding: 0px 0px 17px;
    text-transform: uppercase;
}

.main-content-section {}

.table {
    margin-bottom: 30px;
}

#cart-summary thead th {
    padding: 7px 8px 9px;
}

.text-center,
#cart-summary thead th.cart-product,
#cart-summary tbody td.cart-product,
#cart-summary tbody td.cart-avail,
#cart-summary tbody td.cart-delete {
    text-align: center;
}
#toast {
    padding: 10px 10px 10px 35px;
    position: fixed;
    top: 85%;
    transform: translateY(-50%);
    left: 5%;
    background-color: rgba(81, 163, 81, 0.9);
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 111;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-blend-mode: overlay;
}

.table>thead>tr>th {
    background: none 0px 0px repeat scroll rgb(227 36 224);
    border-bottom-width: 1px;
    color: rgb(255, 255, 255);
    vertical-align: middle;
    font-size: 13px;
}

.table thead>tr>th,
.table thead>tr>td,
.table tbody>tr>th,
.table tbody>tr>td,
.table tfoot>tr>th,
.table tfoot>tr>td {
    line-height: 1.42857;
}

#cart-summary tbody td.cart-product {
    padding: 7px;
    width: 130px;
}

#cart-summary tbody td.cart-description {}

.table tbody>tr>td {
    vertical-align: middle;
}

#cart-summary tbody td.cart-avail {
    width: 8%;
}

.text-right,
#cart-summary tbody td.cart-unit,
#cart-summary tbody td.cart-total {
    text-align: right;
}

#cart-summary tbody td.cart-delete {
    width: 1%;
}

#cart-summary tbody td {
    padding: 7px 8px 9px;
}

#cart-summary tbody td.cart-product img {}

p.product-name {
    margin-bottom: 0px;
    margin-top: 0px;
}

p.product-name a {
    color: rgb(58, 57, 57);
    font-size: 17px;
    line-height: 23px;
}

.label-success {
    border: 1px solid rgb(54, 148, 62);
}

#cart-summary tbody td.cart-avail span {
    border-radius: 5px;
    display: block;
    font-size: 13px;
    padding: 6px 10px;
    white-space: nowrap;
}

a.wishlit_delete i {
    font-size: 22px;
    color: rgb(0, 0, 0);
}

.price {
    color: rgb(119, 119, 119);
    font-size: 13px;
    white-space: nowrap;
}

.table tfoot tr {
    background: none 0px 0px repeat scroll rgb(251, 251, 251);
    text-align: right;
}

#cart-summary tfoot td.total-price-container span {
    color: rgb(85, 84, 84);
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.single-product-info a:hover {
    background:rgb(227 36 224);
    color: #fff;
}

.wishlit_delete i:hover
 {
    font-size: 22px;
    color: #4dc2ec;
}

.botao-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.back-button-left,
.back-button-right {
  background-color: #e324e0;
  padding: 12px 24px;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  border-radius: 25px;
  transition: background-color 0.3s ease;
  width: auto;
}

#cart-summary tfoot td#total-price-container {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    font-size: 21px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
}

.total-price-container {}

.single-product-social-share,
.single-product-condition,
.single-product-price,
.product-in-stock,
.single-product-info,
.single-product-info a,
.calculo-frete,
.single-product-size select option,
.single-product-right-sidebar ul li,
.r-sidebar-pro-content,
.r-sidebar-pro-content h5 {
    overflow: hidden;
}

.single-product-info {
    float: left;
    border: 1px solid rgb(245, 245, 245);
    border-radius: 5px;
}

.single-product-info a {
    background: none 0px 0px repeat scroll rgb(62, 62, 62);
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    transition: 0.3s;
    width: 60px;
}

.price {}

.modal-content {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
    max-height: 900px;
}

.produto-carrinho,
.produto-pedido {
    height: 80px;
    width: 100px;
    text-align: center;
}

footer {
    clear: both;
    width: 100%;
    height: 60px;
    border-top: 1px solid rgb(221, 221, 221);
}


/* ===== Fonte: responsive.css ===== */

@media (max-width: 767px) {
    .container {
        width: 320px;
    }
}

@media (max-width: 767px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    h2.page-title {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .container {
        width: 700px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .container {
        width: 620px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    body {
        margin: -35px 0px 0px;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .container {
        width: 540px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 457px) and (max-width: 554px) {
    .container {
        width: 390px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 457px) and (max-width: 554px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 457px) and (max-width: 554px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 412px) and (max-width: 457px) {
    .container {
        width: 390px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 412px) and (max-width: 457px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 412px) and (max-width: 457px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    .container {
        width: 355px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 337px) and (max-width: 374px) {
    .container {
        width: 355px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 337px) and (max-width: 374px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 337px) and (max-width: 374px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    .container {
        width: 310px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    body {
        margin: -35px -10px -10px;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    .produto-carrinho {
        height: 52px;
        width: 52px;
        text-align: center;
    }
}

@media (min-width: 0px) and (max-width: 319px) {
    .container {
        width: 210px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 0px) and (max-width: 319px) {
    .produto-carrinho {
        height: 72px;
        width: 72px;
        text-align: center;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    h2.page-title {
        font-size: 18px;
    }
}

@media (max-width: 1100px) {
    .modal-content {
        overflow-y: auto;
    }
}

/* ===== Fonte: all.min.css ===== */

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype");
}

.fa-brands,
.fab {
    font-weight: 400;
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}

.fa-solid,
.fas {
    font-weight: 900;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

/* ===== Fonte: inline ===== */

html,
body {
    height: 100%;
    margin: 0px;
    display: flex;
    flex-direction: column;
}

.main-content-section {
    flex: 1 1 0%;
    padding: 0px;
    margin: 0px;
}

.highlight {
    position: absolute;
    height: 50%;
    width: 100px;
    top: 25%;
    left: 0px;
    pointer-events: none;
    opacity: 0.5;
}

.qtde-cart-link {
    user-select: none;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#header-material {
    position: fixed;
    background: rgb(40, 40, 40);
    z-index: 60;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 70px;
}

#header {
    float: left;
    color: rgb(85, 85, 85);
    margin: 18px 15px 10px 5px;
}

#header h1,
#header a {
    font-size: 22px;
    font-weight: 400;
    color: rgb(85, 85, 85);
}

a.toggleMenu {
    display: none;
    color: rgb(85, 85, 85);
    float: left;
    padding: 10px 12px;
    margin: 10px;
    border-radius: 100%;
}

#header-material a {
    line-height: 1;
}

#showmenu,
a.dialogUi {
    color: rgb(255, 255, 255);
    float: right;
    padding: 10px 12px;
    margin: 10px 10px 0px 0px;
    border-radius: 100%;
}

.header img {
    max-width: 200px;
    margin: -5px 20px 0px;
}

a img {
    border: 0px none;
    outline: 0px;
}

img,
table {
    max-width: 100%;
    height: auto;
}

.fas {
    font-size: 16px;
    font-family: "Font Awesome 6 Free";
}

#searchblanterx {
    position: relative;
    overflow: hidden;
    float: left;
}

#searchblanterx input#search-text {
    border: 0px;
    padding: 10px 15px;
    margin: 17px;
    border-radius: 5px;
    width: 600px;
    font-size: 16px;
    font-family: "Google Sans", Arial;
    max-width: 100%;
    outline: none;
}

button.search-submit {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgb(255, 73, 0);
    border: none;
    color: rgb(255, 255, 255);
    width: 80px;
    height: 40px;
    line-height: 1;
    padding: 8px;
    border-radius: 0px 5px 5px 0px;
    outline: none;
    cursor: pointer;
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    #searchblanterx input#search-text {
        width: 400px;
    }
}

@media screen and (max-width: 980px) {
    #searchblanterx input#search-text {
        width: auto;
        padding: 4px 8px;
        margin: 0px;
        box-shadow: none;
        height: 30px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 980px) {
    #searchmaterial {
        position: absolute;
        left: 7%;
        top: 10px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 980px) {
    #btn-search {
        background: rgb(254, 135, 35);
        border: none;
        color: rgb(255, 255, 255);
        width: auto;
        height: auto;
        line-height: 1;
        padding: 8px;
        border-radius: 0px 5px 5px 0px;
        outline: none;
        cursor: pointer;
        margin: -7.4%;
    }
}

@media screen and (max-width: 380px) {
    #searchmaterial {
        width: 50%;
    }
}

@media screen and (max-width: 380px) {
    #searchblanterx input#search-text {
        width: auto;
    }
}

@media screen and (max-width: 980px) {
    #header-material {
        height: 57px;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
    }
}

.modal {
    display: none;
    z-index: 99;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.2);
}

.modal-content {
    position: relative;
    margin: 15% auto;
    box-shadow: none;
    background-color: transparent;
    overflow: hidden;
    border: none;
}

.loader {
    border-width: 8px;
    border-style: solid;
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-image: initial;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: 1s linear 0s infinite normal none running spin;
    margin: 0px auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}