@charset "ISO-8859-1";
/*@charset "utf-8";*/



/************************************************************************************************
*   IMPORTS                                                                                     *
************************************************************************************************/
/*PLUGINS*/
@import url("../includes/bootstrap/5.2.0/dist/css/bootstrap.min.css");
@import url("../includes/preloader/1.1.0/preloader.css");
@import url("../includes/swiper/8.3.2/swiper-bundle.min.css");

@import url("../includes/animate.css/4.1.1/animate.compat.css");
@import url("../includes/owlcarousel/1.31/owl.carousel.css");
@import url("../includes/bxslider/4.1.3/jquery.bxslider.css");
@import url("../includes/magnific-popup/1.1.0/magnific-popup.css");
@import url("../css/btn.css?v=1");
/*FONTS*/
@import url("../includes/webfonts/fontawesome_v5/css/all.min.css");
@import url("../includes/webfonts/fontawesome_v4/css/font-awesome.min.css");
@import url("../includes/webfonts/lineicons_v2/free/font-css/LineIcons.min.css");
@import url("../includes/webfonts/lineicons_v2/pro-light/font-css/LineIcons.min.css");
@import url("../includes/webfonts/lineicons_v2/pro-regular/font-css/LineIcons.min.css");

:root {
    --font-family: Roboto,arial,sans-serif,system-ui,-apple-system;
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --line-height: 1.5;
    --font-size: 1rem;
    --font-weight: 400;
    --font-weight-bold: bold;

    --color-1: #363636;
    --color-1-rgb: 54,54,54;

    --font-color: #363636;
    --font-color-rgb: 54,54,54;
    --font-color-1: var(--color-1);
    --font-color-2: #757575;
    --font-color-light: #bdc3c7;
    --placeholder-color: #bdc3c7;


    --background-color: #F4F4F4;
    --background-color-rgb: 255,255,255;

    --border-radius: 0.5rem;
    --border-color: #bdc3c7;
    --border-color-light: #e4e4e4;
    --border: 1px solid var(--border-color);
    --border-light: 1px solid var(--border-color-light);

    --box-shadow-position: 0px 2px 10px 0px;
    --box-shadow-color: rgb(0 0 0 / 12%);
    --box-shadow: var(--box-shadow-position) var(--box-shadow-color);
    --box-shadow-hover: var(--box-shadow-position) rgba(var(--color-1-rgb), 0.45);

    --linear-gradient: linear-gradient(#363636, #3b3b3b, #232323);

    --focus-border-color: #838383;
    --focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);

    --global-margin-top: 0px;
    --global-margin-bottom: 0px;
    --global-padding-top: 80px;
    --global-padding-bottom: 70px;

    /*bootstrap adjusts*/
    --bs-body-bg: var(--background-color);
    --bs-body-color: var(--font-color);
    --bs-body-color-rgb: var(--font-color-rgb);
    --bs-font-monospace: var(--font-monospace);
    --bs-font-sans-serif: var(--font-family);
    --bs-body-font-family: var(--font-family);
    --bs-body-font-size: var(--font-size);
    --bs-body-font-weight: var(--font-weight);
    --bs-body-line-height: var(--line-height);
    --bs-offcanvas-padding-x: 1.5rem;
    --bs-offcanvas-padding-y: 1.2rem;
    --bs-offcanvas-color: var(--font-color);
    --bs-offcanvas-bg: var(--background-color);
    /*--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));*/
    --bs-border-color: var(--border-color);

    --bs-breadcrumb-bg: var(--linear-gradient);
    --bs-breadcrumb-item-color: #e2e2e2;
    --bs-breadcrumb-item-active-color: #fff;

    --bs-footer-bg: #e2e2e2;
    --bs-footer-title-color: var(--font-color);
    --bs-footer-item-color: var(--font-color);
    --bs-footer-link-color: var(--font-color);
}


*:focus-visible {
    outline: none;
    box-shadow: var(--focus-box-shadow);
    border-radius: 3px;
}

/************************************************************************************************
*   UTILITIES                                                                                   *
************************************************************************************************/

/*TOGLE*/
.hide, .hide.visible {
    display: none;
}
.visible {
    display: block;
}

/*POSITION*/
.p-unset{
    position: unset;
}
.p-absolute{
    position: absolute;
}
.p-relative{
    position: relative;
}
.p-fixed{
    position: fixed;
}
.p-sticky{
    position: sticky;
}

.float-unset {
    float: unset;
}
.float-right,
.pull-right {
    float: right;
    margin-left: auto;
}
.float-left,
.pull-left{
    float: left;
    margin-right: auto;
}
.text-center,
.center{
    text-align: center;
}
.text-right,
.right{
    text-align: right;
}
.text-left,
.left{
    text-align: left;
}
.text-justify,
.justify{
    text-align: justify;
}

/*MARGIN*/
.globalMargin {
    margin-top: var(--global-margin-top);
    margin-bottom: var(--global-margin-bottom);
}
.globalMarginTop {
    margin-top: var(--global-margin-top);
}
.globalMarginBottom {
    margin-bottom: var(--global-margin-bottom);
}
.no-margin {
    margin: 0;
}
.no-margin-left {
    margin-left: 0;
}
.no-margin-right {
    margin-right: 0;
}
.no-margin-top {
    margin-top: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-x {
    margin-right: 0;
    margin-left: 0;
}
.no-margin-y {
    margin-top: 0;
    margin-bottom: 0;
}
.margin-auto-x {
    margin: 0 auto;
}
.margin-auto-y {
    margin: auto 0;
}
.no-margin-child > * {
    margin: 0px !important;
}

/*PADDING*/
.globalPadding {
    padding-top: var(--global-padding-top);
    padding-bottom: var(--global-padding-bottom);
}
.globalPaddingTop {
    padding-top: var(--global-padding-top);
}
.globalPaddingBottom {
    padding-bottom: var(--global-padding-bottom);
}
.no-padding {
    padding: 0;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-top {
    padding-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.no-padding-x {
    padding-right: 0;
    padding-left: 0;
}
.no-padding-y {
    padding-top: 0;
    padding-bottom: 0;
}
.no-padding-child > * {
    padding: 0px !important;
}

.gap {
    height: 40px;
    width: 100%;
    clear: both;
    display: block;
}

/*BORDER*/
.no-border {
    border: 0;
}
.no-border-left {
    border-left: 0;
}
.no-border-right {
    border-right: 0;
}
.no-border-top {
    border-top: 0;
}
.no-border-bottom {
    border-bottom: 0;
}
.no-border-x {
    border-right: 0;
    border-left: 0;
}
.no-border-y {
    border-top: 0;
    border-bottom: 0;
}

/*WIDTH*/
.w100{width: 100%;}
.w75 {width: 75%;}
.w50 {width: 50%;}
.w33 {width: 33.33333333%;}
.w25 {width: 25%;}
.w20 {width: 20%;}
.w16 {width: 16.66666667%;}
.w14 {width: 14.28571428%;}
.w12 {width: 12.5%;}
.w11 {width: 11.11111111%;}
.w10 {width: 10%;}
.w9  {width: 9.09090909%;}
.w8  {width: 8.33333333%;}

.w-auto{width: auto;}
.w-fit {width: fit-content;}

/*HEIGHT*/
.h100{height: 100%;}
.h75 {height: 75%;}
.h50 {height: 50%;}
.h33 {height: 33.33333333%;}
.h25 {height: 25%;}
.h20 {height: 20%;}
.h16 {height: 16.66666667%;}
.h14 {height: 14.28571428%;}
.h12 {height: 12.5%;}
.h11 {height: 11.11111111%;}
.h10 {height: 10%;}
.h9  {height: 9.09090909%;}
.h8  {height: 8.33333333%;}



/************************************************************************************************
*   COMPONENTS                                                                                  *
************************************************************************************************/
/*.preloader {
    background: rgb(0 0 0 / 85%);
}

.preloader .loader .ytp-spinner-circle{
    border-color: var(--font-color-light) var(--font-color-light) #FFF;
}*/

/*NAVBAR*/
/*nav.navbar {
    backdrop-filter: blur(3px);
    /*--background-color: rgb(219 219 219 / 64%);* /
    /*--background-color: #DBDBDB;* /
}*/

/*FOOTER*/
footer {
    background: none;
}

footer .footerTop,
footer .footerBottom{
    background-color: var(--bs-footer-bg);
    color: var(--bs-footer-item-color);
    border: none;
}

footer .footerTop{
    padding-top: 3rem;
    padding-bottom: 2rem;
}

footer .footerTopChild {
    padding-bottom: 3rem;
}

footer .footerBottom{
    padding-top: 2rem;
    padding-bottom: 3rem;
}

footer .footerBottomChild {
    padding-bottom: 2rem;
}

footer .categoryFooter .footer-title{
    color: var(--bs-footer-title-color);
}


footer .categoryFooter .footer-list{
    color: var(--bs-footer-item-color);
    font-size: 0.8em;
    margin-top: 1rem;
}

footer .categoryFooter .footer-list .footer-title {
    color: var(--bs-footer-title-color);
    font-size: var(--font-size);
    margin-top: 3rem;
    margin-bottom: 1rem;
    display: block;
}

footer .categoryFooter .footer-list .list-item {
    margin-bottom: 0.7rem;
}

footer .categoryFooter .footer-list a:hover {
    color: var(--bs-footer-link-color);
}

footer p {
    margin-bottom: 0.5rem;
}


/*SCROLLBAR*/
* {
    scrollbar-width: thin;
    scrollbar-color: var(--font-color) var(--background-color);
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: inherit;
}
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 2px solid var(--background-color);
    background-color: var(--font-color);
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--font-color-2);
}

div.scroll-top::before {
    font-family: 'LineIcons';
    content: "\ea5e";
}

div.scroll-top {
    display: none;
    width: 45px;
    height: 45px;
    background: #757575;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    border-radius: 15px;
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-out 0s;
    transition: opacity .3s ease-out 0s;
    opacity: 0.4;
}

div.scroll-top:hover {
    opacity: 1;
}

div.grecaptcha-badge {
    bottom: 85px !important;
}

/*SELECTOR*/
::selection {
    color: #fff;
    background: #808080;
}
::-moz-selection {
    color: #fff;
    background: #808080;
}
::-webkit-selection {
    color: #fff;
    background: #808080;
}


/*LINECLAMP*/
.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    /*padding: 0 !important;*/
}
.line-clamp::after {
    content: "...";
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.2);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 1) 75%
    );
}
@supports (-webkit-line-clamp: 1) {
    .line-clamp::after {
        display: none !important;
    }
}
.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.2 * 1);
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.2 * 2);
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.2 * 3);
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.2 * 4);
}
.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: calc(1em * 1.2 * 5);
}
.line-clamp-6 {
    -webkit-line-clamp: 6;
    height: calc(1em * 1.2 * 6);
}
.line-clamp-7 {
    -webkit-line-clamp: 7;
    height: calc(1em * 1.2 * 7);
}
.line-clamp-8 {
    -webkit-line-clamp: 8;
    height: calc(1em * 1.2 * 8);
}
.line-clamp-9 {
    -webkit-line-clamp: 9;
    height: calc(1em * 1.2 * 9);
}
.line-clamp-10 {
    -webkit-line-clamp: 10;
    height: calc(1em * 1.2 * 10);
}




/*ALERT CALLOUT*/
.alert {
    border: none;
    border-left: 0.25rem solid var(--bs-alert-border-color, var(--bs-gray-300));
    --bs-alert-border-radius: var(--border-radius);
}

.alert:not(.fs-normal) {
    font-size: 0.8em;
}

.alert > :last-child {
    margin-bottom: 0;
}

.alert-success {
    /*--bs-alert-color: rgba(var(--bs-success-rgb));
    --bs-alert-bg: rgba(var(--bs-success-rgb), 0.07);*/
    --bs-alert-border-color: rgba(var(--bs-success-rgb), 0.5);
}

.alert-info {
    /*--bs-alert-color: rgba(var(--bs-info-rgb));
    --bs-alert-bg: rgba(var(--bs-info-rgb), 0.07);*/
    --bs-alert-border-color: rgba(var(--bs-info-rgb), 0.5);
}

.alert-warning {
    /*--bs-alert-color: rgba(var(--bs-warning-rgb));
    --bs-alert-bg: rgba(var(--bs-warning-rgb), 0.07);*/
    --bs-alert-border-color: rgba(var(--bs-warning-rgb), 0.5);
}

.alert-danger {
    /*--bs-alert-color: rgba(var(--bs-danger-rgb));
    --bs-alert-bg: rgba(var(--bs-danger-rgb), 0.07);*/
    --bs-alert-border-color: rgba(var(--bs-danger-rgb), 0.5);
}

.alert-primary {
    /*--bs-alert-color: rgba(var(--bs-primary-rgb));
    --bs-alert-bg: rgba(var(--bs-primary-rgb), 0.2);*/
    --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.5);
}

.alert-secondary {
    --bs-alert-color: rgba(var(--bs-secondary-rgb));
    --bs-alert-bg: rgba(var(--bs-secondary-rgb), 0.2);
    --bs-alert-border-color: rgba(var(--bs-secondary-rgb), 0.5);
}




/*CALLOUT*/
.callout{
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--callout-bg, var(--bs-gray-100));
    /*border: 1px solid var(--callout-border, var(--bs-gray-200));*/
    border-left: 0.25rem solid var(--callout-border, var(--bs-gray-300));
    border-radius: var(--border-radius);
    /*box-shadow: var(--box-shadow);*/
}


.callout h4 {
    margin-bottom: 0.25rem;
    color: var(--callout-color, var(--bs-body-color));
}
.callout > :last-child {
    margin-bottom: 0;
}
.callout + .callout {
    margin-top: -0.25rem;
}

.callout-info {
    --callout-bg: rgba(var(--bs-info-rgb), 0.075);
    --callout-border: rgba(var(--bs-info-rgb), 0.5);
}
.callout-info h4 {
    --callout-color: var(--bs-info);
}
.callout-warning {
    --callout-bg: rgba(var(--bs-warning-rgb), 0.075);
    --callout-border: rgba(var(--bs-warning-rgb), 0.5);
}
.callout-warning h4 {
    --callout-color: var(--bs-warning);
}
.callout-danger {
    --callout-bg: rgba(var(--bs-danger-rgb), 0.075);
    --callout-border: rgba(var(--bs-danger-rgb), 0.5);
}
.callout-danger h4 {
    --callout-color: var(--bs-danger);
}
.callout-success {
    --callout-bg: rgba(var(--bs-success-rgb), 0.075);
    --callout-border: rgba(var(--bs-success-rgb), 0.5);
}
.callout-success h4 {
    --callout-color: var(--bs-success);
}
.callout-light {
    --callout-bg: rgba(var(--bs-light-rgb), 0.075);
    --callout-border: rgba(var(--bs-light-rgb), 0.5);
}
.callout-light h4 {
    --callout-color: var(--bs-light);
}



/*ACCORDION*/
.accordion {
    --bs-accordion-color: var(--font-color);
    --bs-accordion-bg: var(--background-color);
    --bs-accordion-border-radius: var(--border-radius);
    --bs-accordion-inner-border-radius: calc(var(--border-radius) - 1px);
    --bs-accordion-active-color: var(--font-color);
    --bs-accordion-active-bg: var(--background-color);
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-focus-border-color: var(--focus-border-color);
    --bs-accordion-btn-focus-box-shadow: var(--focus-box-shadow);
}

.accordion-item {
    color: var(--font-color);
    /*background-color: var(--background-color);*/
    background-color: #efefef;
    border: none;
    box-shadow: var(--box-shadow);
    margin-bottom: 20px;
    height: calc(100% - 20px);
}

.accordion-button,
.accordion-button:not(.collapsed){
    color: var(--font-color);
    /*background-color: var(--background-color);*/
    background-color: #efefef;
    box-shadow: unset;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after{
    content: "\ecbf";
    font: normal normal normal 1em/1 'LineIconsPro Light';
    background: none;
    padding: 0px;
    width: min-content;
    height: min-content;
}

.accordion-collapse {
    overflow: auto;
}

.accordion-button h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.accordion-footer {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-body ~ .accordion-footer {
    padding-top: 0;
}

.accordion-body ul,
.accordion-body ol {
    list-style: initial;
    padding-left: inherit;
    margin-bottom: 1rem;
}

.accordion-footer:empty {
  display: none;
}

/*SWIPER*/
.swiper-button-prev,
.swiper-button-next,
.bannerLine .carousel-nav {
    height: min-content;
    width: min-content;
    padding: 10px 10px;
    border-radius: var(--border-radius);
    display: none;
    background: none;
    line-height: initial;
}
.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next,
.bannerLine:hover .carousel-nav {
    display: block;
    background-color: rgb(0 0 0 / 20%);
    color: rgb(255 255 255 / 20%);
}
.swiper:hover .swiper-button-prev:hover,
.swiper:hover .swiper-button-next:hover,
.bannerLine:hover .carousel-nav:hover {
    background-color: rgb(255 255 255 / 40%);
    color: rgb(0 0 0 / 20%);
}
.swiper i.lni,
.bannerLine .carousel-nav i.lni {
    font-size: 35px;
    line-height: initial;
}
.swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.swiper .swiper-pagination-bullet-active {
    background: #ffffff;
    border: 2px solid #ffffff;
}
.swiper .swiper-scrollbar {
    display: none;
}


/*CONTAINER*/
.main-container{
    margin: 0px;
    padding: 0px;
    min-height:600px;
}

.mainSection, .contentSection{
    min-height: 70vh;
    padding-top: var(--global-padding-top);
    padding-bottom: var(--global-padding-bottom);
    margin-top: var(--global-margin-top);
    margin-bottom: var(--global-margin-bottom);
}


/*MODAL*/
.modal {
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-border-width: 0;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.modal .modal-content {
  max-height: 85vh;
  max-width: 85vw;
  /*min-height: 25vh;*/
  margin: 0 auto;
  background: var(--background-color);
  color: var(--font-color);
}

.modal .modal-title {
    width: 100%;
    padding-left: 30px;
    text-align: center;
    font-size: 1rem;
    opacity: 0.5;
    font-size: 1rem;
}

.modal .modal-header .btn-close{
    margin-bottom: auto;
}

.modal .modal-title h5 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.modal .modal-footer .btn:last-child {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 15px
}

.modal .modal-footer:empty {
  display: none;
}

.modal#modalLogin a.newRegister::after{
    content: "Quero me cadastrar";
    font-size: 0.8em;
}

.modal#modalLogin a.forgotPassword::after{
    content: "Esqueci a senha";
    font-size: 0.8em;
}

.modal#modalLogin .btn.btn-login::after{
    content: "Entrar";
}

.modal#cadIncompleto .modal-header .modal-title-text::before {
    content: "Cadastro Incompleto";
}
.modal#cadIncompleto .modal-body .modal-body-text::before {
    content: "Favor completar as informações de seu cadastro para que seja possível finalizar seu pedido.";
}

/*CARROSSEL*/
section.bannerCarrossel {
    padding: 0px;
}
.bannerCarrossel .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.bannerCarrossel .banner {
    max-height: unset;
}


/*GRID*/
.bannerGrid .bannerGrid-child {
    margin: 0;
    margin-bottom: 50px;
}

.bannerGrid .bannerGrid-item{
    height: 100%;
    overflow: hidden;
    text-align: center;
    color: var(--font-color);
    padding: 15px;
    margin: 0px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: all 0.3s ease;
}

/*PRODUCT*/
.product-child {
    margin-top: 0.7rem;
    margin-bottom: 2rem;
}
.product-item {
    height: 100%;
    overflow: hidden;
    text-align: center;
    color: var(--font-color);
    background: #efefef;
    padding: 20px 0px;
    margin: 0px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: all 0.3s ease;
}

.product-item:hover,
.bannerGrid .bannerGrid-item:hover {
    transition: background 0.3s ease, box-shadow 0.4s ease;
    background: #DBDBDB;
}

.product-item > div {
    padding: 5px 20px;
    margin: 0px;
}

.productBadge {
    width: 90%;
    position: absolute;
    top: 0.7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    z-index: 1;
}

.productBadge:empty{
    display: none;
}

.productBadge .badge {
    display: inline-block;
    color: var(--font-color);
    background: rgb(255 255 255 / 5%);
    backdrop-filter: blur(20px);
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: var(--font-weight);
    margin: 0.2rem;
}

.productBadge .badgeLancamento::after {
    content: "Lançamento";
}

.productBadge .badgeExclusivo::after {
    content: "Exclusivo";
}

.productBadge .badgePromocao::after {
    content: "Promoção";
}

.product-item .image {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 250px;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}
.product-item .image a {
    display: block;
    overflow: hidden;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.product-item .image a img {
    transition: all 0.3s ease;
    max-height: 250px;
    margin: 0 auto;
}

.product-item .description,
.product-item .description a{
    font-weight: var(--font-weight);
    font-size: 0.9rem;
    text-align: center;
    overflow: hidden;
}

.product-item .description_ref,
.product-item .description_ref a{
    color: var(--font-color-light);
    font-weight: var(--font-weight);
}

.product-item .description a,
.product-item .description_ref a {
    margin: 0;
}

.product-item .action-control {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.product-item .action-control .btn {
    margin: 5px 5px;
    width: 45%;
    min-width: max-content;
    font-size: 0.85rem;
}

.section-view-more {
    margin: 15px 0px;
    padding-bottom: 20px;
}

.section-view-more::before {
    height: 1px;
    background: none repeat scroll 0 0 var(--border-color-light);
    content: "";
    display: block;
    padding: 0;
    margin: 0px auto;
    margin-top: 20px;
    width: 60%;
}

.section-view-more .btn-view-more {
    position: absolute;
    left: 0;
    right: 0;
    margin: -20px auto 0px auto;
    width: max-content;
    white-space: nowrap;
}

/************************************************************************************************
*   CONTENTS                                                                                    *
************************************************************************************************/


.btn:hover:not(.search-btn),
.product-item:hover,
.accordion-item:hover,
.bannerGrid .bannerGrid-item:hover {
    box-shadow: var(--box-shadow-hover);
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

img[src*="/main/img/carregando_seta.gif"] {
  max-width: 22px;
  max-height: 22px;
}

.section-title {
    font-size: 2rem;
    color: var(--font-color);
    padding: 0;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.section-title > * {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0.8rem;
    text-align: center;
    border: none;
}

.section-title h1,
.section-title h2 {
    color: var(--font-color-1);
}

.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
    color: var(--font-color-2);
}

.section-title p,
.bannerGrid-item p {
    color: var(--font-color);
    font-size: var(--font-size);
}

/*.slider-content.banner {
    z-index: 0;
}*/





/*.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu-end {
    right: 0;
    left: auto;
}*/




/*layout*/
body,
.main-container {
    background-color: var(--background-color);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--font-color);
    font-style: normal;
}

/*p {
    color: var(--font-color);
}*/

a:not(.btn),
a:not(.btn):hover,
a:not(.btn):focus,
.link {
    color: unset;
    text-decoration: none;
}

a:not(.btn) label{
    cursor: pointer;
}

a:not(.btn):hover,
.link:hover {
    opacity: 0.95;
}





/*input[type="button"],
input[type="submit"],*/

input.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="month"],
input[type="date"],
input[type="search"],
select.form-select,
select,
option,
textarea {
    color: #454545;
    background-color: #fff;
    caret-color: #454545;
    border-radius: var(--border-radius);
    outline: none !important;
    margin-bottom: 1rem;
    border: 1px solid var(--placeholder-color);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly],
.form-control[disabled],
.form-control[readonly],
.form-select[disabled],
.form-select[readonly] {
    cursor: no-drop;
    background-color: var(--background-color);
    border-color: var(--placeholder-color);
    color: var(--placeholder-color);
    opacity: 0.7;
}

select[readonly] {
  pointer-events: none;
  touch-action: none;
}

input.form-control,
.input-group,
.form-control,
.form-control-check,
.form-check,
.form-select {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.input-group-text {
    border-color: var(--placeholder-color);
}

.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select,
.form-control-check > .form-check {
    margin-bottom: 0;
}

.form-control:focus,
.form-select:focus{
    border-color: var(--focus-border-color);
    box-shadow: var(--focus-box-shadow);
}


.form-check-input:focus{
    border-color: var(--bs-btn-hover-border-color,  var(--focus-border-color));
    box-shadow: var(--bs-btn-focus-box-shadow,  var(--focus-box-shadow));
}

.form-check-input:checked {
    background-color: var(--font-color);
    border-color: var(--border-color);
}

.form-check-input[type=checkbox] {
    min-width: 28px;
}

input[type="radio"],
input[type="checkbox"],
select{
    cursor:pointer
}

.no-autocomplete-pwd{
    position: fixed !important;
    z-index: -1 !important;
    opacity: 0 !important;
    padding: 0 !important;
    bottom: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 0 !important;
}

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



/************************************************************************************************
*   BOOTSTRAP ADJUSTS                                                                           *
************************************************************************************************/

.navbar .row{
    flex-grow: 1;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}



/************************************************************************************************
*   GRID ADJUSTS                                                                                *
*   -----------                                                                                 *
*   xxs <= 320px                                                                                *
*    xs >= 321px                                                                                *
*    sm >= 576px                                                                                *
*    md >= 768px                                                                                *
*    lg >= 992px                                                                                *
*    xl >= 1200px                                                                               *
*   xxl >= 1400px                                                                               *
************************************************************************************************/

.col-xxs-1,  .col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1,  .col-xl-1,  .col-xxl-1,
.col-xxs-2,  .col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,  .col-xl-2,  .col-xxl-2,
.col-xxs-3,  .col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,  .col-xl-3,  .col-xxl-3,
.col-xxs-4,  .col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,  .col-xl-4,  .col-xxl-4,
.col-xxs-5,  .col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,  .col-xl-5,  .col-xxl-5,
.col-xxs-6,  .col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,  .col-xl-6,  .col-xxl-6,
.col-xxs-7,  .col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,  .col-xl-7,  .col-xxl-7,
.col-xxs-8,  .col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,  .col-xl-8,  .col-xxl-8,
.col-xxs-9,  .col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9,  .col-xl-9,  .col-xxl-9,
.col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
.col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
.col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {
    transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
}

@media (min-width: 1400px){
    .hide-xxl, .visible.hide-xxl {
        display: none !important;
    }
    .visible-xxl, .hide.visible-xxl {
        display: block !important;
    }
    .p-unset-xxl {
        position: unset;
    }
    .p-absolute-xxl {
        position: absolute;
    }
    .p-relative-xxl {
        position: relative;
    }
    .p-fixed-xxl {
        position: fixed;
    }
    .p-sticky-xxl {
        position: sticky;
    }
    .float-unset-xxl {
        float: unset;
    }
    .float-right-xxl {
        float: right;
    }
    .float-left-xxl {
        float: left;
    }
    .text-center-xxl, center-xxl {
        text-align:center;
    }
    .text-right-xxl, right-xxl {
        text-align:right;
    }
    .text-left-xxl, left-xxl {
        text-align:left;
    }
    .text-justify-xxl, justify-xxl {
        text-align:justify;
    }
}

@media /*(min-width:1200px) and*/ (max-width: 1399px){
    .hide-xl, .visible.hide-xl {
        display: none !important;
    }
    .visible-xl, .hide.visible-xl {
        display: block !important;
    }
    .p-unset-xl {
        position: unset;
    }
    .p-absolute-xl {
        position: absolute;
    }
    .p-relative-xl {
        position: relative;
    }
    .p-fixed-xl {
        position: fixed;
    }
    .p-sticky-xl {
        position: sticky;
    }
    .float-unset-xl {
        float: unset;
    }
    .float-right-xl {
        float: right;
    }
    .float-left-xl {
        float: left;
    }
    .text-center-xl, center-xl {
        text-align:center;
    }
    .text-right-xl, right-xl {
        text-align:right;
    }
    .text-left-xl, left-xl {
        text-align:left;
    }
    .text-justify-xl, justify-xl {
        text-align:justify;
    }
}

@media /*(min-width:992px) and*/ (max-width: 1199px){
    .hide-lg, .visible.hide-lg {
        display: none !important;
    }
    .visible-lg, .hide.visible-lg {
        display: block !important;
    }
    .p-unset-lg {
        position: unset;
    }
    .p-absolute-lg {
        position: absolute;
    }
    .p-relative-lg {
        position: relative;
    }
    .p-fixed-lg {
        position: fixed;
    }
    .p-sticky-lg {
        position: sticky;
    }
    .float-unset-lg {
        float: unset;
    }
    .float-right-lg {
        float: right;
    }
    .float-left-lg {
        float: left;
    }
    .text-center-lg, center-lg {
        text-align:center;
    }
    .text-right-lg, right-lg {
        text-align:right;
    }
    .text-left-lg, left-lg {
        text-align:left;
    }
    .text-justify-lg, justify-lg {
        text-align:justify;
    }
}

@media /*(min-width:768px) and*/ (max-width: 991px){
    .hide-md, .visible.hide-md {
        display: none !important;
    }
    .visible-md, .hide.visible-md {
        display: block !important;
    }
    .p-unset-md {
        position: unset;
    }
    .p-absolute-md {
        position: absolute;
    }
    .p-relative-md {
        position: relative;
    }
    .p-fixed-md {
        position: fixed;
    }
    .p-sticky-md {
        position: sticky;
    }
    .float-unset-md {
        float: unset;
    }
    .float-right-md {
        float: right;
    }
    .float-left-md {
        float: left;
    }
    .text-center-md, center-md {
        text-align:center;
    }
    .text-right-md, right-md {
        text-align:right;
    }
    .text-left-md, left-md {
        text-align:left;
    }
    .text-justify-md, justify-md {
        text-align:justify;
    }
}

@media /*(min-width:576px) and*/ (max-width: 767px){
    .hide-sm, .visible.hide-sm {
        display: none !important;
    }
    .visible-sm, .hide.visible-sm {
        display: block !important;
    }
    .p-unset-sm {
        position: unset;
    }
    .p-absolute-sm {
        position: absolute;
    }
    .p-relative-sm {
        position: relative;
    }
    .p-fixed-sm {
        position: fixed;
    }
    .p-sticky-sm {
        position: sticky;
    }
    .float-unset-sm {
        float: unset;
    }
    .float-right-sm {
        float: right;
    }
    .float-left-sm {
        float: left;
    }
    .text-center-sm, center-sm {
        text-align:center;
    }
    .text-right-sm, right-sm {
        text-align:right;
    }
    .text-left-sm, left-sm {
        text-align:left;
    }
    .text-justify-sm, justify-sm {
        text-align:justify;
    }
}

@media /*(min-width:321px) and*/ (max-width: 575px){
    .hide-xs, .visible.hide-xs {
        display: none !important;
    }
    .visible-xs, .hide.visible-xs {
        display: block !important;
    }
    .p-unset-xs {
        position: unset;
    }
    .p-absolute-xs {
        position: absolute;
    }
    .p-relative-xs {
        position: relative;
    }
    .p-fixed-xs {
        position: fixed;
    }
    .p-sticky-xs {
        position: sticky;
    }
    .float-unset-xs {
        float: unset;
    }
    .float-right-xs {
        float: right;
    }
    .float-left-xs {
        float: left;
    }
    .text-center-xs, center-xs {
        text-align:center;
    }
    .text-right-xs, right-xs {
        text-align:right;
    }
    .text-left-xs, left-xs {
        text-align:left;
    }
    .text-justify-xs, justify-xs {
        text-align:justify;
    }

    /*BOOTSTRAPS Grid XS breakpoint*/
    /* expanding BS3 max-width */
    .container, .container-xs, .container-xxs {max-width: 540px;}

    /* grid columns xs */
    .col-xs-12 {flex: 0 0 auto; width: 100%;}
    .col-xs-11 {flex: 0 0 auto; width: 91.66666667%;}
    .col-xs-10 {flex: 0 0 auto; width: 83.33333333%;}
    .col-xs-9  {flex: 0 0 auto; width: 75%;}
    .col-xs-8  {flex: 0 0 auto; width: 66.66666667%;}
    .col-xs-7  {flex: 0 0 auto; width: 58.33333333%;}
    .col-xs-6  {flex: 0 0 auto; width: 50%;}
    .col-xs-5  {flex: 0 0 auto; width: 41.66666667%;}
    .col-xs-4  {flex: 0 0 auto; width: 33.33333333%;}
    .col-xs-3  {flex: 0 0 auto; width: 25%;}
    .col-xs-2  {flex: 0 0 auto; width: 16.66666667%;}
    .col-xs-1  {flex: 0 0 auto; width: 8.33333333%;}
    .col-xs    {flex: 0 0 auto; width: 100%;}
    .col-xs-auto {flex: 0 0 auto; width: auto;}

    /* text-align xs */
    .text-xs-left   {text-align: left!important;}
    .text-xs-center {text-align: center!important;}
    .text-xs-right  {text-align: right!important;}

    /* float xs */
    .float-xs-left  {float: left!important;}
    .float-xs-right {float: right!important;}
    .float-xs-none  {float: none!important;}

    /* display xs */
    .d-xs-none {display: none!important;}
    .d-xs-inline {display: inline!important;}
    .d-xs-inline-block {display: inline-block !important;}
    .d-xs-block {display: block !important;}
    .d-xs-table {display: table!important;}
    .d-xs-table-cell {display: table-cell!important;}
    .d-xs-table-row {display: table-row!important;}
    .d-xs-flex {display: flex!important;}
    .d-xs-inline-flex {display: inline-flex!important;}

    /* offsets xs */
    .offset-xs-1  {margin-left: 8.333333%;}
    .offset-xs-2  {margin-left: 16.666667%;}
    .offset-xs-3  {margin-left: 25%;}
    .offset-xs-4  {margin-left: 33.333333%;}
    .offset-xs-5  {margin-left: 41.666667%;}
    .offset-xs-6  {margin-left: 50%;}
    .offset-xs-7  {margin-left: 58.333333%;}
    .offset-xs-8  {margin-left: 66.666667%;}
    .offset-xs-9  {margin-left: 75%;}
    .offset-xs-10 {margin-left: 83.333333%;}
    .offset-xs-11 {margin-left: 91.666667%;}

    /* spacing xs */
    .m-xs-0{margin:0!important}.mt-xs-0,.my-xs-0{margin-top:0!important}.mr-xs-0,.mx-xs-0{margin-right:0!important}.mb-xs-0,.my-xs-0{margin-bottom:0!important}.ml-xs-0,.mx-xs-0{margin-left:0!important}.m-xs-1{margin:.25rem!important}.mt-xs-1,.my-xs-1{margin-top:.25rem!important}.mr-xs-1,.mx-xs-1{margin-right:.25rem!important}.mb-xs-1,.my-xs-1{margin-bottom:.25rem!important}.ml-xs-1,.mx-xs-1{margin-left:.25rem!important}.m-xs-2{margin:.5rem!important}.mt-xs-2,.my-xs-2{margin-top:.5rem!important}.mr-xs-2,.mx-xs-2{margin-right:.5rem!important}.mb-xs-2,.my-xs-2{margin-bottom:.5rem!important}.ml-xs-2,.mx-xs-2{margin-left:.5rem!important}.m-xs-3{margin:1rem!important}.mt-xs-3,.my-xs-3{margin-top:1rem!important}.mr-xs-3,.mx-xs-3{margin-right:1rem!important}.mb-xs-3,.my-xs-3{margin-bottom:1rem!important}.ml-xs-3,.mx-xs-3{margin-left:1rem!important}.m-xs-4{margin:1.5rem!important}.mt-xs-4,.my-xs-4{margin-top:1.5rem!important}.mr-xs-4,.mx-xs-4{margin-right:1.5rem!important}.mb-xs-4,.my-xs-4{margin-bottom:1.5rem!important}.ml-xs-4,.mx-xs-4{margin-left:1.5rem!important}.m-xs-5{margin:3rem!important}.mt-xs-5,.my-xs-5{margin-top:3rem!important}.mr-xs-5,.mx-xs-5{margin-right:3rem!important}.mb-xs-5,.my-xs-5{margin-bottom:3rem!important}.ml-xs-5,.mx-xs-5{margin-left:3rem!important}
    .p-xs-0{padding:0!important}.pt-xs-0,.py-xs-0{padding-top:0!important}.pr-xs-0,.px-xs-0{padding-right:0!important}.pb-xs-0,.py-xs-0{padding-bottom:0!important}.pl-xs-0,.px-xs-0{padding-left:0!important}.p-xs-1{padding:.25rem!important}.pt-xs-1,.py-xs-1{padding-top:.25rem!important}.pr-xs-1,.px-xs-1{padding-right:.25rem!important}.pb-xs-1,.py-xs-1{padding-bottom:.25rem!important}.pl-xs-1,.px-xs-1{padding-left:.25rem!important}.p-xs-2{padding:.5rem!important}.pt-xs-2,.py-xs-2{padding-top:.5rem!important}.pr-xs-2,.px-xs-2{padding-right:.5rem!important}.pb-xs-2,.py-xs-2{padding-bottom:.5rem!important}.pl-xs-2,.px-xs-2{padding-left:.5rem!important}.p-xs-3{padding:1rem!important}.pt-xs-3,.py-xs-3{padding-top:1rem!important}.pr-xs-3,.px-xs-3{padding-right:1rem!important}.pb-xs-3,.py-xs-3{padding-bottom:1rem!important}.pl-xs-3,.px-xs-3{padding-left:1rem!important}.p-xs-4{padding:1.5rem!important}.pt-xs-4,.py-xs-4{padding-top:1.5rem!important}.pr-xs-4,.px-xs-4{padding-right:1.5rem!important}.pb-xs-4,.py-xs-4{padding-bottom:1.5rem!important}.pl-xs-4,.px-xs-4{padding-left:1.5rem!important}.p-xs-5{padding:3rem!important}.pt-xs-5,.py-xs-5{padding-top:3rem!important}.pr-xs-5,.px-xs-5{padding-right:3rem!important}.pb-xs-5,.py-xs-5{padding-bottom:3rem!important}.pl-xs-5,.px-xs-5{padding-left:3rem!important}
    .m-xs-auto{margin:auto!important}.mt-xs-auto,.my-xs-auto{margin-top:auto!important}.mr-xs-auto,.mx-xs-auto{margin-right:auto!important}.mb-xs-auto,.my-xs-auto{margin-bottom:auto!important}.ml-xs-auto,.mx-xs-auto{margin-left:auto!important}
}

@media (max-width: 320px){
    .hide-xxs, .visible.hide-xxs {
        display: none !important;
    }
    .visible-xxs, .hide.visible-xxs {
        display: block !important;
    }
    .p-unset-xxs {
        position: unset;
    }
    .p-absolute-xxs {
        position: absolute;
    }
    .p-relative-xxs {
        position: relative;
    }
    .p-sticky-xxs {
        position: sticky;
    }
    .float-unset-xxs {
        float: unset;
    }
    .float-right-xxs {
        float: right;
    }
    .float-left-xxs {
        float: left;
    }
    .text-center-xxs, center-xxs {
        text-align:center;
    }
    .text-right-xxs, right-xxs {
        text-align:right;
    }
    .text-left-xxs, left-xxs {
        text-align:left;
    }
    .text-justify-xxs, justify-xxs {
        text-align:justify;
    }

    /*BOOTSTRAPS Grid XXS breakpoint*/
    /* expanding BS3 max-width */
    /*.container, .container-xxs {max-width: 300px;}*/

    /* grid columns xxs */
    .col-xxs-12 {flex: 0 0 auto; width: 100%;}
    .col-xxs-11 {flex: 0 0 auto; width: 91.66666667%;}
    .col-xxs-10 {flex: 0 0 auto; width: 83.33333333%;}
    .col-xxs-9  {flex: 0 0 auto; width: 75%;}
    .col-xxs-8  {flex: 0 0 auto; width: 66.66666667%;}
    .col-xxs-7  {flex: 0 0 auto; width: 58.33333333%;}
    .col-xxs-6  {flex: 0 0 auto; width: 50%;}
    .col-xxs-5  {flex: 0 0 auto; width: 41.66666667%;}
    .col-xxs-4  {flex: 0 0 auto; width: 33.33333333%;}
    .col-xxs-3  {flex: 0 0 auto; width: 25%;}
    .col-xxs-2  {flex: 0 0 auto; width: 16.66666667%;}
    .col-xxs-1  {flex: 0 0 auto; width: 8.33333333%;}
    .col-xxs    {flex: 0 0 auto; width: 100%;}
    .col-xxs-auto {flex: 0 0 auto; width: auto;}

    /* text-align xxs */
    .text-xxs-left   {text-align: left!important;}
    .text-xxs-center {text-align: center!important;}
    .text-xxs-right  {text-align: right!important;}

    /* float xxs */
    .float-xxs-left  {float: left!important;}
    .float-xxs-right {float: right!important;}
    .float-xxs-none  {float: none!important;}

    /* display xxs */
    .d-xxs-none {display: none!important;}
    .d-xxs-inline {display: inline!important;}
    .d-xxs-inline-block {display: inline-block !important;}
    .d-xxs-block {display: block !important;}
    .d-xxs-table {display: table!important;}
    .d-xxs-table-cell {display: table-cell!important;}
    .d-xxs-table-row {display: table-row!important;}
    .d-xxs-flex {display: flex!important;}
    .d-xxs-inline-flex {display: inline-flex!important;}

    /* offsets xxs */
    .offset-xxs-1  {margin-left: 8.333333%;}
    .offset-xxs-2  {margin-left: 16.666667%;}
    .offset-xxs-3  {margin-left: 25%;}
    .offset-xxs-4  {margin-left: 33.333333%;}
    .offset-xxs-5  {margin-left: 41.666667%;}
    .offset-xxs-6  {margin-left: 50%;}
    .offset-xxs-7  {margin-left: 58.333333%;}
    .offset-xxs-8  {margin-left: 66.666667%;}
    .offset-xxs-9  {margin-left: 75%;}
    .offset-xxs-10 {margin-left: 83.333333%;}
    .offset-xxs-11 {margin-left: 91.666667%;}

    /* spacing xxs */
    .m-xxs-0{margin:0!important}.mt-xxs-0,.my-xxs-0{margin-top:0!important}.mr-xxs-0,.mx-xxs-0{margin-right:0!important}.mb-xxs-0,.my-xxs-0{margin-bottom:0!important}.ml-xxs-0,.mx-xxs-0{margin-left:0!important}.m-xxs-1{margin:.25rem!important}.mt-xxs-1,.my-xxs-1{margin-top:.25rem!important}.mr-xxs-1,.mx-xxs-1{margin-right:.25rem!important}.mb-xxs-1,.my-xxs-1{margin-bottom:.25rem!important}.ml-xxs-1,.mx-xxs-1{margin-left:.25rem!important}.m-xxs-2{margin:.5rem!important}.mt-xxs-2,.my-xxs-2{margin-top:.5rem!important}.mr-xxs-2,.mx-xxs-2{margin-right:.5rem!important}.mb-xxs-2,.my-xxs-2{margin-bottom:.5rem!important}.ml-xxs-2,.mx-xxs-2{margin-left:.5rem!important}.m-xxs-3{margin:1rem!important}.mt-xxs-3,.my-xxs-3{margin-top:1rem!important}.mr-xxs-3,.mx-xxs-3{margin-right:1rem!important}.mb-xxs-3,.my-xxs-3{margin-bottom:1rem!important}.ml-xxs-3,.mx-xxs-3{margin-left:1rem!important}.m-xxs-4{margin:1.5rem!important}.mt-xxs-4,.my-xxs-4{margin-top:1.5rem!important}.mr-xxs-4,.mx-xxs-4{margin-right:1.5rem!important}.mb-xxs-4,.my-xxs-4{margin-bottom:1.5rem!important}.ml-xxs-4,.mx-xxs-4{margin-left:1.5rem!important}.m-xxs-5{margin:3rem!important}.mt-xxs-5,.my-xxs-5{margin-top:3rem!important}.mr-xxs-5,.mx-xxs-5{margin-right:3rem!important}.mb-xxs-5,.my-xxs-5{margin-bottom:3rem!important}.ml-xxs-5,.mx-xxs-5{margin-left:3rem!important}
    .p-xxs-0{padding:0!important}.pt-xxs-0,.py-xxs-0{padding-top:0!important}.pr-xxs-0,.px-xxs-0{padding-right:0!important}.pb-xxs-0,.py-xxs-0{padding-bottom:0!important}.pl-xxs-0,.px-xxs-0{padding-left:0!important}.p-xxs-1{padding:.25rem!important}.pt-xxs-1,.py-xxs-1{padding-top:.25rem!important}.pr-xxs-1,.px-xxs-1{padding-right:.25rem!important}.pb-xxs-1,.py-xxs-1{padding-bottom:.25rem!important}.pl-xxs-1,.px-xxs-1{padding-left:.25rem!important}.p-xxs-2{padding:.5rem!important}.pt-xxs-2,.py-xxs-2{padding-top:.5rem!important}.pr-xxs-2,.px-xxs-2{padding-right:.5rem!important}.pb-xxs-2,.py-xxs-2{padding-bottom:.5rem!important}.pl-xxs-2,.px-xxs-2{padding-left:.5rem!important}.p-xxs-3{padding:1rem!important}.pt-xxs-3,.py-xxs-3{padding-top:1rem!important}.pr-xxs-3,.px-xxs-3{padding-right:1rem!important}.pb-xxs-3,.py-xxs-3{padding-bottom:1rem!important}.pl-xxs-3,.px-xxs-3{padding-left:1rem!important}.p-xxs-4{padding:1.5rem!important}.pt-xxs-4,.py-xxs-4{padding-top:1.5rem!important}.pr-xxs-4,.px-xxs-4{padding-right:1.5rem!important}.pb-xxs-4,.py-xxs-4{padding-bottom:1.5rem!important}.pl-xxs-4,.px-xxs-4{padding-left:1.5rem!important}.p-xxs-5{padding:3rem!important}.pt-xxs-5,.py-xxs-5{padding-top:3rem!important}.pr-xxs-5,.px-xxs-5{padding-right:3rem!important}.pb-xxs-5,.py-xxs-5{padding-bottom:3rem!important}.pl-xxs-5,.px-xxs-5{padding-left:3rem!important}
    .m-xxs-auto{margin:auto!important}.mt-xxs-auto,.my-xxs-auto{margin-top:auto!important}.mr-xxs-auto,.mx-xxs-auto{margin-right:auto!important}.mb-xxs-auto,.my-xxs-auto{margin-bottom:auto!important}.ml-xxs-auto,.mx-xxs-auto{margin-left:auto!important}
}





.btn-close,
.btn-close:hover {
    color: unset;
    background: unset;
    width: min-content;
    height: min-content;
}

.btn-close::after {
    content: "\ea63";
    font: normal normal normal 1em/1 'LineIcons';
    background: none;
    font-size: 1.3rem;
}
.navbar-cart .offcanvas-header,
.navbar-cart .offcanvas-footer,
.navbar-cart .btn-close {
    color: var(--font-color-2);
}

label.cartName::after {
    content: "Carrinho";
}



.breadcrumbSection {
    background-color: var(--bs-breadcrumb-item-color);
    background: var(--bs-breadcrumb-bg);
    height: 150px;
}
.breadcrumbSection .breadcrumbBar {
    display: inline-block;
    padding: 0;
    padding-left: 0.7rem;
    margin: 0;
    margin-top: 85px;
    --bs-breadcrumb-bg: none;
}
.breadcrumbSection .breadcrumb li,
.breadcrumbSection .breadcrumb li a,
.breadcrumbSection .breadcrumb li::before {
    font-size: 1rem;
    font-weight: var(--font-weight);
    color: var(--bs-breadcrumb-item-color);
    opacity: 0.85;
}
.breadcrumbSection .breadcrumb li:hover,
.breadcrumbSection .breadcrumb li a:hover{
    opacity: 1;
}

.breadcrumbSection .breadcrumb li.active {
    color: var(--bs-breadcrumb-item-color);
    position: absolute;
    padding: 0;
    margin: 0;
    margin-top: -50px;
    opacity: 1;
}

.breadcrumbSection .breadcrumb li.active,
.breadcrumbSection .breadcrumb li.active h1 {
    font-size: 2rem;
    font-weight: var(--font-weight);
}

.breadcrumbSection .breadcrumb li.active::before {
    display: none;
}

.localSection{
    display:none;
}


/********************REVISAR*********************/




    .cart-list-item {
        display: inline-block;
        width: 100%;
        font-weight: var(--font-weight-bold);
    }

    .cart-list-img {
        float: right;
        text-align: right;
        width: 30%;
        padding: 0;
        margin: 0;
        padding-left: 15px;
    }

    .cart-list-img img {
        display: block;
        width: 100%;
        max-width: max-content;
        height: auto;
    }

    .cart-list-descr,
    .cart-list-variant {
        display: inline-block;
        text-align: left;
        width: 69%;
        padding: 0;
        margin: 0;
    }

    .cart-list-descr {
        font-size: 0.9em;
        opacity: 1;
        margin-bottom: 7px;
    }

    .cart-list-variant {
        display: none;
        font-size: 0.85em;
        opacity: 0.7;
    }

    .cart-list-cod{
        display: inline-block;
        text-align: left;
        width: 69%;
        padding: 0;
        margin: 0;
        font-size: 0.85em;
        opacity: 0.7;
    }

    .cart-list-color,
    .cart-list-size{
        display: table-cell; /*force new line*/
        text-align: left;
        padding: 0;
        margin: 0;
        font-size: 0.85em;
        opacity: 0.7;
    }

    .cart-list-size::before {
        content: "-";
        margin: 0px 5px;
    }

    .cart-list-qtd,
    .cart-list-price{
        display: inline-block;
        text-align: left;
        width: 34%;
        padding: 0;
        margin: 0;
        font-size: 0.85em;
        opacity: 0.7;
    }

    .cart-list-qtd::before {
        content: "Quantidade:";
        margin-right: 2px;
    }

    .cart-list-price::after {
        content: "un";
        margin-left: 2px;
    }

    .cart-list-subtotal {
        display: inline-block;
        text-align: left;
        font-size: 0.9em;
        width: 69%;
        padding: 0;
        margin: 0;
        margin-top: 7px;
    }

    .item-price-free .cart-list-item .cart-list-price,
    .item-type-7 .cart-list-item .cart-list-color,
    .item-type-7 .cart-list-item .cart-list-size,
    .item-qtd-1 .cart-list-item .cart-list-price,
    .item-qtd-1 .cart-list-item .cart-list-qtd {
        display: none !important;
    }

    .item-type-7 .cart-list-item .cart-list-variant{
        display: inline-block;
    }

.bd-carrinho .cart-list-item.callout,
.bd-pagamento .cart-list-item.callout {
    /*border: none;*/
    box-shadow: none;
}

.viewport-min-lg aside.orderDetail {
  position: sticky;
  top: 150px;
}

.orderDetail-table {
    padding: 1rem;
    border-radius: var(--border-radius);
    transition: all 0.3s ease-out 0s;
    box-shadow: var(--box-shadow);
    /*background-color: var(--background-color);*/
    background-color: #efefef;
}

.orderDetail-table tr:last-child td {
  border: none;
}

a.page-link {
    filter: saturate(0);
}


.form-group label[for="username"]::before {
    content: "Seu e-mail ou CPF/CNPJ";
}
.form-group label[for="password"]::before {
    content: "Sua senha";
}
.form-group label[for="username-new"]::before {
    content: "Seu melhor e-mail";
}
.form-group label[for="cpf-cnpj-new"]::before {
    content: "Seu CPF ou CNPJ";
}
.form-group label[for="login-password-old"]::before {
    content: "Senha Atual";
}
.form-group label[for="login-password-new"]::before {
    content: "Nova Senha";
}
.form-group label[for="login-password-confirm"]::before {
    content: "Confirmar Nova Senha";
}


.bd-cadastro div#validateSenha,
.bd-afiliado-cadastro div#validateSenha {
    display: none;
    position: absolute;
    float: left;
    margin-right: auto;
    margin-top: -8px;
    padding: 10px;
    border: var(--border);
    border-radius: var(--border-radius);
    background: var(--background-color);
    box-shadow: var(--box-shadow);
    z-index: 1;
}

.bd-cadastro div#validateSenha p,
.bd-afiliado-cadastro div#validateSenha p {
    font-size: 0.8rem;
}

.bd-cadastro span.togglePassword{
    cursor: pointer;
    transition: 0.4s;
}
/*.bd-cadastro span.togglePassword-active {
    opacity: 1;
}
.bd-cadastro span.togglePassword:hover {
    opacity: 1;
    transition: 0.4s;
}*/

.myAccountList li{text-align:center;float: left;margin: 10px;}
.myAccountList li a{font-size:14px;display:block;}
.myAccountList .thumbnail{padding:10px 0 5px 0;}
.myAccountList .thumbnail:hover{background:#F5F5F5;}
.myAccountList li a i{display:block;clear:both;font-size:44px;margin-bottom:10px;}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


.input-placeholder,
.opt-placeholder,
::placeholder,
::-webkit-input-placeholder,
.form-control::placeholder,
.form-select.input-placeholder{
    color: var(--placeholder-color);
}

.carrinho_cupom_desc::placeholder,
.carrinho_cod_afliado::placeholder{
    font-size: 0.75rem;
}
/*:focus::placeholder {
    visibility: hidden;
}*/

.cupom_loading > img {
    width: 10%;
}

.bd-categoria .category-top,
.bd-pagina-nao-encontrada .category-top {
    display: inline-block;
    margin-bottom: 5em;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
}

.bd-categoria .category-top:hover,
.bd-pagina-nao-encontrada .category-top:hover {
    box-shadow: var(--box-shadow-hover);
}

.bd-categoria .category-top > *:first-child,
.bd-pagina-nao-encontrada .category-top > *:first-child {
    margin-top: 1.5rem;
}
.bd-categoria .category-top > *,
.bd-pagina-nao-encontrada .category-top > * {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.bd-categoria .category-top > *:last-child,
.bd-pagina-nao-encontrada .category-top > *:last-child {
    margin-bottom: 1.5rem;
}
.bd-categoria .category-top > h2,
.bd-pagina-nao-encontrada .category-top > h2 {
    color: var(--font-color-2);
}







.bd-produto .product-imgQtd-1 .productImgInfo-thumbContent {
    display: none;
}

.bd-produto .productImgInfo-shareContent {
    width: 10%;
    float: left;
    overflow: hidden;
}

.bd-produto .productImgInfo-shareContent ul {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.bd-produto .productImgInfo-shareContent a {
    display: block;
    font-size: 1.5rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
}

.bd-produto .productImgInfo-imgContent {
    float: left;
    width: 90%;
    margin: 0 auto 20px auto;
}

.bd-produto .productImgInfo-imgContent .zoomContent {
    cursor: zoom-in;
    border-radius: var(--border-radius);
}

.bd-produto .productImgInfo-imgContent .zoomContent img{
    height:auto;
}

.bd-produto .productImgInfo-thumbContent {
    z-index: 10;
    margin: 1rem 0 2rem auto;
    width: 90%;
    display: flex;
    justify-content: space-evenly;
}

.bd-produto .productImgInfo-thumbContent img {
    border-radius: var(--border-radius);
}

.bd-produto .productImgInfo-thumbNav {
    cursor: pointer;
    z-index: 10;
    font-size: 1.5rem;
    margin: auto;
    padding: 0.5rem;
}

.bd-produto .productImgInfo-shareImgThumb .bx-wrapper {
    margin-bottom: 0;
}

.bd-produto .productImgInfo-shareImgThumb .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
    height: fit-content !important;
}

.bd-produto.viewport-max-md .productImgInfo-shareContent {
    float: none;
    width: 100%;
    padding: 0;
}

.bd-produto.viewport-max-md .productImgInfo-shareContent ul {
    flex-direction: initial;
}

.bd-produto.viewport-max-md .productImgInfo-thumbContent {
    margin: 1rem auto 2rem auto;
    width: 100%;
}

.bd-produto .productImgInfo-infoContent{
    text-align: center;
}

.bd-produto .productImgInfo-infoTitle {
    color: var(--font-color-2);
    text-align: center;
    width: 90%;
    margin: 1rem auto 1rem auto;
}
.bd-produto .productImgInfo-infoRef {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 2rem;
}
.bd-produto .productImgInfo-infoContent .price {
    display: flex;
    justify-content: center;
}












.bd-produto .cart-actions {
    margin-top: 2rem;
}
.bd-produto .msg-unavailable {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    color: var(--font-color-2);
}

.bd-produto .btn-addNotify,
.bd-produto .btn-contact,
.bd-produto .btn-addCartPending,
.bd-produto .btn-addCart{
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.pg-carrinho .cartEmpty::before {
    content: "Você não possui itens no carrinho de compras";
    text-align: center;
    display: block;
    margin: 1vh 10% 4vh 10%;
    padding: 0px 0px 5vh 0px;
    font-weight: bold;
    border: none;
}

.pg-carrinho .cartEmpty::after {
  content: "Para realizar uma compra, navegue pelas categorias do site ou utilize o campo de busca para encontrar o item desejado.";
  display: block;
  font-size: 0.8rem;
  font-weight: normal;
  text-align: justify;
  width: 210px;
  margin: auto;
}

.pg-carrinho .btn-goHome::before {
  content: "Continuar";
}

.container .mainFooter {
  padding: 20px;
  margin: 3rem 0 4rem 0;
  display: inline-block;
  width: 100%;
  background: rgb(199 199 199 / 25%);
  border: var(--border);
  border-radius: var(--border-radius);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.gap.section-title:after {
  background: #dddddd29;
  content: "";
  display: block;
  height: 1px;
  margin-left: 20%;
  position: absolute;
  top: 28px;
  width: 60%;
  z-index: 1;
}

.style2 .section-title, .section-title.style2 {
  font-size: 42px;
  font-weight: lighter;
  line-height: 44px;
  margin: 10px 0 20px;
  padding: 0;
  position: relative;
  border: none;
  height: 40px;
}
.section-title.style2:last-child {
  display: none;
}

.orderStep {
    display: flex;
    justify-content: space-between;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 3rem;
    width: 100%;
    text-align: center;
    background: rgb(0 0 0 / 5%);
}
.orderStep li {
    flex: 1 1 0px;
}
.orderStep li.active {
    background: rgb(0 0 0 / 5%);
}
.orderStep li a i {
    display: block;
    font-size: 1.3rem;
    padding: 0.6rem;
    background: rgb(0 0 0 / 5%);
}
.orderStep li a span {
    display: block;
    padding: 0.3rem;
}




.table {
    --bs-table-color: var(--font-color);
    --bs-body-color: var(--font-color);
    border-color: var(--border-color);
}
.table th {
    color: var(--font-color-2);
    background: rgb(0 0 0 / 5%);
}
.table th:first-child {
    border-radius: var(--border-radius) 0 0 0;
    overflow: hidden;
}
.table th:last-child {
    border-radius: 0 var(--border-radius) 0 0;
    overflow: hidden;
}
.table tbody tr:last-of-type td {
    border-bottom: 0;
}
.table .table-group-divider {
    border-top-width: 4px;
    border-top-color: var(--bs-table-border-color);
}