:root{
    --smartWhite: #f5f2f2;
    --smartBlack: #303030;
    --smartGreen: #3bb54c;
    --smartGreenSecond: #1E5B26;
    --smartGreenThird: #1E5B26;
    --smartGray: #5f5f5f;
    --whiteSecond: #dcdcdc;

    --alturaSmartHeaderMobile: 50px;

    --Roboto-Thin: "Roboto-Thin";
    --Roboto-Black: "Roboto-Black";
    --Roboto-Bold: "Roboto-Bold";
    --Roboto-BoldCondensed: "Roboto-BoldCondensed";
    --Roboto-Condensed: "Roboto-Condensed";
    --Roboto-Light: "Roboto-Light";
    --Roboto-Medium: "Roboto-Medium";
    --Roboto-Regular: "Roboto-Regular";

                      
}

/* PIRES CONFIG */
.position-relative{position: relative;}
.flex-align{display: flex; align-items: center;}
.justify-center{justify-content: center;}
.no-padding{padding: 0 !important;}
button,button:hover,button:focus{outline: none !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-55{margin-bottom: 55px;}
.mb-60{margin-bottom: 60px;}
.mb-65{margin-bottom: 65px;}
.mb-70{margin-bottom: 70px;}
.mb-60{margin-bottom: 60px;}
.effect-hover-link{transition: all .7s ease-in-out; display: block;}
.effect-hover-link:hover{ opacity: .7;}
.effect-hover-link[scale='true']:hover{transform: scale(1.1);}
.effect-hover-link img{border-radius: 7px; margin-inline: auto;}

.effect-opac-img{transition: all .7s ease-in-out; display: block;}
.effect-opac-img:hover{ opacity: .7;}
.effect-opac-img[scale='true']:hover{transform: scale(1.1);}
.effect-opac-img img{border-radius: 7px; margin-inline: auto;}

*[scale='true']{
    display: block;
    transition: all .7s ease-in-out;
}
*[scale='true']:hover{
    transform: scale(1.1);
}





.vitrine-img-desc picture{position: relative;}
.vitrine-img-desc img{position: relative; filter: brightness(0.7); margin-inline: auto;}
.vitrine-img-desc p{
    position: absolute;
    color: var(--smartWhite);
    bottom: 0;
    left: 3%;
    font-family: var(--Roboto-Black);
    font-size: 18px;
}
.vitrine-img-desc p > small{font-family: var(--Roboto-Light); display: block;}

.mostrar-mobile{display: none;}

@font-face { font-family: 'Roboto-Thin'; src: url('../fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Black'; src: url('../fonts/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-BoldCondensed'; src: url('../fonts/Roboto-BoldCondensed.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Condensed'; src: url('../fonts/Roboto-Condensed.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Medium'; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); }

/* ESTRUTURA-GERAL*/
* { padding: 0; list-style: none !important; }
html, body {max-width: 100%;overflow-x: hidden;}
body {font-size: 12px !important; font-family: var(--Roboto-Medium) !important; background: var(--smartWhite); }
.faixa-superior{
    width: 100%;
    background-color: var(--smartWhite);
    height: auto;
    padding: 10px 0px;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    padding-top: 6px;
}

.faixa-superior a{}

.acesseNorte img{
    width: 50px;
    display: block;
    max-height: 34px;
    filter: grayscale(1);
}
.acesseNorte{
    display: flex;
    align-items: center;
    margin: 0;
}

.acesseNorte li a{color: var(--smartGray); font-family: var(--Roboto-Bold); text-decoration: none;}
.acesseNorte li a:hover{text-decoration: none;}

header{ background: var(--smartWhite); padding: 13px 0; }
header > .container-fluid{
    padding: 0 4%;
}

.no-underline{text-decoration: none !important}
.no-underline:hover{text-decoration: none !important}

.icon-rodape{ -webkit-transition: all 0.3s;  transition: all 0.3s; }
.icon-rodape:hover{ opacity: 0.50; }
.payment{ color: #161616; margin-bottom: 5px; margin-top: 30px; font-size: 15px; }

.logo{width: 147px;margin-inline: auto;}
    

.flex-justu-cont{display: flex;justify-content: space-between;}

.titulo-vitrine{
    text-transform: uppercase;
    font-size: 25px;
    margin: 50px 0;
    font-family: var(--Roboto-Bold);
    text-align: center;
}

.titulo-vitrine svg,.titulo-vitrine svg path{
    width: 27px;
    height: 27px;
    fill: var(--smartGreen);
}


/*CABECALHO */
.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; background: #ea1b13; padding-top: 5px; }

.btn-head{ font-size: 13px !important; border: 1px solid #ccc !important; height: 50px !important; padding: 15px 0px 0px 0px !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }
.btn-head:hover{ border: 1px solid #FFF !important; background-color: #fff !important; }

.smartSvgSearch,.smartnav .smartSvgSearch path{fill: var(--smartGreen); width: 28px; height: 28px; cursor: pointer;}
.arrowUser{transition: transform .7s ease-in-out;}
.arrowUser,.arrowUser path{
    width: 13px;
    height: 13px;
    fill: var(--smartGray);
    position: absolute;
    top: 10px;
}

.btn-busca{height: 40px !important;color: #000 !important; border: none!important; border-radius:0 !important; margin-right: 19px; font-size: 20px !important; padding: 0px !important; outline: none !important;}
.btn-busca:hover{background: transparent !important;}
.btn-busca:focus{outline: none !important;}
.btn-header{width: 100%}
.form_header[smartDesktop]{
    position: absolute !important;
    width: 366px !important;
    right: 51px;
    top: -3px;
}
.input-header[smartDesktop]{
    position: absolute !important;
    width: 366px !important;
    right: 28px;
    top: -3px;
}
.input-header[smartDesktop]:focus{
    border-color: var(--smartGreen) !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(59,181,76,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(59,181,76,.6) !important;
}
.input-header{
    font-family: var(--Roboto-Bold);
    height: 40px !important;
    box-shadow: none !important;
    background-color: var(--smartWhite) !important;
    color: var(--smartGreen) !important;
    border-radius: 7px !important;
}
.btn-busca[smartButtonSearch]{
    position: absolute;
    width: auto;
    margin: 0;
    right: 28px;
    top: -3px;
    background: transparent;
    padding: 0px 14px !important;
}
.btn-busca[smartButtonSearch] i{color: var(--smartGray);}


.mostrar{position: absolute; width: 100%; z-index: 1000; top: 36px; left: -10px; text-align: center; }
.mostrar>ul>li>a{ color: #000;}
.mostrar>ul>li{ -webkit-transition: all 0.5s; transition: all 0.5s; }
.mostrar>ul>li:hover{ padding-left:20px; background-color: #ddd !important;}
.mostrar>ul>li:first-child{ border-radius: 0px; }
.mostrar>ul>li:last-child{ border-radius: 0px; }


/* HEADERS USERS */
.delizar-baixo{animation: delizar-baixo .5s;}
.delizar-cima{animation: delizar-cima .5s;}
.menu-login{ display: none; position: absolute; background: var(--smartWhite); z-index: 999999; width: 450px; right: 0; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;     box-shadow: 0px 2px 6px 0px #a0a0a040;     right: -30px;}

.smartUserActions{display: inline-block; position: relative;}
.smartUserActions:hover .menu-login{ display: block;}
.smartUserActions:hover .arrowUser{transform: rotate(180deg);}
.span-login{margin-top: 12px;margin-left:10px;}
.btn-entrar{background: var(--smartGreen); color: var(--smartWhite); text-align: center; transition: all .4;}

.btn-entrar{color: var(--smartWhite) !important;}

.divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}

.user-esq{padding: 25px; margin: 0 auto; text-align: center;}

.user i{font-size: 67px !important;color: var(--smartGray);display: block !important; margin-bottom: 10px;}

.user-esq p{color: var(--smartGray); font-size: 15px;}

.user-area ul li a{ color: var(--smartGray) !important; line-height: 30px;font-size: 16px;}

.user-area ul li a:hover{ color: #000 !important; text-decoration: none !important;  transition: all .4; }

.user-area{ display: flex;flex-direction: column;justify-content: center;height: 231px;}

@-webkit-keyframes delizar-baixo{
    from{-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes delizar-baixo{
    from{-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}



@keyframes delizar-cima{
    from{-webkit-transform: translateY(-50px);transform: translateY(25px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes delizar-cima{
    from{-webkit-transform: translateY(-50px);transform: translateY(25px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}

.smartCart{
    display: block;
    background: var(--smartGreen);
    position: absolute;
    right: 0;
    height: -webkit-fill-available;
    padding: 0px 28px;
}
.smartCartSvg{
    width: 28px;
    height: 28px;
    position: relative;
    top: 27px;
    fill: var(--smartWhite);
}

/* BANNER PRINCIPAL */
.banner-loja img{ width: 100%; }
.info-box h4{ font-size: 12px; margin-top: 5px; margin-bottom: 5px; line-height: 19px; color: #6b6b6b; }
.info-box{ margin-bottom: 20px; border: 1px solid #b3b3b3; padding: 5px; border-radius: 5px; }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas img {/* margin: 0 auto; *//* max-height: 70px; */}
.banner-loja .banner-icons,.banner-loja .banner-icons path{width: 57px; height: 57px; fill: var(--smartBlack);}
.banner-loja .banner-icons[left]{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);}
#marcas{margin-top: 20px;margin-bottom: 60px;}
/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}
.img-pag{margin-right: 2px; width: 62px;}
.moip {background-position: -27px -83px;}
.bcash{background-position: -27px -190px;}
.paypal {background-position: -27px -142px;}
.pagseguro{background-position: -27px -31px;}


/* INFO BOX */
.info-box-container{background-color: var(--smartWhite); border-radius:5px;padding: 0px 50px;}
.info-box svg,.info-box svg path{width: 30px; height: 30px; fill: var(--smartGreenSecond);}
.info-box h6{color: var(--smartGreenSecond); font-size: 18px; margin: 0 !important;padding: 0 !important; font-family: var(--Roboto-Bold);}
.info-box p{font-size:12px;margin: 0 !important;padding: 0 !important;}
.info-box{ margin: 15px 0; border: none;}
/* .info-box-titulo{max-height: 40px;} */

/* MEGAMENU */
nav{display: flex; justify-content: center;}
.navbar-nav>li>.dropdown-menu {
    padding: 0px 0 25px;
    background: var(--smartWhite);
    width: auto !important;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    top: 78% !important;
}
.navbar-nav>li>a {text-align: center; font-size: 15px; color: var(--smartBlack); text-transform: uppercase; cursor: pointer;}
.navbar-nav>li>a:focus, .nav-icones:hover, .navbar-nav>li>a:hover {background-color: inherit !important;}
.navbar-nav>li>a:hover, .nav-icones:hover {}
.navbar-nav{display: block; text-align: center; overflow: hidden;}
/* .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color: #FFF !important; color: #fff;} */
.smartnav{font-family: var(--Roboto-Condensed); height: 51px; }
.smartnav .arrowSmartNav{ width: 16px; height: 16px; fill: var(--smartBlack); top: 2px; position: relative; transition: transform .477s ease-in-out; }
.navbar-collapse{ padding: 0px !important; text-align: center; }
.mega-dropdown { position: static !important; }
.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; left: inherit !important;}
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { display: block; clear: both; font-weight: normal; line-height: 1.428571429; color: var(--smartBlack); white-space: normal;border-radius: 2px;transition: all .25s;}
.mega-dropdown-menu > li ul > li > a:hover{ text-decoration: none;}
.mega-dropdown-menu > li > ul > .dropdown-header > a:hover{background-color: transparent;}
.mega-dropdown-menu .dropdown-header a{ text-transform: uppercase; letter-spacing: 1px; font-size: 15px; padding: 30px 0px 10px;}
.dropdown-header{ padding: 0px !important; cursor: pointer; }
.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:not(.nohover):hover .dropdown-menu{ display: block;  }
.smartnav .dropdown:not(.nohover):hover .dropdown-menu{
    animation: smartHoverNav ease-in-out 477ms forwards;
}
.smartnav .dropdown:not(.nohover):hover .arrowSmartNav{ fill:var(--smartGreen); transform: rotate(180deg);}
.smartnav .dropdown:not(.nohover):hover > a{color: var(--smartGreen) !important;}
.sub-menu{ left: auto !important; border: none !important; padding: 0px 0 !important;}
.sub-menu > li > a{ padding: 5px 20px 5px 20px !important; color: var(--smartBlack) !important; font-size: 12px !important; text-transform: uppercase;  transition: all 0.25s; }
.sub-menu > li > a:hover{ color: var(--smartBlack) !important}
.sub-categoria{ font-size: 11px; margin-left: 10px; }
.nav-icones p{ margin: 0px 0px 5px 0px; text-align: center;}

.nivel-3-pai:hover .terceiro-nivel{display: block;}
.nivel-3-pai{position: relative;}
.nivel-3{position: absolute;background: #fff;width: 128px;top: 0px; display: none;}
.terceiro-nivel{position: absolute;display:none;left: 150px !important;top: 0;background-color: var(--smartWhite); min-width: max-content;}
.terceiro-nivel li a{
    padding: 5px 20px 5px 20px;
    border-radius: 5px;
    margin: 0;
    color: var(--smartBlack);
}

@keyframes smartHoverNav {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@media (min-width: 768px){
    .smartnav.navbar-nav>li {
        float: none !important;
        display: inline-block !important;
    }
    .smartnav{
        float: none !important;
    }
}


/*Mobile*/
.menu-mobile{display: none}
#menu-check{ display: none;}
label[for='menu-check']{
    justify-self: center; margin: 0;
}
.menu-btn{width: 38px;height: 38px;}
.carrinho-mobile{width: 38px;height: 38px;}
.mobile-header{background-color: var(--smartWhite);padding: 10px 22px; display: flex; align-items: center; margin: 0; width: 100%; justify-content: space-between;}

/* display grid */
.smartHeaderMobile{
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 10% 50% 20% 20%;
    align-items: center;
    background: var(--smartWhite);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.smartMobileCart{
    position: relative;
    text-align: center;
    background: var(--smartGreen);
    height: var(--alturaSmartHeaderMobile);
    display: flex;
    align-items: center;
    justify-content: center;
}
.smartMobileCart svg, .smartMobileCart svg path{
    fill: var(--smartWhite);
}
.logo-mobile{width: 100px; margin: 0px 10%;}
.targetSearch{
    display: inline-block;
    cursor: pointer;
}

.m-mobile{display: none;width: 70%;height: 5000px;background-color: var(--smartWhite) !important;left: -800px;top: 0;transition: all .8s ease-in-out;position: absolute;z-index: 998;}
.m-titulo{ background-color:#000; height: 90px; line-height: 80px;}
.m-titulo-texto{ display: flex; justify-content: center; flex-direction: column; margin-left: 60px; margin-top: -60px; line-height: 10px;}
.m-titulo label{color: #fff;font-size: 16px;}
.m-titulo #minhaconta{font-size: 20px;}
.m-titulo img{ margin-left: 10px; margin-top: 5px; width: 36px; height: 36px;}
.item-menu-m{cursor: pointer;text-decoration: none;}
.item-menu-m i{transition: all .4s ease-in-out; }
.item-menu-m:hover i{}
.item-menu-m a{text-decoration: none;}
.item-menu-m a:hover{ text-decoration: none; color: #000;}
#menu-check:checked ~ .m-mobile{ transform: translateX(800px);}
.barra-pesquisa{display: none;padding: 10px 20px;}
.mobile-logout{color: #fff; float: right; margin-right: 15px;}
.mobile-logout i{margin-left: 3px;}
.mobile-logout:hover{text-decoration: none; color: #fff;}
#minhaconta i{margin-left: 3px;}
.categoria-nome{color: #333 !important;text-align: left !important;}
.categoria-nome[aria-expanded='true'] i{transform: rotate(0deg);}
.categoria-nome i{
    float: right;
    color: var(--smartBlack);
    width: 17px;
    height: 17px;
    border: 2px solid;
    border-radius: 50%;
    padding: 0 0;
    font-size: 14px;
    text-align: center;
    transform: rotate(270deg);
}
.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}
.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}


.mobile-header p{
    margin-bottom: 0;
    font-size: 20px;
    color: var(--smartGreen);
    font-family: var(--Roboto-Bold);
}
.mobile-header a{font-size: 12px; margin: 0; color: #c0c0c0;}
.mobile-header i{font-size: 28px;color: var(--smartGreen);}
.mobileHeaderSvg,.mobileHeaderSvg path{width: 28px; height: 28px; fill: var(--smartGreen);}
.targetSearch svg,.targetSearch svg path{width: 28px; height: 28px; fill: var(--smartGreen);}
.contador-carrinho{
    position: absolute;
    color: var(--smartBlack);
    font-weight: bold;
    right: 10px;
    top: 5px;
    font-size: 12px;
    background: var(--smartWhite);
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 4px;
}

.thumbnail-image-marcas img {-webkit-transition: all 0.3s;transition: all 0.3s;/* margin: 0 auto; *//* max-height: 80px; *//* -webkit-filter: grayscale(100%); */-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);/* filter: grayscale(100%); *//* opacity: 0.6; */}
.thumbnail-image-marcas img:hover{/* -webkit-filter: grayscale(0%); */-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);/* filter: grayscale(0%); *//* opacity: 1.0; */}

.nav-icones a{}

/* todas categorias */
/* .nav-icones:nth-of-type(1)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: 0px 0px;    background-size: 245px auto;} */
/* Informática */
/* .nav-icones:nth-of-type(2)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -35px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* eletrônicos */
/* .nav-icones:nth-of-type(3)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -70px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* segurança */
/* .nav-icones:nth-of-type(4)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -105px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* saude e beleza */
/* .nav-icones:nth-of-type(5)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -140px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* casa e jardim */
/* .nav-icones:nth-of-type(6)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -175px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* iluminação */
/* .nav-icones:nth-of-type(7)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -210px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* telefonia */
/* .nav-icones:nth-of-type(8)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -245px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* bebes */
/* .nav-icones:nth-of-type(9)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -280px 0px;    background-size: 245px auto;margin-bottom: 5px;} */
/* eletroportateis */
/* .nav-icones:nth-of-type(10)> a::before{content:'';display: block;width: 35px;height: 35px;margin: 0 auto;background-image: url("../images/menu-sprite.png");background-position: -315px 0px;    background-size: 245px auto;margin-bottom: 5px;} */

.nav-icones > a{transition:all .3s;}
/* CARROSSEL DE PRODUTOS */
.owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; background: transparent !important; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 30%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 30%; }

.at-style-responsive .at-share-btn { padding: 1px !important; }
.fixme{  top: 50%; right: 0px; background: #eee; z-index: 999; opacity: 0; padding: 15px; }

.produtos-vitrine-carrousel{position: relative;}
.produtos-vitrine-carrousel .owl-pagination{ display: none; }
.produtos-vitrine-carrousel .banner-icons,.produtos-vitrine-carrousel .banner-icons path{width: 57px; height: 57px; fill: var(--smartBlack);}
.produtos-vitrine-carrousel .banner-icons[left]{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.produtos-vitrine-carrousel .owl-buttons .owl-prev{ left: 0px; top: 41%; }
.produtos-vitrine-carrousel .owl-buttons .owl-next{ right: 0px; top: 41%; }
#banner-loja .owl-controls {height: 23px !important; margin-top: 0 !important;}
#banner-loja .owl-controls .owl-pagination{text-align: right;}
#banner-loja .owl-controls .owl-page span{transition: all .7s ease-in-out;}
#banner-loja .owl-controls .owl-page.active span{width: 20px;}

/* // carrousel de categorias */
#cat-icons{font-family: var(--Roboto-BoldCondensed);}
#cat-icons .banner-icons,#cat-icons .banner-icons path{width: 57px; height: 57px; fill: var(--smartGreen);}
#cat-icons .banner-icons[left]{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);}
#cat-icons .owl-pagination{display: none;}
#cat-icons a{text-decoration: none;}
#cat-icons a:hover{text-decoration: none;}
#cat-icons img{}
#cat-icons p{
    text-align: center;
    margin-top: 17px;
    color: var(--smartGreenSecond);
    font-size: 21px;
    font-family: var(--Roboto-Regular);
}

/* NEWSLETTER */
#newsletter{background-color: var(--smartGreenThird); padding: 30px 0px;}
#newsletter h4{
    color: var(--smartWhite);
    font-family: var(--Roboto-Light);
    font-size: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
#newsletter .newsSvg,#newsletter .newsSvg path{fill: var(--smartWhite); width: 37px; height: 37px;}
#newsletter p{     color: var(--smartWhite);
    font-size: 12px;
    text-align: center;
    font-family: var(--Roboto-Condensed);}

#newsletter .form-news{display: flex; align-items: center; flex-wrap: wrap; gap: 18px;}
#newsletter .input-newsletter{background: transparent; color: var(--smartWhite); border: 2px solid var(--smartWhite); border-radius: 4px !important; width: calc(50% - 18px); height: 45px;}
#newsletter .input-newsletter:focus{box-shadow: none;}
#newsletter .input-newsletter::placeholder{color: var(--smartWhite);}
#newsletter .btn-newsletter{
    background: var(--smartWhite);
    border: none !important;
    padding: 6px 21px;
    color: var(--smartBlack);
    font-weight: bold;
}
@media (max-width: 425px){
    #newsletter .btn-newsletter{
        display: block;
        margin-inline: auto;
        width: 80%;
    }
}

/*LOGO*/
.smartDivider{}
footer{ background-color: var(--smartWhite);    padding: 27px 0px;}
footer h4{
    color: var(--smartGreen);
    font-family: var(--Roboto-Condensed);
    font-size: 24px;
}
footer ul>li>p,footer ul>li>a{color: var(--smartBlack); font-family: var(--Roboto-Regular); transition: all .5s ease-in-out; font-size: 15px;}
footer ul>li>a:hover{text-decoration: none; color: var(--smartGray);}
footer .smartInfo{}
footer .social-svg,footer .social-svg path{width: 30px; height: 30px; fill: var(--smartBlack); transition: all .5s ease-in-out;}
footer .social-svg,footer:hover .social-svg path:hover{fill: var(--smartGray);}
footer p.smartInfo{
    text-align: justify;
    font-family: var(--Roboto-Bold);
    color: var(--smartGreenThird);
}
footer ul.fm-pg{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}
footer ul.fm-pg li{
    padding: 1px;
    background: #fff;
    border-radius: 2px;
}
footer ul.forma-envio{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
footer ul.forma-envio li{}
.footer-sprite{background: url('../img/footer-sprite.png'); display: block;}
.bg-central_do_frete {
    width: 194px;
    height: 86px;
    background-position: 1px 2px;
    background-size: 374px;
}

.bg-dinners {
    width: 37px;
    height: 37px;
    background-position: 155px 74px;
    background-size: 155px;
}

.bg-elo {
    width: 37px;
    height: 37px;
    background-position: 118px 74px;
    background-size: 155px;
}

.bg-hipercard {
    width: 37px;
    height: 37px;
    background-position: 75px 106px;
    background-size: 155px;
}

.bg-mastercard {
    width: 37px;
    height: 37px;
    background-position: 0px 37px;
    background-size: 155px;
}

.bg-pac {
    width: 112px; height: 25px;
    background-position: -774px -618px;
}

.bg-pix {
    width: 37px;
    height: 37px;
    background-position: -39px 38px;
    background-size: 155px;
}

.bg-safe_browsing {
    width: 100px; height: 40px;
    background-position: -774px -558px;
}

.bg-sedex {
    width: 112px; height: 25px;
    background-position: -530px -254px;
}

.bg-site_protegido {
    width: 131px; height: 40px;
    background-position: -774px -498px;
}

.bg-visa {
    width: 37px;
    height: 37px;
    background-position: 79px 37px;
    background-size: 155px;
}

.bg-american_express {
    width: 37px;
    height: 37px;
    background-position: -738px 0px;
    background-size: 155px;
}

.bg-boleto {
    width: 37px;
    height: 37px;
    background-position: 38px 68px;
    background-size: 155px;
}

.selos-entrega li:before{display: none;}
.selos-entrega li:nth-of-type(1) img{display: block;margin: 0 auto;}
.selos-entrega li:nth-of-type(1) figcaption{text-align: center; color: #fafafa;}
.selos-entrega li:nth-of-type(2){float: right;margin-top: 10px;}
input, select, textarea{ border-radius: 0px !important; }


/* MENU AREA CLIENTE */
.menu-cliente-fixed{
    display: none;
    position: fixed;
    bottom: 0;
    background: var(--smartGreenSecond);
    z-index: 100;
    width: 100%;
    padding-top: 1px;
}

.menu-cliente-fixed a{text-align: center; display: block;}
.menu-cliente-fixed .container > .row{gap: 5%;}
.menu-cliente-fixed a>span{
    color: var(--smartWhite);
    display: block;
    font-family: var(--Roboto-Bold);
    font-size: 14px;
}

.menu-cliente-fixed svg,.menu-cliente-fixed svg path{width: 27px; height: 27px; fill: var(--smartWhite);}


/* notificacao de venda */
.notificacao-vendas {
    position: fixed;
    bottom: 0;
    z-index: 5;
    font-family: var(--Roboto-Bold);
}

.notificacao-venda {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 15px;
    background: #fff;
    width: 270px;
    font-size: 13px;
    line-height: 13px;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 2px 5.81px 1.19px rgba(153, 153, 153, 0.23);
    border-radius: 4px;
    transition: all 0.8s ease-in-out;
    left: -270px;
}

.notificacao-venda.active_v {
    opacity: 1;
    visibility: visible;
    transition: all 0.8s ease-in-out;
    left: 15px;
}

.notificacao-venda .noty-compras {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
}

.notificacao-venda .noty-compras strong{
    color: var(--smartGreen);
}

.notificacao-venda a{
    padding: 6px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1;
    color: var(--smartBlack);
}
.notificacao-venda a:hover{
    text-decoration: none;
    color: var(--smartBlack);
}

.notificacao-venda img {
    width: 48px;
    height: 48px;
    display: flex;
    object-fit: cover;
}

.notificacao-venda .noty-content {
    display: flex;
    align-items: center;
}

.notificacao-venda .noty-nome {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 14px;
}

.notificacao-venda .noty-info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    flex: 1;
    justify-content: center;
    margin-top: 6px;
    margin-bottom: 6px;
    color: var(--smartGreenThird);
}

.notificacao-venda .noty-preco {
    margin-top: 7px;
    font-size: 13px;
    line-height: 13px;
}

@media (max-width: 992px) {
    .escondeTablet{display: none;}
}
/* MEDIA SCREEN */
@media (max-width: 768px) {

    .info-box-container{padding: 3%;}
    .info-box{height: 77px; margin: 0;}
    .info-box > .row > div{text-align: center; padding: 0 !important;}

    .mostrar-mobile{display: block;}
    .escondeTablet{display: none;}
    .escondeMobile{display: none;}
    .menu-cliente-fixed{display: block;}
    .faixa-superior{display: none;}
	.navbar-collapse{ padding-right: 15px; padding-left: 15px; }
    .logo{ margin: 0 auto; padding-top: 5px;  max-height: 125px;  position: relative; }
    .navbar-nav{ height: auto !important; margin: 0px !important;}
    #banner-loja .owl-buttons{display: none;}
    #btn-pedido{ width: 100%; }
    .menu-mobile{ display: block; height: 50px;}
    .menu-desktop{ display: none; }
    #atend{ display: none;}
    .faixa-head{ text-align: center !important; }
    .menu_flutuante{ display: none !important;; }
    .m-mobile .navbar-nav>li>a {font-size: 9px;padding: 0 !important;font-family: var(--Roboto-Black);color: var(--smartGray) !important;}
    .sub-menu > li > a{padding: 10px 0px 10px 18px !important;}
    .padding-0{ padding: 15px !important; }
    .navbar-collapse { padding-right: 15px; padding-left: 15px;}
    .navbar-nav>li>.dropdown-menu {background: transparent !important;}
    .logo { margin: 0 auto; padding: 10px}
    .navbar-nav { height: auto !important; margin: 0px !important; display: block;}
    #btn-atend { margin-top: 10px !important;}
    .m-mobile { display: block;}
    .m-mobile .sub-menu > li > a{color: var(--smartGreen) !important;font-size: 11px !important;padding: 0 !important;font-family: var(--Roboto-Light);}
    .m-mobile .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}
    .m-mobile .nav>li>a:hover {background-color: transparent !important;}
    .m-mobile .navbar-nav>li{border-bottom: 1px solid #e5e5e5;padding: 10px 20px;}
    .barra-pesquisa {background: var(--smartGreen); display: none; position: absolute; width: 100%; z-index: 2; top: 50px;}
    .header-cat-mobile { background-color: #49A011; color: #fff;}
    .nav>li>a:hover { border-top: none;}
    .menu-desktop { display: none;}
    .menu_flutuante {display: none !important;}
    #btn-topo { display: none;}
    .fixme { display: none;}
    .input-header {color: var(--smartBlack) !important;}
    .btn-busca{
        position: absolute;
        width: auto;
        margin: 0;
        right: 0;
        top: 0px;
        background: transparent;
        padding: 0px 14px !important;
        background-color: transparent !important;
    }
    .btn-busca i{color: var(--smartGreen);}
    .icones{ display: none;}
    .mega-dropdown-menu .dropdown-header a{color: #000;}
    .mostrar{display: none}
    .contador-carrinho {    right: 29%;top: 0px;font-size: 12px;height: 18px;width: 18px;padding-top: 1px;}
    
}

@media (max-width: 425px) {
    .info-box h6{font-size: 12px;}
    .info-box p{font-size: 11px;}
}

/* OFERTAS PROGRAMADAS */
.ofertaProgramada .blockOffer p, .ofertaProgramada .blockOffer small{
    color: var(--smartGreen);
    margin: 0;
    font-size: 15px;
    text-align: center;
}
.ofertaProgramada .blockOffer{
    font-family: var(--Roboto-BoldCondensed);
    background-color: var(--smartBlack);
    color: var(--smartWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1%;
    border-radius: 4px;
}

.ofertaProgramada .blockOffer .blockOfferMsg{padding: 15px 0;}

.ofertaProgramada .cOfertas{
    margin: 0;
    font-size: 18px;
    font-family: var(--Roboto-Bold);
}

#offersCarr .banner-icons,#cat-icons .banner-icons path{width: 57px; height: 57px; fill: var(--smartGreen);}
#offersCarr .banner-icons[left]{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);}
#offersCarr .owl-pagination{display: none;}

#info-box-cr .owl-pagination{display: none;}

::-webkit-scrollbar {-webkit-appearance: none; width: 7px; height: 10px; }
::-webkit-scrollbar-thumb {border-radius: 4px; background: var(--smartGreen); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

/* WHATS APP */

.pulse { 
    z-index: 9999999;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    animation: pulse 2s infinite;
    position: fixed;
    bottom: 10px;
    right: 15px;}
.pulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); }
  70% { -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0); box-shadow: 0 0 0 10px rgba(0,0,0, 0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(0,169,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}

.SmartFiliais{}
.SmartFiliais .btn-smart{
    color: var(--smartGreen);
    border: 3px solid var(--smartGreen);
    font-family: var(--Roboto-Black);
    transition: all .3 ease-in-out;
    width: 80%;
    margin-inline: auto;
    display: block;
    text-align: center;
    background: var(--smartWhite);
    padding: 4px 0;
}

.SmartFiliais .btn-smart[sz="w100"]{width: 100%;}
.SmartFiliais .btn-smart:hover{color: var(--smartGreen);}
.btn-smart:focus{outline: none !important; color: var(--smartGreen);}

/* INSTAFEED */
.instafeed{margin-top: 50px;}
.instafeed a{
    font-family: var(--Roboto-Medium);
    color: var(--smartGreen);
    text-decoration: none;
    font-size: 29px;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    gap: 1%;
    justify-content: center;
    margin-bottom: 27px;
}
.instafeed a svg,.instafeed a svg path{width: 30px; height: 30px; fill: var(--smartGreen);}
.instafeed a:hover,.instafeed a:hover .instafeed a svg,.instafeed a:hover .instafeed a path{text-decoration: none; color: var(--smartGreenSecond); fill: var(--smartGreenSecond);}

.img_instagram{width: 90%; border-radius: 7px;}

#instafeed_carousel{position: relative;}
#instafeed_carousel .owl-pagination{ display: none; }
#instafeed_carousel .banner-icons,#instafeed_carousel .banner-icons path{width: 57px; height: 57px; fill: var(--smartGreenSecond);}
#instafeed_carousel .banner-icons[left]{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);}
#instafeed_carousel .owl-buttons .owl-prev{ left: 0px; top: 35%; }
#instafeed_carousel .owl-buttons .owl-next{ right: 0px; top: 35%; }