@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.woff)
}

@font-face {
    font-family: Montserrat-Black;
    src: url(../fonts/Montserrat-Black.woff)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../fonts/Montserrat-Medium.woff)
}

input:focus,
button:focus {
    outline: none
}

a:hover {
    text-decoration: none
}

:root {
    --verdeClaro: #4aba58;
    --mbold: Montserrat-Bold;
    --mmedium: Montserrat-Medium
}

::selection {
    background-color: var(--verdeClaro);
    color: #fff
}

body,
html {
    overflow-x: hidden;
    font-family: var(--mmedium);
    position: relative
}

header {
    background-color: #000;
    width: 100vw;
    padding: 32px 0
}

.pleft {
    padding-left: 280px
}

.custom-cont {
    padding-left: 280px;
    padding-right: 280px
}

.pright {
    padding-right: 280px
}

.navbarCustom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

header li {
    color: #fff;
    margin-right: 30px;
    font-size: 14px;
    font-family: var(--mbold);
    cursor: pointer;
    list-style: none;
}

header li:hover {
    color: #4aba58;
    transition: .3s
}

header ul {
    margin-bottom: 0
}

.btn-wpp {
    background-color: #4aba58;
    border: none;
    padding: 17px 21px;
    font-size: 16px;
    color: #fff;
    border-radius: .4rem;
    transition: .4s
}

.btn-wpp:hover {
    filter: brightness(120%);
    transition: .4s
}

.cart-value {
    background-color: var(--verdeClaro);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    transform: translate(80%, -80%)
}

.cart-value:hover {
    color: #000
}

.banner-1 {
    background-image: url(../images/banner1.png);
    height: 700px;
    background-size: cover
}

.green {
    color: #00ffcf
}

h1 {
    font-family: var(--mbold);
    font-size: 62px;
    line-height: 62px;
    margin-bottom: 32px;
    margin-top: 200px
}

.banner-wrapper {
    transform: translateX(40%)
}

.banner-info {
    width: 60%;
    font-family: var(--open)
}

.portal-cert {
    padding: 100px 0
}

.title {
    font-size: 29px
}

.portal-title {
    margin-bottom: 32px
}

.btn-portal {
    padding: 19px 54px;
    background-color: #000;
    border: 0;
    color: #fff;
    border-radius: .4rem;
    margin-top: 62px;
    transition: .4s
}

.btn-portal:hover {
    background-color: #4aba58;
    transition: .4s
}

.service-title {
    padding: 32px 0;
    font-family: var(--mbold);
    color: #fff;
    font-size: 24px;
    line-height: 24px
}

.services {
    padding: 0 32px 0 32px;
    background: rgb(0, 191, 116);
    background: linear-gradient(90deg, rgba(0, 191, 116, 1) 0%, rgba(0, 183, 132, 1) 35%, rgba(0, 176, 144, 1) 100%);
    border-radius: .5rem;
    border-top-right-radius: 4rem;
    width: 290px
}

.services-header {
    padding-bottom: 100px
}

.services-card-button {
    background: #000;
    padding: 20px 36px;
    border: none;
    border-radius: .4rem;
    font-family: var(--mbold);
    font-size: 17px;
    transform: translateY(50%);
    transition: .4s ease-in-out;
    position: relative
}

#btn-services-minor {
    padding: 20px 10px;
    font-size: 16px
}

.services-card-button:hover {
    background-color: #009e80;
    transition: .4s ease-in-out
}

.services img {
    transform: translateY(-20%);
    margin-bottom: -32px
}

.slider {
    padding-top: 100px
}

.grey-overlay {
    position: absolute;
    background-color: #bababa;
    display: block;
    height: 300px;
    width: 100%;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: translateY(-15%)
}

.owl-next span {
    position: absolute;
    font-size: 70px;
    right: 0;
    top: 0;
    margin: auto;
    transform: translate(300%, 50%)
}

.owl-prev span {
    position: absolute;
    font-size: 70px;
    left: 0;
    top: 0;
    margin: auto;
    transform: translate(-300%, 50%)
}

.developed-by {
    color: #00b489;
    font-size: 12px;
    position: absolute;
    right: 32px;
    bottom: 0;
    transform: translateY(-30px);
    font-family: var(--mmedium)
}

.developed-by p {
    transform: translateY(4px)
}

.developed-by img {
    margin-left: 10px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--verdeClaro);
    transition: .4s all ease-in-out
}

.owl-dots span {
    background-color: #dadada;
    width: 30px;
    height: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #4aba58
}

bg-green {
    padding: 90px 0;
    background-color: #535353
}

.form-info {
    font-family: var(--mbold);
    font-size: 16px
}

.input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.form-custom input {
    background-color: #333;
    border: none;
    height: 50px;
    border-radius: .4rem;
    width: 300px;
    margin-right: 32px
}

.btn-submit {
    padding: 12px 48px;
    align-self: flex-end;
    justify-content: center;
    border: none;
    height: 100%;
    background-color: #4aba58;
    color: #fff;
    font-size: 17px;
    font-family: var(--mbold);
    border-radius: .4rem;
    transition: all .3s ease-in-out
}

.btn-submit:hover {
    filter: brightness(120%);
    transition: all .3s ease-in-out
}

.form-custom label {
    transform: translateX(-20px)
}

.blog {
    padding: 47px 0
}

h2 {
    font-family: var(--mbold);
    margin-bottom: 26px
}

.blog-info {
    font-family: var(--mbold);
    color: #bebebe;
    font-size: 18px
}

.blog-wrapper {
    background-color: #ebebeb;
    width: 276px;
    padding: 15px 15px;
    border-radius: .6rem;
    border: solid 4px transparent;
    transition: .4s all ease-in-out;
    cursor: pointer;
    margin-right: 32px
}

.blog-wrapper:hover {
    border: solid 4px #00b685;
    transition: .4s all ease-in-out
}

.blog-subtitle {
    margin-top: 26px;
    color: #b7b7b7;
    font-family: var(--mbold)
}

.blog-link {
    color: #a3a3a3;
    transition: .4s all ease-in-out
}

.blog-link:hover {
    color: #00b685;
    transition: .4s all ease-in-out
}

.blog-row {
    margin-bottom: 28px;
    margin-top: 28px
}

.btn-blog {
    background-color: #333;
    color: #fff;
    padding: 15px 45px;
    border-radius: .4rem;
    text-transform: uppercase;
    font-family: var(--mbold);
    transition: all .4s ease-in-out;
    border: none
}

.btn-blog:hover {
    background-color: #00b685;
    transition: all .4s ease-in-out
}

footer {
    padding: 80px 0;
    background-color: #000
}

.copyright {
    font-size: 12px;
    color: #474747;
    font-family: var(--mmedium);
    margin-top: 32px
}

.footer-nav-title {
    color: #379d6c;
    font-size: 13px;
    font-family: var(--mbold);
    padding-bottom: 22px;
    text-transform: uppercase
}

footer li {
    font-family: var(--mbold);
    color: #5e5e5e;
    font-size: 13px;
    margin-bottom: 16px;
    transition: .4s all ease-in-out
}

footer li:hover {
    color: #379d6c;
    transition: .4s all ease-in-out;
    text-decoration: none
}

footer a:hover {
    text-decoration: none
}

.social-icons-footer {
    background-color: #1b1b1b;
    padding: 9px 13px;
    border-radius: 1rem;
    width: 250px
}

.social-wrapper {
    width: 38px;
    height: 38px;
    margin-right: 18px;
    cursor: pointer;
    background-color: #0b0b0b;
    border-radius: 50%;
    display: flex;
    justify-content: center
}

.bg-darker {
    background-color: #535353 !important
}

.social-wrapper img {
    width: 50%;
    height: 100%;
    max-width: 100%;
    filter: grayscale(100%);
    transition: .4s all ease-in-out
}

.social-wrapper:hover>img {
    filter: grayscale(0%);
    transition: .4s all ease-in-out
}

.wrapper-product {
    background-color: #009e80;
    margin-bottom: 0
}

.product-big-title {
    color: #13b999;
    font-family: var(--mbold);
    font-size: 152px
}

.pb {
    padding-bottom: 56px
}

.product-image-wrapper {
    background-color: #686767;
    width: 100%;
    padding: 124px 32px;
    transform: translateY(-5%);
    width: auto;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-image-wrapper {
    max-width: 100%
}

.product-image-wrapper img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.form-checkout-wrapper {
    padding: 80px 32px;
    background: #fff;
    border-radius: .8rem;
    border: 1px solid #d9d9d9;
    transform: translateY(-10%)
}

.product-info {
    color: #707070;
    font-family: var(--mbold);
    padding-bottom: 32px;
    font-size: 25px
}

.product-value {
    color: #42b7a1;
    font-size: 28px;
    font-family: var(--mbold)
}

.form-checkout input,
.form-checkout select {
    height: 36px;
    padding-left: 16px;
    border-radius: .3rem;
    border-width: 1px
}

.form-checkout ::placeholder {
    font-weight: 700;
    color: #000
}

.form-divider {
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    margin-top: 24px;
    margin-bottom: 24px
}

input[type=checkbox] {
    border: 0;
    height: 25px;
    width: 25px;
    position: relative;
    cursor: pointer
}

input[type=checkbox]:before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all ease-in-out .2s
}

input[type=checkbox]:checked:before {
    content: " ";
    position: absolute;
    width:100%;
    height: 100%;
    background-color: #009e80;
    
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all ease-in-out .2s
}

.number-input {
    width: 120px
}

.form-checkout label {
    font-size: 12px;
    color: #000;
    font-weight: 700;
    margin-bottom: 12px
}

.qtd-wrapper {
    margin-top: 42px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    -webkit-appearance: red
}

#btn-add-cart {
    padding: 0 90px;
    border: none;
    background-color: #009e80;
    font-family: var(--mmedium);
    color: #fff;
    width: 100%;
    margin-left: 34px;
    font-size: 18px;
    transition: .3s all ease
}

#btn-add-cart:hover {
    filter: brightness(115%);
    transition: .3s all ease
}

.date input,
.hour input {
    width: 100%
}

.date,
.hour {
    width: 50%
}

.date {
    margin-right: 16px
}

.nfe {
    color: #435ccd;
    font-family: var(--mbold);
    font-size: 53px
}

.info-t {
    padding-bottom: 70px;
    margin-top: 70px
}

.arrow-down {
    position: absolute;
    right: 16px;
    bottom: 32px;
    cursor: pointer;
    transition: .4s all ease-in-out
}

.arrow-down:hover {
    animation: arrow-down-hover 1s ease-in-out infinite alternate;
    transition: .4s all ease-in-out
}

.search-input {
    height: 45px;
    border-radius: none
}

@keyframes arrow-down-hover {
    to {
        transform: translateY(-10px)
    }
}

.btn-ver-todos {
    margin-left: 37px
}

.related-title {
    font-size: 28px;
    color: #fff;
    font-family: var(--mbold)
}

.related {
    background-color: #4f4f4f;
    padding: 75px 0
}

.btn-ver-todos {
    background-color: #868686;
    color: #fff;
    border: none;
    padding: 10px 13px;
    border-radius: .4rem;
    font-size: 17px;
    display: flex;
    align-items: center;
    transition: .3s all ease
}

.btn-ver-todos span {
    margin-left: 12px
}

.btn-ver-todos:hover {
    background-color: #00b191;
    transition: .3s all ease
}

.btn-mais-vendidos {
    background-color: #00b191;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 10px 16px;
    border-radius: .4rem;
    font-family: var(--mbold);
    transition: ease .3s all
}

.btn-mais-vendidos:hover {
    transition: ease .3s all;
    filter: brightness(110%)
}

.btn-mais-vendidos img {
    margin-left: 16px
}

.products-text {
    color: #929292;
    font-family: var(--mbold)
}

.products-text span {
    margin-right: 6px
}

.divider-products {
    width: 100%;
    height: 1px;
    background-color: #6d6d6d;
    margin-top: 24px;
    margin-bottom: 32px
}

.product-related-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 78px 57px 36px 57px;
    width: 300px;
    max-width: 300px;
    transition: .3s all ease-in-out
}

.product-related-wrapper img {
    margin-bottom: 43px
}

.product-related-title {
    padding-bottom: 53px;
    font-size: 18px;
    color: #7a7a7a;
    font-family: var(--mbold)
}

.divider-related {
    width: 130%;
    background-color: #6d6d6d;
    height: 1px;
    margin-bottom: 32px
}

.price-related {
    font-size: 21px;
    color: #7a7a7a !important;
    font-family: var(--mbold)
}

.product-related-link:hover>.product-related-wrapper {
    transform: scale(1.1);
    transition: .3s all ease-in-out
}

.product-related-link:hover>.wrapper-destaque {
    transform: scale(1)
}

.product-related-link {
    margin-right: 16px
}

.related .carousel-item {
    height: auto;
    padding-bottom: 100px;
    padding-top: 32px
}

.related .carousel-indicators li {
    width: 20px;
    height: 20px;
    position: relative;
    text-indent: unset;
    text-align: center;
    color: #fff;
    font-family: var(--mbold);
    background-color: #434343
}

.bg-green {
    background-color: #00b191 !important
}

.bg-black {
    background-color: #000
}

.bg-green-input {
    background-color: #007661 !important
}

.blog-single-page {
    padding: 110px 0
}

.post-single-title {
    font-size: 58px;
    font-family: var(--mbold);
    margin-top: 52px
}

.title-divider {
    margin-top: 52px;
    margin-bottom: 52px
}

.dropdown-toggle {
    border: none !important;
    background: transparent !important
}

.container-wrapper {
    padding: 0 180px
}

.post-content {
    margin-top: 100px;
    width: 100%;
    text-align: justify
}

.blog-single-page img:nth-of-type(2) {
    margin-top: 72px
}

.btn-return {
    background-color: #000;
    border: none;
    padding: 10px 15px;
    border-radius: .4rem;
    margin-right: 17px;
    transition: .3s ease-in-out all
}

.btn-return:hover {
    transition: .3s ease-in-out all;
    background-color: #00b191
}

.share-button {
    background-color: #989898;
    color: #fff;
    padding: 15px 24px;
    font-family: var(--mbold);
    border: 0;
    border-radius: .4rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    transition: .3s ease-in-out all
}

.share-button circle {
    width: 5px;
    height: 5px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 3px;
    margin-left: 16px
}

.blog-buttons {
    margin-top: 70px
}

.share-button:hover {
    background-color: #00b191;
    transition: .3s ease-in-out all
}

.product-tag {
    position: absolute;
    top: 32px;
    left: 100px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: var(--mbold)
}

.product-title-wrapper {
    position: absolute;
    bottom: 50%;
    left: 100px
}

.product-title {
    font-size: 40px;
    font-family: var(--mbold);
    line-height: 40px
}

.product-subtitle {
    font-size: 21px;
    font-family: var(--mbold)
}

.ptop {
    padding-top: 100px
}

.mbottom {
    margin-bottom: 55px
}

.slider-title {
    color: #707070;
    font-family: var(--mbold);
    font-size: 31px;
    padding-bottom: 50px
}

.categorias .item {
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #707070;
    border-radius: 50%;
    margin-right: -32px;
    align-self: center
}

.owl-item .active {
    max-width: 20px
}

.categorias .item img {
    max-width: 40px
}

.categorias {
    margin-bottom: 72px
}

.categorias .owl-prev span {
    display: none
}

.categorias .owl-next span {
    background-color: #707070;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    transform: translate(10%, 50%)
}

.categorias .owl-dots {
    display: none
}

.destaque {
    font-size: 29px;
    font-family: var(--mbold);
    color: #04b393;
    margin-top: 40px;
    margin-bottom: 40px
}

.dividerp {
    height: .5px;
    width: 100%;
    background-color: #f4f4f4;
    display: block
}

.bg-destaque {
    background-color: #f5f5f5
}

.owl-antes {
    display: none !important
}

.owl-depois {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
    width: 50px;
    height: 50px;
    font-size: 25px !important;
    border-radius: 50% !important;
    background-color: #494949 !important;
    font-family: var(--mbold)
}

.owl-depois:focus {
    outline: none
}

.add-to-cart {
    background-color: #00b191;
    border: none;
    font-family: var(--mbold);
    color: #fff;
    padding: 14px;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all ease-in-out
}

.add-to-cart img {
    margin-bottom: 0;
    margin-top: 0
}

.add-to-cart:hover {
    filter: brightness(80%);
    transition: .4s all ease-in-out
}

.add-to-cart img {
    margin-right: 6px
}

.wrapper-destaque {
    cursor: pointer;
    position: relative
}

.destaque-overlay {
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transition: .3s all ease-in-out
}

.destaques-row {
    margin-bottom: 90px
}

.wrapper-destaque:hover>.destaque-overlay {
    opacity: 1;
    transition: .4s all ease-in-out
}

.destaque-col img {
    margin-top: 64px;
    margin-bottom: 64px
}

.blog-title {
    font-family: var(--mbold);
    font-size: 50px;
    margin-bottom: 32px;
    margin-top: 32px
}

.blog-divider {
    padding-top: 32px;
    padding-bottom: 32px
}

.post-title {
    color: #435ccd;
    font-family: var(--mbold);
    text-align: center;
    font-size: 31px
}

.blog-posts img {
    cursor: pointer
}

.post-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 70px;
    transition: .3s;
    fill: #979797
}

.blog-button {
    background-color: #8c8c8c;
    padding: 6px 51px;
    border: none;
    color: #fff;
    font-family: var(--mbold);
    border-radius: .4rem;
    font-size: 21px;
    transition: .4s all ease-in-out;
    transform: translateY(100%)
}

.show-more {
    background-color: #797979;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: auto;
    transform: translateY(50%);
    cursor: pointer
}

.blog-button:hover {
    background-color: #000;
    transition: .4s all ease-in-out
}

.show-more img {
    width: 20px
}

.overlay-image:hover>.post-image-overlay {
    fill: #fff
}

.post-snipet {
    margin-top: 43px
}

.mtop {
    margin-top: 100px;
    margin-bottom: 120px
}

.error-background {
    padding-top: 180px;
    padding-bottom: 180px;
    background-color: #009e80
}

.error-value,
.just-decoration {
    font-size: 407px;
    font-family: Montserrat-Black;
    color: #fff;
    line-height: 300px
}

.just-decoration {
    position: absolute;
    opacity: .1;
    transform: translateX(-28%)
}

.just-decoration:nth-child(2) {
    right: 0;
    transform: translateX(25%)
}

.error-message {
    font-size: 97px;
    font-family: Montserrat-Black;
    color: #fff;
    transform: translateX(-9%);
    line-height: 97px;
    padding-top: 45px;
    margin-left: 109px
}

.error-message-extended {
    color: #00ffcf;
    font-family: Montserrat-Bold;
    font-size: 30px;
    transform: translateX(-5%);
    padding-bottom: 20px
}

.divider {
    background-color: #00ffcf;
    height: 5px;
    width: 1000%;
    position: absolute;
    bottom: 1rem;
    transform: translateX(-10px)
}

.items-responsive {
    text-align: center;
    margin: auto;
    display: block
}

.items {
    position: relative;
    margin-top: 100px
}

.items .overlay-grey {
    background-color: rgba(161, 161, 161, 1);
    width: 100%;
    height: 250px;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

input {
    padding-left: 10px
}

.search {
    cursor: pointer !important;
    z-index: 9;
    position: relative
}

.servicos-bg {
    padding: 90px 0;
    font-size: 50px;
    background-image: url(../images/banner-servicos.png)
}

.servicos {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-family: var(--mbold)
}

.servico-title {
    margin-bottom: 50px;
    font-family: var(--mbold);
    color: #000;
    font-size: 29px
}

.servico-info {
    color: #b4b4b4;
    font-family: var(--mmedium);
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 45px
}

.btn-saiba-mais {
    background-color: #333;
    padding: 22px 52px;
    color: #fff;
    border-radius: .5rem;
    font-family: var(--mbold);
    border: none;
    transition: .3s ease-in-out
}

.btn-saiba-mais:hover {
    background-color: #000;
    transition: .3s ease-in
}

.serv-bg1 {
    background-color: #fafafa;
    padding-top: 112px;
    padding-bottom: 112px
}

.serv-bg2 {
    padding: 126px 0 112px 0;
    background-color: #f2f0f0
}

.service-image {
    position: absolute;
    left: 0;
    transform: translateX(-150%);
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 999
}

.search-active {
    cursor: pointer;
    z-index: 99;
    transition: .4s all ease-in-out;
    pointer-events: all !Important
}

.facebook,
.twitter,
.linkedin {
    margin: .4rem;
    cursor: pointer
}

.search-input {
    z-index: 9999999999999999;
    position: relative;
    pointer-events: all
}

.search-image {
    cursor: pointer;
    z-index: 99999
}

.pointer-true {
    pointer-events: all
}

.zindex {
    z-index: -1
}

.search-submit {
    z-index: 99999999999999999999;
    cursor: pointer !important;
    position: relative;
    pointer-events: all !Important
}

.share-wrapper {
    width: auto;
    display: flex;
    justify-content: space-around;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    transform: translate(3px, 100px);
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out .4s
}

.share-active {
    transform: translate(3px, 70px);
    opacity: 1;
    transition: all ease-in-out .4s
}

.facebook,
.twitter,
.linkedin {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    cursor: pointer
}

.facebook {
    background-color: #355DAD
}

.twitter {
    background-color: #1C9DEB
}

.linkedin {
    background-color: #0271AE
}

.owl-theme .owl-dots .owl-dot span {
    height: 20px;
    width: 20px;
    border-radius: 0;
    font-family: var(--mmedium);
    font-size: 13px
}

.toggler-image {
    z-index: 9999;
    position: relative;
    color: #000
}

.search-input {
    border-radius: .2rem;
    padding-left: 16px;
    z-index: 9999999999999999999999999999999999999999999999999999999999;
    position: relative;
    transition: .3s ease-in-out all
}

.search-toggler {
    z-index: 99;
    position: relative;
    transition: .3s ease-in-out all
}

.search-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-in-out all
}

.search-wrapper-active {
    transform: translateY(35px);
    pointer-events: all;
    opacity: 1;
    transition: .3s ease-in-out all
}

.btn-search {
    position: absolute;
    left: 100%;
    height: 45px;
    width: 50px
}

@media (max-width:1900px) {
    .product-related-wrapper {
        width: auto
    }
    .destaque-overlay {
        height: 100%
    }
    .divider-related {
        width: 100%
    }
    .banner-1 {
        background-position: right
    }
}

@media (max-width:1760px) {
    .pleft {
        padding-left: 200px
    }
    .pright {
        padding-right: 200px
    }
    .blog-small-img {
        max-width: 100%
    }
    .product-related-wrapper {
        width: auto
    }
}

@media (max-width:1696px) {
    .banner-1 {
        background-position: -200px
    }
}

@media (max-width:1596px) {
    .banner-1 {
        background-position: -300px
    }
}

@media (max-width:1476px) {
    .banner-1 {
        background-position: -280px
    }
}

@media (max-width:1560px) {
    .pleft {
        padding-left: 64px
    }
    .active-navbar {
        position: relative
    }
    .pright {
        padding-right: 64px
    }
    .serv-bg1 pright {
        padding-right: 100px
    }
    .serv-bg1 pleft {
        padding-left: 100px
    }
    .services {
        margin-right: 12px
    }
    .services-card-button,
    #btn-services-minor {
        font-size: 12px
    }
    .destaque-overlay {
        height: 100%
    }
    .divider-related {
        width: 100%
    }
    .social-icons-footer {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90px
    }
    .social-wrapper {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 6px
    }
    .search-wrapper-active {
        transform: translate(-100px, 40px)
    }
}

@media (max-width:1400px) {
    .blog-info {
        font-size: 16px;
        text-align: center
    }
    .product-related-wrapper {
        width: auto
    }
    .banner-1 {
        background-position: -250px
    }
    .custom-cont {
        padding-left: 280px;
        padding-right: 180px
    }
    .servicos-bg {
        background-position: right
    }
}

@media (max-width:1300px) {
    .pleft {
        padding-left: 16px
    }
    .search-wrapper-active {
        transform: translate(-170px, 40px)
    }
    .banner-1 {
        background-position: -280px
    }
    .pright {
        padding-right: 16px
    }
    .services {
        margin-right: 6px
    }
    .services-card-button {
        font-size: 14px
    }
    .owl-next span {
        position: absolute;
        font-size: 70px;
        right: 0;
        top: 0;
        margin: auto;
        transform: translate(100%, 50%)
    }
    .owl-prev span {
        transform: translate(-100%, 50%)
    }
    .blog-single-page img {
        max-width: 100%
    }
}

@media(max-width:1199.98px) {
    .navbar-custom {
        height: 100vh;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #000;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        display: flex;
        width: 30vh;
        padding: 100px 0;
        transform: translateX(200%);
        padding-top: 124px;
        transition: 1s ease-in-out
    }
    .owl-dots {
        display: none !important
    }
    .wrapper-destaque {
        margin: auto
    }
    .destaque {
        text-align: center
    }
    .owl-theme .owl-dots .owl-dot span {
        height: 15px;
        width: 15px;
        border-radius: 0;
        font-family: var(--mmedium);
        font-size: 12px
    }
    .owl-dots {
        display: flex;
        justify-content: center
    }
    .container-wrapper {
        padding: 0
    }
    .search-wrapper-active {
        transform: translate(-220px, 10px);
        z-index: 99999
    }
    .search-input {
        position: relative
    }
    .servicos {
        text-align: center
    }
    .banner-wrapper {
        transform: translate(0);
        text-align: center;
        margin: auto
    }
    .banner-info {
        width: 100%
    }
    .bg-green {
        padding: 32px 0
    }
    .nfe {
        text-align: center;
        margin-top: -64px
    }
    .info-t {
        width: 70%;
        margin: auto
    }
    .form-custom input {
        margin-right: 0
    }
    .btn-submit {
        align-self: center;
        margin-top: 16px
    }
    .form-custom label {
        transform: translate(0);
        margin-top: 16px
    }
    .product-related-title {
        font-size: 16px
    }
    .product-image-wrapper {
        margin-left: 16px
    }
    #btn-add-cart {
        padding: 10px
    }
    .form-checkout-wrapper {
        margin: 16px
    }
    .social-wrapper {
        margin-right: 0;
        margin: auto;
        margin-bottom: 6px
    }
    .active-navbar {
        transform: translateX(0%);
        transition: .5s ease-in-out;
        top: 0;
        z-index: 99
    }
    .header-logo {
        padding-left: 32px
    }
    header li {
        margin-right: 0
    }
    .pleft,
    .pright {
        padding-left: 0;
        padding-right: 0
    }
    .navbar-toggler {
        position: relative;
        right: 32px;
        top: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 60px;
        height: 60px;
        transform: translateY(-60%);
        z-index: 999
    }
    .navbar-toggler .line {
        width: 60px;
        height: 5px;
        background-color: #ecf0f1;
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
    .active-line2 {
        opacity: 0
    }
    .active-line3 {
        transform: rotate(50deg) translate(0, -4px);
        width: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
    .active-line1 {
        transform: rotate(-50deg) translate(-11px, 10px);
        width: 50px
    }
    .services {
        height: 350px;
        width: 1px;
        position: relative;
        padding: 0 10px
    }
    .services-card-button {
        position: absolute;
        bottom: 0
    }
    .service-title {
        padding: 12px;
        font-size: 21px
    }
    .services img {
        transform: translateY(0);
        margin-bottom: 0;
        position: absolute;
        top: 0;
        transform: translateY(-50%)
    }
    .desk {
        max-width: 100%
    }
    .services {
        height: auto;
        width: 100%;
        height: 400px;
        margin-bottom: 124px
    }
    footer {
        text-align: center
    }
    .copyright {
        padding-bottom: 32px
    }
    .social-icons-footer {
        margin: auto;
        display: block;
        justify-content: center;
        align-items: center;
        width: 100px
    }
    .btn-ver-todos,
    .btn-mais-vendidos {
        width: 300px;
        padding: 12px 32px;
        display: flex;
        justify-content: center;
        font-size: 21px;
        align-items: center;
        margin-left: 0;
        margin-bottom: 16px;
        margin-top: 16px
    }
    .products-text {
        text-align: center
    }
    .destaque-overlay {
        height: 100%
    }
    .divider-related {
        width: 100%
    }
}

@media (max-width:992.98px) {
    .services {
        height: auto;
        width: 50%;
        margin-bottom: 124px
    }
    .error-value,
    .just-decoration {
        font-size: 300px
    }
    .blog-button {
        font-size: 16px
    }
    .product-tag {
        left: 32px
    }
    .product-title-wrapper {
        left: 32px
    }
    .product-image-wrapper {
        width: 60%;
        margin: auto;
        padding: 32px 16px;
        margin-bottom: 100px;
        transform: translateY(-20%);
        margin-bottom: 16px
    }
    .form-checkout-wrapper {
        width: 60%;
        margin: auto
    }
    .info-t {
        width: 80%;
        text-align: center;
        margin: auto
    }
    .nfe {
        text-align: center;
        margin-top: -32px
    }
    .product-big-title {
        text-align: center;
        margin: auto;
        display: block
    }
    .owl-prev span {
        transform: translate(-103%, 10%)
    }
    .owl-next span {
        transform: translate(103%, 10%)
    }
    .services-card-button,
    .services img {
        position: static
    }
    .slider {
        padding-top: 0
    }
    .desk {
        margin: auto;
        display: block;
        max-width: 100%;
        margin-top: 32px
    }
    .services-header {
        padding-bottom: 0
    }
    .portal-cert {
        text-align: center
    }
    .blog-wrapper {
        width: auto;
        margin: 32px
    }
    .owl-next span,
    .owl-prev span {
        display: none
    }
    header ul {
        width: 55vw
    }
    .portal-cert {
        text-align: center;
        padding-top: 32px
    }
    .slider {
        padding-top: 0
    }
    .desk {
        margin: auto;
        display: block;
        max-width: 100%;
        margin-top: 32px
    }
    .services-header {
        padding-bottom: 0
    }
    .owl-prev span {
        transform: translate(-100%, 05%);
        font-size: 52px
    }
    .owl-next span {
        transform: translate(100%, 0%);
        font-size: 52px
    }
    .btn-portal {
        margin-top: 32px
    }
    .blog-wrapper {
        margin-bottom: 32px;
        margin-right: 0
    }
    .form-custom input {
        width: 300px;
        margin-top: 16px;
        margin: auto;
        display: block
    }
    .form-custom label {
        transform: translate(0);
        margin-top: 16px
    }
    .form-wrapper {
        padding: 32px 0;
        background-color: #fff
    }
    .btn-submit {
        align-self: center;
        margin-top: 32px
    }
    footer {
        text-align: center
    }
    footer ul {
        margin-top: 16px;
        margin-bottom: 32px
    }
    .footer-nav-title {
        margin-top: 32px
    }
    .social-icons-footer {
        margin: auto;
        display: block;
        justify-content: center;
        align-items: center;
        width: 100px
    }
    .social-wrapper {
        margin-right: 0;
        margin: auto;
        margin-bottom: 6px
    }
    .destaque-overlay {
        height: 100%
    }
    .divider-related {
        width: 100%
    }
    h1 {
        font-size: 52px;
        text-shadow: 1px 1px #000
    }
    .services-block {
        margin: auto;
        display: block;
        margin-bottom: 100px
    }
    .overlay-grey {
        height: 500px;
        background-color: red
    }
    .post-image-block {
        margin: auto;
        display: block
    }
    .post-snipet-block {
        margin: 16px
    }
    .blog-wrapper-block {
        margin: auto;
        display: block;
        width: 50%;
        margin-top: 32px
    }
    .custom-cont {
        padding-left: 32px;
        padding-right: 32px;
        text-align: center
    }
    .service-image {
        margin: auto;
        display: block;
        position: static;
        transform: translate(0);
        margin-bottom: 32px
    }
}

@media (max-width:767.98px) {
    .product-tag {
        left: 16px;
        font-size: 14px
    }
    .banner-1 {
        background-position: 800px
    }
    h1 {
        font-size: 52px;
        text-shadow: 1px 1px #000
    }
    .responsive-flex {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .error-value,
    .just-decoration {
        font-size: 250px
    }
    .destaque-overlay {
        height: 100%
    }
    .divider-related {
        width: 100%
    }
    .product-title-wrapper {
        left: 16px;
        transform: translateY(50%)
    }
    .product-title {
        font-size: 32px
    }
    .product-subtitle {
        font-size: 16px
    }
    .blog-title {
        margin-top: 0;
        margin-bottom: 16px
    }
    .destaque-col img {
        height: 160px;
        margin-top: 32px;
        margin-bottom: 16px
    }
    .blog-wrapper {
        margin-right: 0;
        margin-left: 0;
        width: 50%
    }
    .mtop {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .big-image {
        max-width: 100%;
        height: 220px
    }
    .blog-divider {
        padding-top: 0;
        padding-bottom: 32px
    }
    .post-image {
        width: 90%;
        margin: auto;
        display: block
    }
    .blog-wrapper-block {
        margin: auto;
        display: block;
        width: 50%;
        margin-top: 32px
    }
}

@media (min-width:575.98px) {
    .banner-2 {
        display: none
    }
}

@media (max-width:575.98px) {
    .services {
        height: auto;
        width: 85%;
        margin-bottom: 124px
    }
    .product-related-wrapper img {
        max-width: 100%
    }
    .product-related-wrapper {
        text-align: center;
        padding-top: 32px;
        padding-bottom: 32px;
        width: 100%
    }
    .main-imagem {
        height: 200px;
        max-width: 200px
    }
    .developed-by {
        margin: auto;
        display: block;
        position: static;
        margin-top: 64px;
        margin-bottom: -32px
    }
    .search-wrapper-active {
        transform: translate(-200px, 10px);
        z-index: 99999
    }
    .banner-1 {
        display: none
    }
    .servicos-bg {
        background-position: 800px
    }
    .custom-cont {
        padding-left: 0;
        padding-right: 0
    }
    h1 {
        font-size: 42px;
        line-height: 42px;
        margin-top: 100px
    }
    .banner-1 {
        background-image: url(../images/banner-1-mobile.png);
        background-position: right;
        background-size: cover;
        height: auto;
        padding-bottom: 100px
    }
    .banner-info {
        text-shadow: 1px 1px #000
    }
    .error-background {
        padding-bottom: 32px;
        padding-top: 32px
    }
    .error-value,
    .just-decoration {
        font-size: 150px;
        line-height: 150px
    }
    .blog-wrapper {
        margin-right: 0;
        margin-left: 0;
        width: 90%
    }
    .testee {
        height: 300px;
        width: 100%;
        max-width: 100%
    }
    .categorias .item {
        margin: auto
    }
    .product-tag {
        font-size: 11px
    }
    .product-title {
        font-size: 18px
    }
    .product-subtitle {
        font-size: 14px
    }
    .btn-mais-vendidos {
        margin: auto;
        margin-bottom: 16px
    }
    .info-t {
        width: 100%;
        padding-bottom: 32px
    }
    .nfe {
        margin-top: -64px
    }
    .form-checkout-wrapper {
        width: 95%;
        margin-top: 32px;
        padding: 32px 16px
    }
    .product-image-wrapper {
        width: 100%
    }
    .product-image-wrapper img {
        max-width: 100%
    }
    .product-big-title {
        font-size: 82px;
        margin-bottom: -8px
    }
    .qtd-wrapper,
    .checkbox-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .checkbox-wrapper input[type='checkbox'] {
        margin: 10px 0
    }
    #qtd-label {
        text-align: center
    }
    #btn-add-cart {
        margin-left: 0;
        margin-top: 16px
    }
    #atendimento-label {
        font-size: 10px;
        padding-left: 6px
    }
    .post-single-title {
        font-size: 42px;
        font-family: var(--mbold);
        margin-top: 32px;
        text-align: justify;
        line-height: 42px
    }
    .post-content {
        margin-top: 64px
    }
    .product-tag {
        top: 10px
    }
    .error-message {
        font-size: 72px;
        transform: translate(0);
        text-align: center;
        margin: auto
    }
    .blog-wrapper-block {
        margin: auto;
        display: block;
        width: 90%;
        margin-top: 32px
    }
    .h1res {
        margin-top: 32px;
        text-shadow: none
    }
    .bannerres {
        text-shadow: none
    }
    .responsive {
        margin: auto;
        display: block
    }
}

@media (max-width:400px) {
    .product-tag {
        top: 10px
    }
    .product-title-wrapper {
        line-height: 0
    }
}

@media (max-width:380px) {
    .navbar-custom {
        width: 45vh;
        height: auto;
        justify-content: start
    }
    .navbar-custom li {
        height: 50px;
        margin-top: 16px
    }
    .header-logo {
        position: relative;
        z-index: 99999
    }
}