*,
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.left-title {
    border-top: 1px solid rgb(176, 177, 179);
    color: rgb(0, 97, 141);
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@-webkit-keyframes timebar {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

.tab-content {}

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

.single-product-view {}

.single-product-image {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 336px;
    height: 336px;
}

.single-product-descirption {
    margin-bottom: 60px;
}

.single-product-descirption h2 {
    color: rgb(51, 51, 51);
    font-size: 24px;
    line-height: 29px;
    margin: 0px 0px 5px;
    padding: 0px 0px 5px;
    text-transform: uppercase;
}

.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-price {
    margin: 5px 0px 1px;
    float: left;
}

.single-product-price h2 {
    color: rgb(21, 73, 116);
    font-family: Bitter, serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin: 0px;
}

.single-product-desc {
    height: 100px;
}

.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;
}

.single-product-add-cart {}

.add-cart-text {
    background: none 0px 0px repeat scroll rgb(255, 167, 0);
    border: 0px none;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0px 30px;
    position: relative;
    text-transform: uppercase;
    transition: 300ms;
}

.product-more-info-tab {
    margin-bottom: 50px;
}

.more-info-tab {
    background: none 0px 0px repeat scroll rgb(245, 245, 245);
    border-bottom: medium none;
}

.more-info-tab li a {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-right: 1px solid rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    display: block;
    font-size: 16px;
    line-height: 54px;
    font-weight: 400;
    font-family: Bitter, serif;
    padding: 0px 10px;
    position: relative;
    text-transform: uppercase;
    border-radius: 0px;
    margin-right: 0px;
}

.more-info-tab>li.active>a,
.more-info-tab>li.active>a:focus,
.more-info-tab>li.active>a:hover {
    background-color: rgb(21, 73, 116);
    border: none;
    color: rgb(255, 255, 255);
}

.more-info-tab>li {
    float: left;
    margin-bottom: 0px;
}

.product-more-info-tab .tab-content {
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
    display: block;
    margin: 0px;
    padding: 20px 10px;
}

.tab-description {
    padding: 0px 20px 20px;
}

.deta-sheet {
    padding-bottom: 10px;
}

table.table-data-sheet {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-bottom: 1px solid rgb(214, 212, 212);
    margin: 0px 0px 20px;
    width: 100%;
}

table.table-data-sheet tr {
    border-top: 1px solid rgb(214, 212, 212);
}

.table-data-sheet tr td {
    font-size: 13px;
    padding: 10px 20px 11px;
}

.table-data-sheet tr td:first-child {
    border-right: 1px solid rgb(214, 212, 212);
    color: rgb(51, 51, 51);
    width: 30%;
}

.odd {}

td.td-bg {
    background: rgb(253, 253, 253);
}

.left-title {}

.price {}

.single-product-right-sidebar {
    margin-bottom: 20px;
}

.single-product-right-sidebar ul {}

.single-product-right-sidebar ul li {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 20px 0px;
}

.single-product-right-sidebar ul li:last-child {
    border-bottom: 0px solid rgb(204, 204, 204);
}

.single-product-right-sidebar ul li a {
    float: left;
    margin: 0px 17px 0px 0px;
}

.single-product-right-sidebar ul li a img {
    border: 1px solid rgb(204, 204, 204);
}

.r-sidebar-pro-content {
    font-size: 13px;
    line-height: 18px;
}

.r-sidebar-pro-content h5 {}

.r-sidebar-pro-content h5 a {
    color: rgb(51, 51, 51);
    display: block;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    transition: 300ms;
    margin-bottom: 10px;
    margin-right: 0px !important;
}

.produto-vertical {
    height: 80px;
    width: 80px;
    text-align: center;
    position: relative;
}

@keyframes zoom {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

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

.bstore-breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    font-size: 20px;
    margin: -10px 0px 24px;
}

.bstore-breadcrumb a {
    font-size: 13.5px;
    color: rgb(51, 51, 51);
    background: rgb(245, 245, 245);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
}

.bstore-breadcrumb span {
    font-size: 13.5px;
    opacity: 0.8;
    background: rgb(245, 245, 245);
    padding: 4px 10px;
    border-radius: 20px;
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .single-product-image {
        background: none 0px 0px repeat scroll rgb(255, 255, 255);
        border: 24px solid rgb(255, 255, 255);
        cursor: pointer;
        display: block;
        padding: 5px;
        position: relative;
        text-align: center;
        width: 336px;
        height: 336px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .bstore-breadcrumb {
        margin: 5px 0px 19px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .single-product-right-sidebar ul li a {
        float: none;
        margin: 0px 0px 10px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .r-sidebar-pro-content {
        margin: 10px 0px 0px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .single-product-descirption h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0px 0px 5px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .more-info-tab li a {
        font-size: 16px;
        line-height: 50px;
        padding: 0px 10px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .tab-description {
        padding: 0px 10px 20px;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .single-product-price {
        padding: 17px 0px 7px;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .single-product-view .single-product-image {
        margin: 0px auto;
        width: 273px;
        height: 273px;
    }
}

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

@media (max-width: 767px) {
    .single-product-view .single-product-image {
        margin: 0px auto;
        width: 270px;
        height: 270px;
    }
}

@media (max-width: 767px) {
    .bstore-breadcrumb {
        margin: 19px 0px 15px;
    }
}

@media (max-width: 767px) {
    .single-product-view {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .single-product-descirption h2 {
        font-size: 20px;
        line-height: 25px;
        margin: 10px 0px 0px;
    }
}

@media (max-width: 767px) {
    .more-info-tab li a {
        font-size: 14px;
        line-height: 40px;
        padding: 0px 6px;
    }
}

@media (max-width: 767px) {
    .tab-description {
        padding: 0px 5px 20px;
    }
}

@media (max-width: 767px) {
    .single-product-price {
        padding: 2px 0px 5px;
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .single-product-view .single-product-image {
        margin: 0px auto;
        width: 158px;
        height: 158px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bstore-breadcrumb {
        margin: 5px 0px 19px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-product-right-sidebar ul li a {
        float: none;
        margin: 0px 0px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .r-sidebar-pro-content {
        margin: 10px 0px 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-product-descirption h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0px 0px 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .more-info-tab li a {
        font-size: 16px;
        line-height: 50px;
        padding: 0px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tab-description {
        padding: 0px 10px 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-product-price {
        padding: 17px 0px 7px;
    }
}

@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) {
    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) {
    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) {
    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) {
    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) {
    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) {
    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) {
    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: 0px) and (max-width: 319px) {
    .container {
        width: 210px;
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .bstore-breadcrumb {
        margin: 30px 0px 19px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-product-view {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-product-view .single-product-image {
        margin: 0px auto;
        width: 280px;
        height: 280px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-product-right-sidebar ul li {
        padding: 15px 0px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-product-descirption h2 {
        font-size: 22px;
        line-height: 29px;
        margin: 0px 0px 5px;
    }
}

.single-product-descirption h2 {
    font-size: 24px;
    line-height: 24px;
    margin: 0px 0px 5px;
}

.single-product-price h2 {
    font-size: 25px;
}

.more-info-tab li a {
    font-size: 15px;
    line-height: 45px;
    padding: 0px 10px;
}

.tab-description {
    padding: 0px 10px 20px;
}

.single-product-price {
    padding: 17px 0px 7px;
}

html {
    font-family: sans-serif;
    text-size-adjust: 100%;
}

body {
    margin: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

a {
    background-color: transparent;
}

b,
strong {
    font-weight: 700;
}

img {
    border: 0px;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
    cursor: pointer;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

table {
    border-spacing: 0px;
    border-collapse: collapse;
}

td,
th {
    padding: 0px;
}

@media print {

    *,
    ::after,
    ::before {
        color: rgb(0, 0, 0) !important;
        text-shadow: none !important;
        background: 0px 0px !important;
        box-shadow: none !important;
    }
}

@media print {

    a,
    a:visited {
        text-decoration: underline;
    }
}

@media print {

    img,
    tr {
        break-inside: avoid;
    }
}

@media print {
    img {
        max-width: 100% !important;
    }
}

@media print {

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
}

@media print {

    h2,
    h3 {
        break-after: avoid;
    }
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype");
}

* {
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: rgb(51, 122, 183);
    text-decoration: none;
}

img {
    vertical-align: middle;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.h2,
h2 {
    font-size: 30px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 18px;
}

.h5,
h5 {
    font-size: 14px;
}

p {
    margin: 0px 0px 10px;
}

.text-left {
    text-align: left;
}

ol,
ul {
    margin-top: 0px;
    margin-bottom: 10px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 850px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }
}

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-sm-9 {
        width: 75%;
    }
}

@media (min-width: 768px) {
    .col-sm-8 {
        width: 66.6667%;
    }
}

@media (min-width: 768px) {
    .col-sm-4 {
        width: 33.3333%;
    }
}

@media (min-width: 768px) {
    .col-sm-3 {
        width: 25%;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-9 {
        width: 75%;
    }
}

@media (min-width: 992px) {
    .col-md-7 {
        width: 58.3333%;
    }
}

@media (min-width: 992px) {
    .col-md-5 {
        width: 41.6667%;
    }
}

@media (min-width: 992px) {
    .col-md-3 {
        width: 25%;
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-9 {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .col-lg-7 {
        width: 58.3333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5 {
        width: 41.6667%;
    }
}

@media (min-width: 1200px) {
    .col-lg-3 {
        width: 25%;
    }
}

table {
    background-color: transparent;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0px 0px;
    line-height: normal;
}

.nav {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-tabs {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0px 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: rgb(85, 85, 85);
    cursor: default;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent;
    border-image: initial;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0px;
    }

    100% {
        background-position: 0px 0px;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0px;
    }

    100% {
        background-position: 0px 0px;
    }
}

.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";
}

@-webkit-keyframes fa-beat {

    0%,
    90% {
        transform: scale(1);
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25));
    }
}

@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1);
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25));
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0px);
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
    }

    64% {
        transform: scale(1) translateY(0px);
    }

    100% {
        transform: scale(1) translateY(0px);
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0px);
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
    }

    64% {
        transform: scale(1) translateY(0px);
    }

    100% {
        transform: scale(1) translateY(0px);
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4);
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4);
    }
}

@-webkit-keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125));
    }
}

@keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125));
    }
}

@-webkit-keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    }
}

@-webkit-keyframes fa-shake {
    0% {
        transform: rotate(-15deg);
    }

    4% {
        transform: rotate(15deg);
    }

    8%,
    24% {
        transform: rotate(-18deg);
    }

    12%,
    28% {
        transform: rotate(18deg);
    }

    16% {
        transform: rotate(-22deg);
    }

    20% {
        transform: rotate(22deg);
    }

    32% {
        transform: rotate(-12deg);
    }

    36% {
        transform: rotate(12deg);
    }

    40%,
    100% {
        transform: rotate(0deg);
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg);
    }

    4% {
        transform: rotate(15deg);
    }

    8%,
    24% {
        transform: rotate(-18deg);
    }

    12%,
    28% {
        transform: rotate(18deg);
    }

    16% {
        transform: rotate(-22deg);
    }

    20% {
        transform: rotate(22deg);
    }

    32% {
        transform: rotate(-12deg);
    }

    36% {
        transform: rotate(12deg);
    }

    40%,
    100% {
        transform: rotate(0deg);
    }
}

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

    100% {
        transform: rotate(1turn);
    }
}

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

    100% {
        transform: rotate(1turn);
    }
}

: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;
}

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

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

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

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

.galery {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    display: flex;
}

#thumbnails {
    width: 40%;
    padding: 10px;
}

.estrelas input[type="radio"] {
    display: none;
}

.image-container {
    position: relative;
    overflow: hidden;
}

.zoom-square {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    pointer-events: none;
    display: none;
    z-index: 100;
    background: repeating-linear-gradient(0deg, rgb(243, 43, 127) 0px, rgb(243, 43, 127) 1px, transparent 1px, transparent 3px);
}

.zoom-area {
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid rgb(51, 51, 51);
    pointer-events: none;
    display: none;
    overflow: hidden;
    z-index: 100;
    top: 0px !important;
    left: 50% !important;
}

.zoom-area img {
    max-width: 200%;
    max-height: 200%;
    transform-origin: left top;
}

#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;
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

.section,
.widget {
    margin: 0px;
    padding: 0px;
}

b,
strong {
    font-weight: 700;
}

cite,
em,
i {
    font-style: italic;
}

a:link {
    color: rgb(52, 152, 219);
    text-decoration: none;
    outline: 0px;
}

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

blockquote,
dl,
figure,
form,
hr,
ol,
p,
pre,
table,
ul {
    margin: 0px 0px 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Farro, Arial;
    letter-spacing: 0.5px;
}

dl,
ol,
ul {
    margin: 0.5em 0px 0.5em 3em;
}

li {
    list-style: none;
    text-align: -webkit-auto;
}

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

.clear {
    clear: both;
}

a:link {
    transition: 0.2s;
}

i.material-icons {
    max-width: 27px;
    max-height: 27px;
    overflow: hidden;
    display: inline-block;
}

body {
    font-family: "Google Sans", Arial, sans-serif;
    background: rgb(255, 255, 255);
    display: block;
    line-height: 1.4;
    overflow-x: hidden;
}

.material,
#material {
    width: 1170px;
    max-width: 100%;
    margin: 0px auto;
    position: relative;
}

#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%;
}

#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;
}

#footer-bottom p {
    margin: 10px;
}

.grid.one-half {
    margin: 0px auto;
    width: 85%;
    max-width: 100%;
}

#footer-bottom {
    font-family: Farro, sans-serif;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
    color: rgb(68, 68, 68);
    border-top: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
}

#footer-bottom a {
    color: rgb(68, 68, 68);
}

.quick-links li a {
    color: rgb(119, 119, 119);
    margin: 2px 0px;
    display: inline-block;
}

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

.float_material {
    transition: 0.3s ease-out;
    transform: translateZ(0px);
}

.buttonx,
form input[type="button"] {
    background: rgb(52, 152, 219);
    padding: 12px 25px;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    cursor: pointer;
    font-weight: 500;
    font-family: "Google Sans", Farro;
    color: rgb(255, 255, 255) !important;
    transition: 0.3s ease-in-out !important;
}

.buttonx.subs {
    text-transform: none;
    letter-spacing: 0.5px;
    font-weight: 500;
    padding: 10px 18px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    box-shadow: none;
    border-radius: 0px 7px 7px 0px;
    margin-top: 0px !important;
}

.input-field .buttonx {
    margin-top: 15px;
}

.input-field .buttonx i {
    margin-right: 5px;
}

.input-field {
    position: relative;
    margin: 15px 0px;
}

.input-field input,
.input-field textarea {
    font-size: 15px;
    padding: 12px 0px 12px 12px;
    display: block;
    width: 94%;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
}

.input-field label {
    color: rgb(153, 153, 153);
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 15px;
    transition: 0.2s;
}

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

#footer-material {
    background: rgb(245, 245, 245);
    border-top: 1px solid rgb(221, 221, 221);
}

#footer-material .material {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    overflow: hidden;
    gap: 25px;
    margin: 0px auto;
    padding: 40px 25px 50px;
}

.footer-ui h2,
.footer-ui h3 {
    font-size: 17px;
    color: rgb(17, 17, 17);
    font-weight: 500;
    margin: 5px 0px 20px;
}

.footer-ui .widget-content {
    font-size: 15px;
}

ul.sosmedimut {
    overflow: hidden;
    padding: 10px 0px;
    margin: 0px;
}

.sosmedimut li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
}

.sosmedimut li a {
    background: rgb(255, 255, 255);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    color: rgb(68, 68, 68);
    margin: 0px 10px 0px 0px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.sosmedimut li a.fcb {
    color: rgb(25, 79, 197);
}

.sosmedimut li a.twt {
    color: rgb(0, 0, 0);
}

.sosmedimut li a.joz {
    color: rgb(211, 0, 197);
}

.sosmedimut li a.ytx {
    color: rgb(13, 189, 66);
}

li.sos-title {
    margin: 7px;
    font-size: 14px;
}

.back-button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.09) 2px 2px 5px;
    background-color: rgb(227, 36, 224);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.3s, transform 0.2s;
    margin-bottom: 8px;
}

.back-button a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.back-button i {
    font-size: 20px;
}

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

    20% {
        transform: rotate(26deg);
    }

    40% {
        transform: rotate(-26deg);
    }

    60% {
        transform: rotate(26deg);
    }

    80% {
        transform: rotate(-26deg);
    }

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

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

    20% {
        transform: rotate(26deg);
    }

    40% {
        transform: rotate(-26deg);
    }

    60% {
        transform: rotate(26deg);
    }

    80% {
        transform: rotate(-26deg);
    }

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

a.cart-wish {
    position: relative;
    z-index: 10;
    background: rgb(255, 255, 255);
    color: rgb(227, 36, 224);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 10px -4px;
    float: right;
    padding: 10.5px 12px;
    margin: 14px 10px 0px 0px;
    border-radius: 5px;
}

#cart-num {
    background: rgb(227, 36, 224);
    color: rgb(255, 255, 255);
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    line-height: 1.4;
    border-radius: 100%;
    text-align: center;
}

.third-service div {
    display: inline-block;
    height: 38px;
    width: 80px;
    margin: 3px 2px;
    border-radius: 5px;
    background-position: center center;
    background-size: 80%;
    float: left;
    background-repeat: no-repeat;
}

.gosend {
    background: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 46 22\" fill=\"%23707780\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><path d=\"M3 12.5C3 12.2239 3.22386 12 3.5 12H7.5C7.77614 12 8 12.2239 8 12.5C8 12.7761 7.77614 13 7.5 13H3.5C3.22386 13 3 12.7761 3 12.5Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"></path><path d=\"M0 2.5C0 1.11929 1.11929 0 2.5 0H17.5C18.8807 0 20 1.11929 20 2.5V13.5C20 14.8807 18.8807 16 17.5 16H2.5C1.11929 16 0 14.8807 0 13.5V2.5ZM1 7V13.5C1 14.3284 1.67157 15 2.5 15H17.5C18.3284 15 19 14.3284 19 13.5V7H1ZM19 4H1V2.5C1 1.67157 1.67157 1 2.5 1H17.5C18.3284 1 19 1.67157 19 2.5V4Z\"></path></svg>") no-repeat;
}

.grab {
    background: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 46 22\" fill=\"%23707780\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><path d=\"M1.5 1C1.22386 1 1 1.22386 1 1.5V4.5C1 4.77614 0.776142 5 0.5 5C0.223858 5 0 4.77614 0 4.5V1.5C0 0.671573 0.671573 0 1.5 0H4.5C4.77614 0 5 0.223858 5 0.5C5 0.776142 4.77614 1 4.5 1H1.5ZM17 0.5C17 0.223858 17.2239 0 17.5 0H20.5C21.3284 0 22 0.671573 22 1.5V4.5C22 4.77614 21.7761 5 21.5 5C21.2239 5 21 4.77614 21 4.5V1.5C21 1.22386 20.7761 1 20.5 1H17.5C17.2239 1 17 0.776142 17 0.5ZM3.5 3C3.77614 3 4 3.22386 4 3.5V12.5C4 12.7761 3.77614 13 3.5 13C3.22386 13 3 12.7761 3 12.5V3.5C3 3.22386 3.22386 3 3.5 3ZM6.5 3C6.77614 3 7 3.22386 7 3.5V12.5C7 12.7761 6.77614 13 6.5 13C6.22386 13 6 12.7761 6 12.5V3.5C6 3.22386 6.22386 3 6.5 3ZM9.5 3C9.77614 3 10 3.22386 10 3.5V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V3.5C9 3.22386 9.22386 3 9.5 3ZM12.5 3C12.7761 3 13 3.22386 13 3.5V12.5C13 12.7761 12.7761 13 12.5 13C12.2239 13 12 12.7761 12 12.5V3.5C12 3.22386 12.2239 3 12.5 3ZM15.5 3C15.7761 3 16 3.22386 16 3.5V12.5C16 12.7761 15.7761 13 15.5 13C15.2239 13 15 12.7761 15 12.5V3.5C15 3.22386 15.2239 3 15.5 3ZM0.5 11C0.776142 11 1 11.2239 1 11.5V14.5C1 14.7761 1.22386 15 1.5 15H4.5C4.77614 15 5 15.2239 5 15.5C5 15.7761 4.77614 16 4.5 16H1.5C0.671573 16 0 15.3284 0 14.5V11.5C0 11.2239 0.223858 11 0.5 11ZM21.5 11C21.7761 11 22 11.2239 22 11.5V14.5C22 15.3284 21.3284 16 20.5 16H17.5C17.2239 16 17 15.7761 17 15.5C17 15.2239 17.2239 15 17.5 15H20.5C20.7761 15 21 14.7761 21 14.5V11.5C21 11.2239 21.2239 11 21.5 11Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"></path><path d=\"M18.5 3C18.7761 3 19 3.22386 19 3.5V12.5C19 12.7761 18.7761 13 18.5 13C18.2239 13 18 12.7761 18 12.5V3.5C18 3.22386 18.2239 3 18.5 3Z\"></path></svg>") no-repeat;
}

.jne {
    background: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 52 22\" fill=\"%23707780\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><path d=\"M5.19223 5.24323C6.06969 5.24323 6.89487 5.58498 7.51525 6.20516L10.8818 9.57225C11.1243 9.8147 11.5202 9.81575 11.7633 9.57193L15.1175 6.21736C15.738 5.59718 16.5632 5.25554 17.4407 5.25554H17.8447L13.5842 0.995107C12.2574 -0.331702 10.1063 -0.331702 8.77948 0.995107L4.53135 5.24323H5.19223ZM17.4406 17.108C16.5632 17.108 15.738 16.7664 15.1176 16.1462L11.7632 12.792C11.5278 12.5558 11.1173 12.5565 10.8819 12.792L7.51531 16.1585C6.89482 16.7786 6.06964 17.1202 5.19219 17.1202H4.5312L8.77943 21.3686C10.1062 22.6953 12.2574 22.6953 13.5842 21.3686L17.8447 17.108H17.4406ZM18.794 6.20484L21.3686 8.77947C22.6954 10.1062 22.6954 12.2573 21.3686 13.5842L18.7941 16.1587C18.7373 16.1359 18.6761 16.1218 18.6112 16.1218H17.4407C16.8354 16.1218 16.243 15.8764 15.8154 15.4484L12.4611 12.0945C11.8532 11.4859 10.7925 11.4862 10.184 12.0942L6.81744 15.4607C6.38976 15.8886 5.79746 16.134 5.19222 16.134H3.75286C3.69154 16.134 3.634 16.1486 3.57983 16.169L0.995108 13.5842C-0.331703 12.2573 -0.331703 10.1062 0.995108 8.77947L3.57994 6.19464C3.63411 6.21504 3.69154 6.22956 3.75286 6.22956H5.19222C5.79746 6.22956 6.38976 6.47496 6.81744 6.90285L10.1843 10.2697C10.4982 10.5833 10.9103 10.7404 11.3227 10.7404C11.7349 10.7404 12.1473 10.5833 12.4611 10.2694L15.8154 6.91505C16.243 6.48716 16.8354 6.24176 17.4407 6.24176H18.6112C18.676 6.24176 18.7373 6.22756 18.794 6.20484Z\"></path><path d=\"M18.5 3C18.7761 3 19 3.22386 19 3.5V12.5C19 12.7761 18.7761 13 18.5 13C18.2239 13 18 12.7761 18 12.5V3.5C18 3.22386 18.2239 3 18.5 3Z\"></path></svg>") no-repeat;
}

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

@media screen and (max-width: 980px) {
    a.cart-wish {
        margin-top: 8px;
    }
}

@media screen and (max-width: 980px) {
    #header {
        margin: 14px 15px 10px 5px;
    }
}

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

    #header h1,
    #header a {
        font-size: 18px;
    }
}

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

    a.toggleMenu,
    #showmenu {
        color: rgb(255, 255, 255);
        padding: 8px 10px;
        margin: 7px;
    }
}

@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) {

    .grid.one-half,
    #footer-bottom {
        width: auto;
    }
}

@media screen and (max-width: 980px) {
    #footer-bottom p {
        line-height: 1.8;
    }
}

@media screen and (max-width: 980px) {
    #footer-material {
        grid-template-columns: 1fr;
        padding: 15px 10px 0px;
    }
}

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

    .header img,
    .navwa b {
        display: none !important;
    }
}

@media screen and (max-width: 980px) {
    #footer-material .material {
        grid-template-columns: 1fr 1fr;
        padding-top: 20px;
    }
}

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

    #slidemenu #menu-blanter,
    a.toggleMenu {
        display: block;
    }
}

@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: 680px) {
    header #cart-num {
        position: absolute;
        top: -5px;
        right: -5px;
    }
}

@media screen and (max-width: 680px) {
    a.cart-wish {
        margin: 10px 0px 0px;
    }
}

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

    .footer-blanter .material,
    #footer-material .material {
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 680px) {
    #subscribe-ui {
        padding-right: 50px;
    }
}

@media screen and (max-width: 480px) {
    #footer-bottom {
        padding: 10px;
    }
}

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

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

h2.left-title {
    border-top: 1px solid rgb(176, 177, 179);
    color: rgb(60, 60, 60);
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.left-title {}

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

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

.container {
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

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

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

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

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



            

         .btn-sm {
         float: left;
         }
         .blanter-cart .product-cart {
         overflow: hidden;
         margin: 0 0 10px;
         font-size: 12px;
         line-height: 1.4
         }
         .product-cart .harga {
         font-size: 14px
         }
         .blanter-cart img {
         width: 70px;
         height: 70px;
         border-radius: .5rem;
         float: left;
         margin: 0 10px 0 0
         }
         .blanter-cart h4 {
         color: #333;
         padding: 0 0 10px;
         margin: 0;
         font-size: 16px;
         font-weight: 500
         }
         .product-cart a {
         color: #222;
         font-weight: 500;
         line-height: 1.4;
         font-size: 13px
         }
         .product-cart .wishlit_delete {
         color: #c21e1e;
         font-size: 15px;
         padding: 2px 5px;
         border: 1px solid #ddd;
         font-weight: 500;
         display: inline-block;
         border-radius: 5px;
         }
         .harga {
         color: #fa591d;
         font-weight: 500
         }
         .blanter-cart {
         width: 100%;
         display: none;
         z-index: 1;
         background: #fff;
         color: #222;
         border-radius: 10px;
         padding: 10px;
         overflow: hidden;
         box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .30), 0 4px 8px 3px rgba(60, 64, 67, .15)
         }
         #no-product {
         color: #777;
         font-size: 14px;
         padding: 10px 0;
         display: block;
         text-align: center
         }
         #no-product i {
         display: block;
         font-size: 40px;
         margin: 0 0 20px
         }
         .checkout-box .product-cart sp,
         .checkout-box .varian1,
         .checkout-box .varian2,
         .checkout-box .catatan {
         display: none
         }
         .blanter-cart .cart-pages,
         a.tombol-next {
         float: right;
         background: #5bc0de;
         color: #fff;
         padding: 6px 10px;
         font-size: 12px;
         line-height: 1.5;
         border-radius: 3px;
         box-shadow: 2px 2px #2b7186
         }
         .blanter-cart .cart-pages:hover,
         a.tombol-next:hover {
         opacity: .7
         }
         .blanter-cart .all-price {
         float: left;
         display: none;
         margin: 15px 0 0
         }
         .product-cart a:nth-of-type(1) {
         max-height: 35px;
         overflow: hidden;
         display: contents
         }
         .checkout-box {
         max-height: 300px;
         overflow: hidden;
         overflow-y: auto
         }
         .ajxloader {
         border: 5px solid #f3f3f3;
         border-radius: 50%;
         border-top: 5px solid #444;
         width: 40px;
         height: 40px;
         -webkit-animation: spin 2s linear infinite;
         animation: spin 2s linear infinite;
         display: inline-block;
         }
         .qtde-cart-link {
         user-select: none;
         -moz-user-select: none;
         -webkit-user-select: none;
         -ms-user-select: none;
         }
         /* Safari */
         @-webkit-keyframes spin {
         0% {
         -webkit-transform: rotate(0deg);
         }
         100% {
         -webkit-transform: rotate(360deg);
         }
         }
         @keyframes spin {
         0% {
         transform: rotate(0deg);
         }
         100% {
         transform: rotate(360deg);
         }
         }
         #adic-desejo.ativo {
         color: #FFE364;
         }
         .galery {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         display: flex;
         }
         #thumbnails {
         width: 40%;
         padding: 10px;
         }
         #thumbnails ul {
         list-style: none;
         padding: 0;
         margin: 0;
         }
         .thumbnail {
         width: 100%;
         margin-bottom: 10px;
         cursor: pointer;
         transition: opacity 0.3s;
         border-radius: 10px;
         border:none!important
         }
         .thumbnail:hover {
         opacity: 0.7;
         }
       
       
        
         .estrelas input[type=radio] {
         display: none
         }
         .estrelas label i.fa:before {
         content: '\f005';
         color: #fc0
         }
         .estrelas input[type=radio]:checked~label i.fa:before {
         color: #ccc
         }
         .produk-wrap input#jumlah {
         width: 115px;
         text-align: center;
         border: none;
         margin: 0;
         }
         .produk-wrap input, .input-field select {
         padding: 10px 15px;
         border-radius: 5px;
         margin-right: 10px;
         margin-bottom: 10px;
         border: 1px solid #ccc;
         outline: none;
         }
         .input-field.tambah-jumlah {
         width: 130px;
         border: 1px solid #f5f5f5;
         margin: 15px 0 25px;
         border-radius: 5px;
         }  
       .product-container {
            position: relative;
        }

        .image-container {
            position: relative;
            overflow: hidden;
        }

      

      .zoom-square {
    position:fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    pointer-events: none;
    display: none;
    z-index:100;
              background: 
        repeating-linear-gradient(0deg, #f32b7f 0, #f32b7f 1px, transparent 1px, transparent 3px);
        repeating-linear-gradient(90deg, #f32b7f 0, #f32b7f 1px, transparent 1px, transparent 3px);

              
}


        .zoom-area {
float:left;
                top:0px!important;
                left:50%!important;
            width: 100px; /* Ajuste o tamanho conforme necessário */
            height: 100px; /* Ajuste o tamanho conforme necessário */
            border: 2px solid #333;
            pointer-events: none;
            display: none;
            overflow: hidden;
                    z-index:100;

        }

        .zoom-area img {
            max-width: 200%; /* Ajuste a largura máxima conforme necessário */
            max-height: 200%; /* Ajuste a altura máxima conforme necessário */
            transform-origin: top left; /* Define a origem da transformação para o canto superior esquerdo */
        }