/* CONFIGS */

.d-flex{display: flex !important}

li.d-flex.justify-around {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
}

.align-center{align-items: center !important}

.justify-center{justify-content: center !important}

.justify-around{/* justify-content: space-around !important; */}

/* ESTRUTURA-GERAL*/ 

@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

@font-face {font-family: Poppins;src: url('../fonts/Poppins-Regular.ttf');}



* {padding: 0; list-style: none !important; font-family: 'Poppins', sans-serif;}



:root{

    --cor-1: #032f67;

    --cor-2: #f5f5f5;

    --cor-3: #ffffff;

    --cor-fundo-produtos: #ffffff;

    --cor-hover: #1e6eaf; /*use se quiser*/

}



body {font-family: 'Open Sans', Arial, sans-serif !important; font-size: 12px !important; overflow-x: hidden; background-color:var(--cor-2) !important;}



.img-cat{border-radius: 50%;border: 1px solid black;padding: 4px;width: 110px;}

a:hover{

text-decoration:none !important; cursor:pointer;

}

.content-info h2{/* margin-left: 30px; */margin-top: 0px;font-size: 14px !important;text-align: center;}

.btn-simple{margin-top: 15px;/* margin-left: -14px; */width: 100%;border-color: #6161619e !important;padding: 4px 7px !important;height: 30px;background: #67cef5 !important;color: white;justify-content: space-between;text-align: start !important;}

.btn-tel{margin-top: 15px;background: #d9d9d9 !important;justify-content: space-between;width: 100%;/* background-color: var(--cor-1)!important; */font-weight: bold !important;text-align: start !important;color: #000 !IMPORTANT;border-color: var(--cor-1) !important;}

.btn-tel i{/* margin-right: 5px; */font-weight: bold;font-size: 17px;}

.btn-tel a{/* margin-left: 108px; */color: black !important;font-weight: bold !important;!I;!;}

.content-info small{line-height: 20px;text-align: center;width: 100%;display: flex;margin-top: 10px;}

.caret{

   color: #000;

}

.show-on-hover{

    display: inline-block !important;

}

.btn-simple img{
	filter:invert(1)
}

.show-on-hover button{border: none !important;/* background: transparent !important; */display: flex;gap: 10px;box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;align-items: center;}

.btn-simple a {text-align: end;justify-content: end;align-content: end;/* margin-left: 140px; */display: inline-flex;font-weight: bold;}

.canal-atend{padding: 10px 10px !important;margin: 5px 0px 0px !important;width: 280px;border-radius: 5px;}

.show-on-hover:hover{

    background: transparent !important;

}

.navbar-header button{

   color: #fff; font-size: 21px; padding: 5px;

}

.btn-log{

  border: none !important; background: transparent !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.125) !important; color: #fff;

}

.btn-log:hover {

    border: none;

    background: transparent !important;

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;

    color: #000000 !important;

}

.box-area{padding: 27px 9x !important;margin: 7px 6px 0px !important;width: 180px;}

.categ-box-area{

   margin-bottom: 10px;

}

.categ-box-area a > i{

    margin-right: 7px;

}

.btn-log img{width: 35px;/* margin-top: -10px; *//* margin-right: 7px; filter: invert(1);*/}

.text-cat{margin-top: 10px;font-size: 14px;font-weight: bold;text-align: center;color: #3d3d3d;/* text-transform: uppercase; */text-decoration: none;}

header{background: var(--cor-3);box-shadow: inset 1px 11px 7px -7px #00000040;padding: 20px 0px;}

footer{ background: #fff; color: #fff; }
footer p{letter-spacing: -.01em;color: #8f8f8f;}
footer ul>li{ padding-bottom: 5px; }
footer .footer-icon{ width: 25px; border: 2px solid #cccccc; padding: 5px; }
footer ul>li>a{-webkit-transition: all 0.3s;  transition: all 0.3s;display: inline-block;position: relative;padding-left: 20px;font-size: 14px;color: #8f8f8f;margin-bottom: 6px;}
footer ul>li>a:hover::after{width: 7px;height: 7px;top: 6px;background: #ec105a;}
footer ul>li>a:hover{ color: var(--cor-1); text-decoration: none; }
footer h4{font-size: 17px;font-weight: 700;text-transform: uppercase;color: #000;margin-bottom: 15px;}
footer h5{ color: #000; }
footer h3{ font-size: 18px; font-weight: 700; color: #000; margin-top: 10px; }
.box-footer b {
    color: var(--cor-1);
    font-size: 18px; }
/* NEWSLETTER */
.btn-newsletter{box-sizing: border-box;height: 43px;width: 111px;display: block !important;background: #67cef5;border-radius: 3px;border: 0;/* float: right; */font-size: 12px !important;text-transform: uppercase;color: #032f67;font-weight: bold !important;-webkit-transition: background ease-out .2s;transition: background ease-out .2s !important;border-radius: 8px !important;margin-left: -21px;}
.btn-newsletter:hover{opacity: .9;}
.input-newsletter{height: 40px;border-radius: 8px!important;width: 84%;height: 43px !important;box-sizing: border-box;border: 0;font-size: 12px;color: #A6ABBC;font-weight: 500;margin: 0;padding: 0 15px !important;box-shadow: none !important;}
.input-newsletter:hover, .input-newsletter:focus{outline:0px !important;}
#msg-rodape{position: relative;}
.first{font-size: 21px;line-height: 22px;font-weight: 700;text-align: center;text-transform: uppercase;display: block;letter-spacing: -1.113px;}
.last{display: block;font-size: 12px;text-align: center;margin-top: 6px;}
.newsletter{color: #FFF;background-color: var(--cor-1);height: auto;border-radius: 8px;padding: 33px 0;margin-bottom: 18px;}
.newsletter .form-group{ margin-bottom: 0px !important;}
.newsletter h4{line-height: 80px;margin: 0;}
.newsletter form{display: flex;align-items: center;height: 47px;}
#newsletter-label{margin: 0;display: block;float: left;width: calc(100% - 156px);}

.logo{max-height: 100px; margin-left: 10px;}



.titulo-vitrine{margin-top: 20px;margin-bottom: 20px;text-align: center;}

.titulo-vitrine p{font-size: 28px;/* font-weight: bolder; */padding-top: 20px;color: #373435;margin-bottom: 0px;display: inline-block;/* text-transform: math-auto; */display: flex;width: 100%;/* letter-spacing: 1px; */justify-content: center;}



:focus {outline: none !important}

.btn.active, .btn:active{box-shadow: none !important;}

.no-padding{padding: 0 !important;}

/*CABECALHO */

.faixa-head{ background: #212121; color: #FFF; font-size: 12px;height:30px;line-height: 30px; }

.faixa-head i{ margin-right: 5px; }

.faixa-head span{ margin-left: 10px; padding-right: 15px; font-weight: 600;}

.faixa-head a{ color: #FFF; text-decoration: none; }

.faixa-head a:hover{ color: #FFF; text-decoration: none; }

.faixa-head p{ margin: 0 !important;color: #FFF; text-decoration: none; }



.faixa-head .faixa-head-block{

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.faixa-head .login-links{

    height: 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #0047ae;

    font-size: 12px;

}

.faixa-head .redes-links{

    height: 30px;

    display: flex;

    justify-content: space-around;

    align-items: center;

    color: #0047ae;

    font-size: 20px;

}

.info-header{

    display: flex;

    justify-content: space-between;

}

.info-header img{

    width: 35px;

    height: 35px;

    margin-right: 10px;

}

.info-header p{

    color: #0047ae;

    text-transform: uppercase;

}

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



#btn-carrinho{ margin-bottom: 0px !important; font-size: 12px; color: #FFF; }

#btn-carrinho {

	height: 75px;

    width: 90px;

    background: #CF1015;

    display: flex;

    justify-content: space-around;

    align-items: center;

    transition: all .25s;

}

#btn-carrinho:hover{

	text-decoration: none;

	background: #ae1014;

}

#btn-carrinho  img{

	width: 20px;

	height: 20px;

}

#btn-carrinho  span{

	color: #fff;

	text-transform: uppercase;

	font-family: 'Josefin Sans', sans-serif;

	font-size: 11px;



	line-height: 1.5;}



/* MODAL */

#modal-exemplo {

    z-index: 99999;

}

.topo-modal {

    background: #000;

    margin-top: -10px;

    color: #FFF;

    padding: 50px;

}



.cor-x {

    position: absolute;

    background: #000;

    margin-right: -10px;

    margin-top: -30px;

    margin-left: 575px;

    height: 35px;

    width: 35px;

    border-radius: 50%;

    border: 4px solid white;

    opacity: 1 !important;

}



.cor-bolinha {

    padding: 27px 30px 0px 21px;

    background: #000;

    width: 70px;

    height: 70px;

    border-radius: 70px;

    margin: 0 auto;

    margin-top: -40px;

    margin-bottom: 20px;

}



.modal-input{

    text-transform: uppercase;

    background-color: #F4F4F4;

    border: 1px solid black;

    border-radius: 5px;

    width: 50%;

    margin-bottom: 20px;

    margin-top: -7px;

    height: 35px;

    padding-left: 10px;

    outline: none;

}



.info {

    text-transform: uppercase;

    text-align: center;

    font-size: 11px;

    margin-top: -10px;

    color: #786e7d;

}



.input-p{

    text-transform: uppercase;

    margin: 0;

    margin-top: 10px;

    color: #7e7e7e;

    font-weight: 100;

    font-size: 11px;

}



.modal button{

    color: #fff;

    background-color: #000;

    height: 33px;

    width: 27%;

    border: none !important;

    margin-top: 9px;

    font-size: 14px;

    font-weight: bold;

}



.modal button:hover{

    color: #fff;

    transform: scale(1.2);

}



.modal button:focus {

    outline: none !important;

}





.modal a {

    color: #000;

    text-decoration: underline;

    cursor: pointer;

    font-weight: bold;

    font-size: 12px;

}





/*filtro moto*/



.option-header{height: 37px; border: none; width: 100%; color: white; background: transparent;}

.text-garagem{font-size: 20px;margin-top: 1px;margin-bottom: 1px; color: #fff; text-align: center;}

.option-header option{color: #000;}

.garagem{display: flex;height: fit-content;margin: auto;list-style: none;padding: 0;position: relative; margin-top: 5px;}

.garagem-car{justify-content: center;;display: flex;align-items: center;background: transparent;top: 0;position: relative;width: 100%;left: 0;text-align: center;z-index: 1;padding: 5px 0;cursor: pointer;}

.garagem-moto{justify-content: center;;display: flex;align-items: center;background: transparent;top: 0;position: relative;width: 100%;left: 0;text-align: center;z-index: 1;padding: 5px 0;cursor: pointer;}

.garagem-icon{font-weight: 900 !important;font-size: 2rem !important; color: #fff;}

.info-garagem{vertical-align: middle;font-size: 16px;color: white;width: 100%;margin: 0 10px;-webkit-margin: 0 10px;}



#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 12px; margin-bottom: 0px; }

#btn-cart a{color: #fff;!;!t;!nt;!ant;!tant;!rtant;!irtant;!imrtant;!imprtant;!I;!;text-decoration: none;}



.top-login{font-size: 13px; color: #828282; }

.btn-busca{height: 30px !important; background: #ed1d24 !important; color: #000 !important; border: none!important; border-radius:0 !important; margin-right: 19px; font-size: 20px !important; padding: 0px !important; }

.btn-header{width: 100%; }

.input-header{ height: 40px !important;border: solid 2px #ed1d24 !important; background-color: #161616 !important; border-radius: 0 !important; box-shadow: none !important;color: #000 !important;}

.input-header::placeholder {

  color: #000 !important;


}



.menu_flutuante img{ }

.menu_flutuante form{  }

.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; background: #FFF; }



.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 #000 !important; background-color: #fff !important; }

#btn-carrinho{ background: #ff3535; color: #FFF; border: 1px solid #ff3535 !important; }

#btn-carrinho:hover{ background: #c31b1b !important; color: #FFF; border: 1px solid #c31b1b !important; }

#btn-atend i{ border-radius: 20px; border: 2px solid; padding: 8px; width: 35px; height: 35px; }

#btn-atend p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 5px; margin-bottom: 0px; }

#btn-atend a{ color: #989898; text-decoration: none; }

#btn-atend{ padding-top: 10px; margin-bottom: 0px !important; }



#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 800; padding-top: 13px; margin-bottom: 0px; color: #1d1d1d; }

#btn-cart a{color: #000;text-decoration: none;color: black;font-weight: 100;}



.top-login{ font-size: 13px; color: #828282;overflow: hidden;}

.top-login .input-group{ padding: 2px; background: #fff; border-radius: 50px; border: 1px solid #032f67 !important;}

.btn-busca{color: #000 !important;border: none !important;/* height: 60px !important; */border-radius: 17px !important;margin-right: 19px;padding-left: 2px !important;padding-right: 2px !important;/* padding-top: 10px !important; */background: #fff !important;/* padding-bottom: 10px !important; */font-size: 12px !important;width: 29px !important;}

.btn-header{ width: 100%; }

.btn-busca { width: 38px; }

.span-icon {color: #616161; font-size: 15px;}

.input-header{ border: none !important; background-color: #fff !important;height: 36px !important;border-radius: 50px !important;box-shadow: none !important; }

    

#btn-cart{margin: 0px !important;display: flex;align-items: center;}



/* BANNER PRINCIPAL */

.banner-loja{ }

.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 {-webkit-transition: all 0.3s;transition: all 0.3s;margin: 0 auto;height: 70px;/* -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;  }



/*Mini-banners*/

.brilho{position: absolute; background-color: #fff;height: 170px;transition: all .2s linear; opacity: 0;}

.brilho:hover{opacity: 0.1;}

.brilho1{position: absolute; background-color: #fff;height: 240px;transition: all .2s linear; opacity: 0;}

.brilho1:hover{opacity: 0.1;}




#cart_itens{background: #2286cd;border-radius: 40px;width: 30px; height: 30px; padding: 5px 0px 0px 10px;font-size: 14px;position: absolute;top: -17px;}

#comprar_agora{ cursor: pointer; padding: 10px;  color: #fff !important; font-weight: 700; }

.qtyminus,.qtyplus{ cursor: pointer;  padding: 10px; margin-top: -2px;}

.titulo-vitrine{margin-top: 20px;margin-bottom: 20px;text-align: center;}

.titulo-vitrine p{font-size: 25px;font-weight: bolder;padding-top: 20px;color: #373435;margin-bottom: 0px;display: inline-block;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}



/* SPRITES */

.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}

.img-pag{ margin: 0px; width: 40px; }

.moip { background-position: -27px -83px; }

.bcash { background-position: -27px -190px; }

.paypal { background-position: -27px -142px; }

.pagseguro { background-position: -27px -31px; }

.box-vitrine {

    padding: 16px;

    margin-top: -24px;

    background-color: #000;

    border: 1px solid #000;

    border-radius: 10px;

    position: relative;

    box-shadow: 0px 3px 6px 0px rgb(100 100 100 / 19%);

}

.a-cat img{width: 100%; padding: 7px; border-radius: 50%; border: 2px solid transparent; transition: all .5s;}

.a-prod {position: relative;display: block;text-decoration: none !important;}

.a-cat {position: relative;display: block;text-decoration: none !important;}

.a-cat p {color: #000 !important; font-size: 16px; }

.img-prod {width: 100%;transition: all .7s ease-in-out;border-radius: 8px;}

/* MEGAMENU */

nav{ display: flex; justify-content: center; ; }

.navbar-nav>li>.dropdown-menu {padding: 8px 24px 23px 13px;border-top-left-radius:4px; border-top-right-radius:4px;background: rgb(255, 255, 255); width: auto!important;}

.mega-menu{border-radius: 0px !important;margin-bottom: 0px !important;background: var(--cor-1);border: none !important;/* padding: 0px 0px 7px 0px; */}

.navbar-nav>li>a {/* font-family: 'Josefin Sans', sans-serif; */text-align: center;font-size: 12px;height: 60px;align-items: center;display: flex !important;!I;!;/* font-weight: bold; */flex-direction: column;color: white;gap: 2px;padding: 4px !important;!i;!;/* text-transform: uppercase; */line-height: 1.429;/* padding-top: 9px !important; */justify-content: center;}

.navbar{/* height: 2px !important; */}

.navbar-nav>li{height: 60px;}

.nav>li>a:focus, .nav>li>a:hover, .nav>li:hover>a{/* height: 44px; */background-color: transparent !important;color: #fff;}

.nav>li>a:focus, .nav>li>a:hover, .nav>li:hover> a > span > img{filter:(0)}


.nav>li:hover>a img, .nav>li>a:focus img{filter: invert(0) !important; filter: none !important;

    /* muda a cor dos icones de categorias no hover, remova se der problema */

    /* funciona apenas para icones img */

    /* reverte a cor, entao nao funciona apenas para a cor branca */}



.btn:hover {color: #000000c7 !important;font-weight: bold;}



.dropdown-toggle{

    background-color: transparent !important;

    /* remove o fundo branco do bootstrap */

}

.navbar-nav{height: 60px !important;display: inline-flex;overflow: hidden;width: 100%;/* margin-right: 35px !important; */!I;!;align-items: center;justify-content: space-between;/* margin: 3px 0px !important; */!i;!;}

.navbar-collapse{ padding: 0px !important; text-align: center; }

.mega-dropdown {position: static !important;/* margin-right: 30px; *//* width: 50%; */}

.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: #fff;/* white-space: normal; */font-weight: bold;border-radius: 2px;transition: all .25s;}

.mega-dropdown-menu > li ul > li > a:hover{ text-decoration: none; color: var(--cor-1);background-color: #fff;}

.mega-dropdown-menu > li > ul > .dropdown-header > a:hover{

	background-color: transparent;

}

.mega-dropdown-menu .dropdown-header a{/* text-transform: uppercase; *//* letter-spacing: 1px; */color: var(--cor-1);font-size: 15px;padding: 6px 0px 10px;}

.dropdown-header{ padding: 0px !important; cursor: pointer; }

.dropdown-menu li:hover .sub-menu { visibility: visible; }

.dropdown:not(.nohover):hover .dropdown-menu{display: flex;flex-wrap: wrap;}

.sub-menu{ left: auto !important; border: none !important; padding: 0px 0 !important;}

.sub-menu > li > a{padding: 5px 20px 5px 20px !important;color: #000 !important;font-size: 12px !important;text-transform: uppercase;transition: all 0.25s;}

.sub-menu > li > a:hover{color: #000 !important;font-weight: bold;background-color: #fff;}

.sub-categoria{font-size: 13px;/* font-weight: bold !important; */!I;!;margin-left: 10px;color: #6d6d6d !important;!I;!;margin: 10px 0px 10px 10px;}



.nav-icones p{ margin: 0px 0px 5px 0px; text-align: center;}

.navbar-nav .icon > img{height: 25px;width: 25px;margin-inline: auto;display: inline-block;/* margin-right: 7px; filter: invert(1);*/}



.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{display: block;left: 197px !important;top: 0;background-color: white;background: white;height: auto;margin-left: 14px;font-weight: 100;}

.terceiro-nivel li a{

    padding: 5px 20px 5px 20px;

    border-radius: 5px;

    margin: 0;

    color: white;

}

.iconeHeader{
    width: 35px;
}

/*Menu mobile*/

.menu-mobile{display: none}

#menu-check{ display: none; }

.menu-btn{width: 38px;height: 38px;}

.carrinho-mobile{width: 38px;height: 38px;}

.mobile-header{width: 100%;display: flex;justify-content: space-around;align-items: center;padding: 5px;display: none;margin-left: -5px;}

.m-mobile{display: none;width: 80%;height: 5000px;background-color: #f4f4f4;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{transform: rotate(180deg);}

.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 i{float: right;margin-right: 10px;color: #909090 !important;}

.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}

.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}

.cat-garagem{display: flex; justify-content: center;}

.mobile-header{background-color: white;padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;margin: 0;/* height: 102px; */}

.mobile-header p{margin: 0;font-size: 16px;color: BLACK;margin-bottom: 5px;}

.mobile-header a{font-size: 18px; margin: 0; color: var(--cor-1);}

.mobile-header i{font-size: 18px;color: var(--cor-1);}

.content-garagem{    margin-right: -6px;}

.contador-carrinho{color: #FFF;background: var(--cor-1);font-weight: bold;height: 15px;width: 15px;border-radius: 10px;text-align: center;position: absolute;right: -15px;top: -6px;font-size: 10px;}

.sacola-link-wrapper{

    position: relative;

}

.badge{position: absolute;top: -12px;padding: 4px 7px !important;border-radius: 50% !important;background-color: var(--cor-1) !important;font-size: 11px !important;font-weight: bold !important;color: #FFF !important;}

/* 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: 28%; }

.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 28%; }

.owl-pagination{ display: none; }

.input-group input::placeholder{

	color:black;

    z-index: 99999;

}



/* MEDIA SCREEN */





@media (max-width: 992px) {



    header {

        display: none!important;

    }



    .icone-sacola{width: 30px;stroke: var(--cor-1);height: 30px;}

    .icone-burguer-mobile{fill: var(--cor-1);width: 30px;height: 30px;}

    .container-busca-mobile{

        background-color: #FFF;

        border-radius: 1000px;

    }

    .cat-garagem{display: block;}

    .navbar-collapse{ padding-right: 15px; padding-left: 15px; }

    .navbar-nav>li>.dropdown-menu{ background: #fff !important; }

    .logo{ margin: 0 auto; padding-top: 5px;  max-height: 125px;  position: relative; }

    .navbar-nav{ height: auto !important; margin: 0px !important;}

    .owl-buttons{display: none;}

    #btn-pedido{ width: 100%; }

    .menu-mobile{ display: block; }

    .box-vitrine{    margin-top: -8px;}

    .menu-desktop{ display: none; }

    #atend{ display: none;}

    .garagem-car{display:block ;}

    .garagem-moto{display:block ;}

    .content-garagem{width:none;}

    .faixa-head{ text-align: center !important; }

    .menu_flutuante{ display: none !important;; }

    .navbar-nav>li>a {font-size: 14px;padding: 10px 0px !important;flex-direction: row;justify-content: space-between;}

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

    .owl-buttons { display: none;}

    #btn-carrinho { margin-bottom: 15px;}

    #btn-atend { margin-top: 10px !important;}

    .m-mobile { display: block;}

    .mobile-header { display: flex; }

    .barra-pesquisa { display: block;}

    .navbar-nav {

      

        width: 100%;}

    .logo-mobile {width: 70%;/* filter: invert(1); */margin: 0 auto;}

    .header-cat-mobile { background-color: #49A011; color: #fff;}

    .nav>li>a:hover { border-top: none;}

    .menu-desktop { display: none;}

    .faixa-head { display: none;}

    .menu_flutuante {display: none !important;}

    #btn-topo { display: none;}

    .fixme { display: none;}

    .faixa-head { text-align: center;}

    .input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 42px !important;}

    .icones{ display: none;}

    .mega-dropdown-menu .dropdown-header a{color: #000;}

    .sub-menu > li > a{color: #333!important;background-color: transparent;font-size: 14px !important;padding: 5px 0px !important;text-transform: capitalize;}

    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}

    .nav>li>a:hover {background-color: transparent !important;}

    .navbar-nav>li{border-bottom: 1px solid #e5e5e5;height: auto;padding: 0px 20px;}

    .mostrar{display: none}

    .minibanner{ display:none;}

    .texto-newsletter{margin-left: 0px;}

    .btn-header{border-radius: 0px 10px 10px }

    .newsletter{padding-bottom: 10px;}

}

/* media tablet */

@media (max-width: 991px){

    .dropdown-todas-categorias{

        position: absolute !important;

        background: #ffffff !important;

    }

    .container-burguer-tablet{

        display: none !important;

    }

    .ul-todas-categorias{

        margin: 0 !important;

        width: 40%;

    }



    .newsletter .container{

        display: flex;

        align-items: center;

        justify-content: center;



        padding: 20px 0;

    }



    .minibanner .container .row{

        /* os banners do site */

        width: 100%;

        display: flex;

    }

}

@media (min-width: 1200px) {



}