@media (min-width: 1366px) and (max-width: 2000px) {
    .produto-busca {
        height: 160px;
        width: 139px;
        text-align: center;
    }
}

@media (min-width: 1366px) and (max-width: 2000px) {
    .new-product4 {
        height: 350px;
        width: 0px;
    }
}

@media (min-width: 1170px) and (max-width: 2000px) {
    .product-image {
        width: 111%;
    }
}

@media (min-width: 1170px) and (max-width: 2000px) {
    .overlay-content {
        width: 41%;
    }
}

@media (min-width: 1170px) and (max-width: 2000px) {
    .produto-busca {
        height: 180px;
        width: 160px;
        text-align: center;
    }
}

@media (min-width: 1170px) and (max-width: 2000px) {
    .new-product4 {
        width: 168px;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .product-image {
        width: 113%;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .produto-busca {
        height: 194px;
        width: 165px;
        text-align: center;
    }
}

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

@media (max-width: 767px) {
    .produto-busca {
        height: 130px;
        width: 130px;
        text-align: center;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .new-product4 {
        height: 180px;
        width: 150px;
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .produto-busca {
        height: 187px;
        width: 165px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-image {
        width: 186px;
    }
}

@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-busca {
        height: 174px;
        width: 189px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .new-product4 {
        height: 400px;
        width: 200px;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .product-image img {
        width: 187px;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .product-image {
        width: 182px;
    }
}

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

@media (min-width: 732px) and (max-width: 767px) {
    .product-info {
        width: 200px;
        margin: 0px 10px 0px 0px;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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-busca {
        height: 174px;
        width: 189px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .new-product4 {
        height: 315px;
        width: 243px;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .product-image img {
        width: 187px;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .product-image {
        width: 182px;
    }
}

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

@media (min-width: 640px) and (max-width: 731px) {
    .product-info {
        width: 200px;
        margin: 0px 10px 0px 0px;
    }
}

@media (min-width: 640px) and (max-width: 731px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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-busca {
        height: 160px;
        width: 160px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .new-product4 {
        height: 320px;
        width: 160px;
    }
}

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

@media (min-width: 555px) and (max-width: 639px) {
    .product-info {
        width: 170px;
        margin: 0px 10px 0px 0px;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .product-image {
        background: rgb(237, 237, 237);
        width: 162px;
    }
}

@media (min-width: 555px) and (max-width: 639px) {
    .price-box {
        width: 177px;
    }
}

@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-busca {
        height: 166px;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 457px) and (max-width: 554px) {
    .new-product4 {
        height: 330px;
        width: 160px;
    }
}

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

@media (min-width: 457px) and (max-width: 554px) {
    .product-info {
        width: 150px;
        margin: 0px 10px 0px 0px;
    }
}

@media (min-width: 457px) and (max-width: 554px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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-busca {
        height: 160px;
        width: 160px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 412px) and (max-width: 457px) {
    .new-product4 {
        height: 330px;
        width: 160px;
    }
}

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

@media (min-width: 412px) and (max-width: 457px) {
    .product-info {
        width: 150px;
        margin: 0px 10px 0px 0px;
    }
}

@media (min-width: 412px) and (max-width: 457px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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-busca {
        height: 120px;
        width: 120px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    .new-product4 {
        height: 270px;
        width: 160px;
    }
}

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

@media (min-width: 375px) and (max-width: 411px) {
    .product-info {
        width: 142px;
        margin: 0px;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 13px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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-busca {
        height: 120px;
        width: 120px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 337px) and (max-width: 374px) {
    .new-product4 {
        height: 240px;
        width: 160px;
    }
}

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

@media (min-width: 337px) and (max-width: 374px) {
    .product-info {
        width: 152px;
        margin: 0px;
    }
}

@media (min-width: 337px) and (max-width: 374px) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@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) {
    .product-info a {
        color: rgb(0, 0, 0);
        display: block;
        font-family: Bitter, serif;
        font-size: 10px;
        line-height: 20px;
        margin: 0px 0px 0px 4px;
        overflow: hidden;
        transition: 300ms;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    .product-info {
        width: 142px;
        margin: 0px;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    .product-info div {
        font-size: 10px;
    }
}

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

@media (min-width: 270px) and (max-width: 336px) {
    .produto-busca {
        height: 120px;
        width: 120px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 270px) and (max-width: 336px) {
    .new-product4 {
        height: 280px;
        width: 160px;
    }
}

@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-busca {
        height: 120px;
        width: 120px;
        text-align: center;
        display: inline-block;
    }
}

@media (min-width: 0px) and (max-width: 319px) {
    .new-product4 {
        height: 70px;
        width: 60px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .product-image {
        background: rgb(237, 237, 237);
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .product-image a {
        display: block;
        text-align: center;
    }
}

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

iframe {
    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;
}
button.owl-next::before {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
button.owl-prev::before {
    content: '\f104';
    font-family: 'FontAwesome';
    margin-left: 5px;
}

.overlay-content ul li a {
    background: rgba(70, 70, 70, 0.5) none repeat scroll 0 0;
    color: #fff;
    display: block;
    text-align: center;
    width: 65px;
    height: 100%;
    font-size: 21px;
    transition: all 0.3s ease 0s;
    position: relative;
}

.overlay-content ul li a:hover {
    color: #fff;
    background: #60daf4;
}

.product-image a {
    display: block;
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: "\f07a";
}

.single-product-item:hover .overlay-content {
    right: 0;
    opacity: 1;
}

h2.left-title:before {
    border-top: 3px solid #e324e0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 2px;
    width: 80px;
}
.overlay-content {
    height: 100%;
    position: absolute;
    right: -65px;
    top: 0;
    transition: all 500ms ease 0s;
    opacity: 0;
    z-index: 10;
}
a:link {
    color: #3498db;
    text-decoration: none;
    outline: 0;
}

i.fa-shopping-bag.ativo {
    color: #ffe364;
}
.blanter-cart {
    width: 380px;
    display: none;
    position: absolute;
    z-index: 1;
    right: 7.6%;
    top: 50px;
    background: #fff;
    color: #222;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .30), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

a.cart-wish {
    position: relative;
    z-index: 10;
    background: #fff;
    color: #e324e0;
    box-shadow: 0 6px 10px -4px rgba(0, 0, 0, .15);
    float: right;
    padding: 10.5px 12px;
    margin: 14px 10px 0 0;
    border-radius: 5px
}
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;
}

.largebanner,
.footerbanner {
    margin: 0px auto;
    padding: 0px 0px 15px;
    width: 100%;
    max-width: 970px;
    float: none;
    overflow: hidden;
    position: relative;
    clear: both;
}

#slidemenu {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
    z-index: 61;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
    left: -350px;
    top: 0px;
    bottom: 0px;
    width: 250px;
}

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

.footer-blanter {
    margin: 20px 0px 0px;
    border-top: 1px solid rgb(221, 221, 221);
    position: relative;
}

.footer-blanter .material {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}

.info-item {
    display: flex;
    padding: 37px 15px 30px;
}

.info-icon i {
    font-size: 22px;
    margin-right: 15px;
    background: rgb(52, 152, 219);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 10px -4px;
    padding: 12px;
    border-radius: 10px;
}

.info-content h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Google Sans", sans-serif;
}

.info-content p {
    color: rgb(136, 136, 136);
    font-size: 13.5px;
    line-height: 1.5;
}

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

.info-item:nth-child(1) i {
    background: rgb(227, 36, 224);
}

.info-item:nth-child(2) i {
    background: rgba(6, 172, 232, 0.7);
}

.info-item:nth-child(3) i {
    background: rgb(13, 189, 66);
}

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

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

.navmobile {
    margin-left: auto;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 90;
    border-top: 1px solid rgb(221, 221, 221);
    grid-template-columns: 1fr 0.4fr 1fr;
    text-align: center;
    border-radius: 30px 30px 0px 0px;
}

.navmobile a {
    font-size: 14px;
    padding: 0.7em 0.8em 0.7em 2em;
    line-height: 1.8;
    position: relative;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: rgb(119, 119, 119);
}

.navmobile a i {
    position: absolute;
    left: 22%;
}

a.navwa {
    padding: 0.8em;
    display: block;
}

a.navwa {
    font-size: 17px;
    font-weight: 700;
    padding: 10px 25px;
    background: rgb(255, 255, 255);
    color: rgb(52, 152, 219);
    border-radius: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px;
}

a.navwa i {
    margin: 0px 10px 0px 0px;
}

@media screen and (min-width: 980px) {
    .navmobile {
        display: none;
    }
}

@media screen and (min-width: 980px) {
    a.navwa {
        position: fixed;
        z-index: 95;
        right: 30px;
        bottom: 30px;
        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) {
    #slidemenu {
        width: 80%;
    }
}

@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) {
    #slidemenu nav {
        max-height: 700px;
        height: 100%;
        overflow-y: scroll;
    }
}

@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) {
    .navmobile {
        display: grid;
    }
}

@media screen and (max-width: 980px) {
    a.navwa {
        background: rgb(13, 193, 67);
        color: rgb(255, 255, 255);
        padding: 0px;
        width: 60px;
        height: 60px;
        font-size: 30px;
        border-radius: 100%;
        margin-top: -15px;
    }
}

@media screen and (max-width: 980px) {
    a.navwa i {
        margin-top: 12px;
        margin-left: 4px;
    }
}

@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) {
    .info-item {
        padding: 37px 20px 0px;
    }
}

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

.single-product-item {}

.product-image {
    position: relative;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
}

.product-image a {
    display: block;
}

.overlay-content {
    height: 100%;
    position: absolute;
    right: -65px;
    top: 0px;
    transition: 500ms;
    opacity: 0;
    z-index: 10;
}

.overlay-content ul {
    height: 100%;
}

.overlay-content ul li.menu-3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 33.33%;
}

.overlay-content ul li:last-child {
    border-bottom: 0px solid rgb(32, 110, 174);
}

.overlay-content ul li a {
    background: none 0px 0px repeat scroll rgba(70, 70, 70, 0.5);
    color: rgb(255, 255, 255);
    display: block;
    text-align: center;
    width: 65px;
    height: 100%;
    font-size: 21px;
    transition: 0.3s;
    position: relative;
}

.overlay-content ul li a i {
    inset: 0px;
    display: block;
    height: 25px;
    margin: auto;
    position: absolute;
    width: 25px;
}

.product-info {}

.price-box {
    font-family: Oswald, sans-serif;
}

.price-box span {}

.price-box span.price {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
}

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

.product-info a {
    color: rgb(0, 0, 0);
    font-size: 14.4px;
    line-height: 20px;
    margin: 0px 0px 4px;
    overflow: hidden;
    transition: 300ms;
}

.owl-item {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-size-adjust: 100%;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(109, 109, 109);
    box-sizing: border-box;
    margin: 0px;
    float: left;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    padding: 0px 18px;
    width: 277px;
}

.price-box {
    font-family: Oswald, sans-serif;
}

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

button.owl-next {
    background-color: rgba(6, 172, 232, 0.7);
    width: 30px;
    height: 30px;
    display: block;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    float: none;
    font-size: 18px;
    border-radius: 8px 0px;
}

button.owl-prev {
    background-color: rgb(227, 36, 224);
    width: 30px;
    height: 30px;
    display: block;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    float: left;
    font-size: 18px;
    margin-left: 15px;
    border-radius: 0px 8px;
}

.owl-carousel {
    transition: transform 0.5s ease-in-out;
}

.owl-item {
    flex: 0 0 auto;
}

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

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

.fa-regular,
.far {
    font-weight: 400;
}

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

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

#toast {
    padding: 10px 10px 10px 35px;
    position: fixed;
    top: 85%;
    transform: translateY(-50%);
    left: 5%;
    background-color: rgba(81, 163, 81, 0.9);
    color: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
    z-index: 111;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-blend-mode: overlay;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

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