/* PIRES CONFIG */
:root{
    --azulEscuro: #003c69;
    --azulClaro: #0379d4;
    --Preto: #000;
    --Branco: #fff;
}
.flex-align{display: flex; align-items: center;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 30px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}

/* ESTRUTURA-GERAL*/ 
* { padding: 0; list-style: none !important; }
body { font-family: Roboto,Helvetica,Arial,sans-serif !important; font-size: 12px !important; }

header{ background: var(--azulEscuro); min-height: 95px;border-top: #ffffff4d 1px solid;border-bottom: #ffffff4d 1px solid;font-size: 16px;min-height: 128px;}
.svgheadermobile, .svgheadermobile path{width: 32px; fill: var(--azulClaro);}
input, select, textarea{ border-radius: 0px !important; }
.cart-selector{ background-color: var(--azulClaro); border-radius: 32px;text-align:center; padding: 8px;max-width: 48px;max-height: 48px;}
.align-dropdown{right: 0 !important;margin: 0 auto !important;}
.vertical-align {display: flex !important;align-items: center;}
.top-info > a {font-size: 16px;color: #fff; }
.itens-topo{text-align: end;}
.logo{max-width: 90% !important; }
#pag-rodape{ font-size: 11px; font-weight: 600; margin-top: 10px; }
.padding-0{ padding: 0px !important;
vertical-align: middle; }
    
.btn{ border-radius: 0px !important; }
.titulo-vitrine{ 
    margin-top: 20px;
    margin: 15px;
    text-align: left;
}
.titulo-vitrine p{  
    font-size: 27px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    border-bottom: 2px solid var(--azulClaro);
    text-align: center;
    width: auto;
    max-width: 20ch;
}

/*CABECALHO */

.faixa-head{ background: #676767; color: #FFF; font-size: 12px;height:30px;font-weight: 600; }
.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;
}

.btn-flut{}
.menu_flutuante form{}
.menu_flutuante{ background-color: #fff; box-shadow: 0px 2px rgb(212, 210, 210) ;width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500;}

.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 { margin-top: 10px !important; color: #000; }
#btn-atend img{ margin-top: -15px; }
#btn-atend a{ color: #000; text-decoration: none; }
#atend{ text-align: right; }

#btn-cart{ background: #f4f4f4; margin-bottom: 0px; padding: 5px; }
#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 12px; margin-bottom: 0px; }
#btn-cart a{ color: #808080; text-decoration: none; }


.top-login{color: #000; font-size: 11px;}
.btn-busca{ color:#212121;border-color: #ccc !important;  border-radius: 0px 20px 20px 0px !important; box-shadow: none !important; height: 45px !important; background-color: var(--azulClaro) !important; color: #FFF !important; border-left: none !important;}
.btn-busca i{color:#212121;}
.btn-header{ height: 50px; width: 100%; padding: 0px 15px 0px 15px !important; font-size: 18px !important; }
.input-header{ border-radius: 20px 0px 0px 20px !important; box-shadow: none !important; height: 45px !important; font-size: 18px !important;}
.menu-contact{font-size: 16px;color: #fff; }
.menu-contact a{color: #fff;}
.menu-contact a:hover{color: #fff; text-decoration: none;}
.telephone-icon{
    font-size: 32px;
}
.top-infos{display: flex;justify-content: flex-end;}
.top-info{margin: 0 10px;}
.top-info a:hover{text-decoration: none;}
.top-info ul{}
.top-info ul li:nth-child(1){text-align: center;color:#454545;}
.top-info ul li:nth-child(1) i{font-size: 30px;}
.top-info ul li:nth-child(1) i .badge{background-color: #e6421e; color:#fff;}
.top-info ul li:nth-child(2){font-size:12px;color:#aaa;}

    
/* BANNER PRINCIPAL */
.banner-loja{ padding-bottom: 15px; }
.banner-loja img{ width: 100%; }

.info-box-container{}
.info-box i{font-size: 30px;color:var(--azulEscuro);}
.info-box h4{ font-size: 14px;margin: 0 !important;padding: 0 !important;}
.info-box p{color:var(--azulEscuro);font-size:12px;margin: 0 !important;padding: 0 !important;}
.info-box{padding: 16px;}
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas{  }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }


/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}
.img-pag{ margin: 0px; width: 50px; border-radius: 3px;}
.moip { background-position: -27px -83px; }
.bcash { background-position: -27px -190px; }
.paypal { background-position: -27px -142px; }
.pagseguro { background-position: -27px -31px; }



/* MEGAMENU */
ul{list-style: none;}
.menu-level{ display: flex;}
.menu-level .nav-level li{float: left;position: relative; padding:6px 0px 3px 3px !important; z-index: 9999;}
.menu-level .nav-level > li > a{color: #ffffff;font-size: 15px;padding: 5.9px 13px;line-height: 45px;text-transform: uppercase;font-weight: 700;letter-spacing: .5px; height: 98px;}
.menu-level .nav-level > li > a:hover{ text-decoration: none !important;}
.menu-level .nav-level ul{float: none;}
.menu-level .nav-level ul li{float: none; transition: all .4s; border-radius: 5px;}
.menu-level .nav-level ul li:hover{background: #f1f1f1;}
.menu-level .nav-level{padding: 0px; z-index: 9999;margin: 0;}
.menu-level .nav-level ul{display: none; margin:0px; top: 55px;}
.menu-level .nav-level li:hover > ul{display:block;position: absolute;}
.menu-level .nav-level ul ul{margin-left: 180px;top: 0px;position: absolute; z-index: 9999;}
.menu-level a{color: #000}
.menu-level a{text-decoration: none !important;}

.nivel-2, .nivel-3{width: 200px; background: #EEEEEE; border-radius:  0 0 5px 5px; box-shadow:0px 2px 6px 0px #69696963;;}
.nivel-3{border-radius: 5px !important;}
.nivel-2 > li > a{ color: #000 !important; padding-left: 10px; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2 > li > a:hover{opacity: 0.7 !important; text-decoration: none !important; transition: 0.5s all;}
.nivel-3 > li > a{ color: #000 !important; text-decoration: none !important; padding-left: 10px; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2{margin-top: 0px;top: -10px;}

.btn-menu{background: transparent !important;line-height: 40px !important; color: #ffffff !important; font-size: 15px !important; letter-spacing: .5px !important; text-transform: uppercase;}
.btn-menu:hover{color: #ffffff !important;}
.btn-menu i{color:var(--Branco);}
.departamentos{margin: 0 !important;}
.depart-categ{display: contents;}
.depart-categorias{display: none; position: absolute; background: #EEEEEE; z-index: 9999; width: 70%;padding: 15px;}
.depart-categ:hover .depart-categorias{display: block; box-shadow: 0px 2px 6px 0px #69696963;;border-radius: 0 0 10px 10px;}
.categ{text-align: left !important;}
.categ-titulo{font-weight: 700 !important; font-size: 16px !important; text-transform: uppercase; color: #767676 !important;}

.depart-categorias ul li a{color: #333 !important;transition: .5s all;}
.depart-categorias ul  ul > li >a{transition: .5s all;font-size: 14px; line-height: 1.6;}
.depart-categorias ul  ul > li > a:hover{padding-left: 8px; color: #333 !important; margin-left: 9px;color: #333 !important; display: block;background: #f1f1f1;padding-left: 3px;}
.menu-borda{background: var(--azulClaro);height: 55px; font-size: 14px !important;   }
.divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #E5E5E5;}

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

.mobile-header{background-color: var(--azulEscuro);padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;margin: 0;}
.mobile-header p{margin: 0;font-size: 16px;color: #fff;margin-bottom: 5px;}
.mobile-header a{font-size: 12px;margin: 0;color: #fff;}
.mobile-header i{font-size: 18px;color: #fff;}

.contador-carrinho{position: absolute;color: var(--azulEscuro);font-weight: bold;right: 8px;top: 3px;font-size: 14px;}

/* CARROSSEL DE PRODUTOS */
/* .owl-theme .owl-controls .owl-buttons{display: none;} */
.owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 27%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 27%; }
#banner-loja .owl-next img,#banner-loja .owl-prev img{width: 77px;}
.owl-theme .owl-controls .owl-buttons div{ background: transparent !important; }
.owl-theme .owl-controls .owl-page span {display: block;width: 24px !important;height: 24px !important;margin: 5px 7px;filter: Alpha(Opacity=50);opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 4px !important;background: yellow !important;}

/* NEWSLETTER */
.newsletter-links{
    margin-top: 15px;
}
.newsletter{ background: #eee;min-height: 150px;}
.btn-newsletter{ width: 50%; border-radius: 20px 20px 20px 20px !important; font-weight: 700 !important;background-color: var(--azulClaro);color: #fff;height: 45px !important;}
.btn-newsletter:hover{color : #fff !important;background-color: #bc3315;}
.input-newsletter{ border-radius: 20px 20px 20px 20px !important; box-shadow: none !important; height: 45px !important; font-size: 18px !important;}

/* FOOTER */
footer{font-family: Roboto,Helvetica,Arial,sans-serif !important;}
footer ul{  }
footer ul>li{ padding-bottom: 5px; padding-top: 5px;font-size: 15px;}
footer .footer-icon{ width: 25px; border: 2px solid #cccccc; padding: 5px; }
footer ul>li>a{ color: #fff; -webkit-transition: all 0.3s;  transition: all 0.3s; }
footer ul>li>a:hover{ color: #fff !important;}
footer h4{ font-weight: 600; color: #fff; margin-bottom: 10px; margin-top: 50px; font-size: 17px; text-transform: uppercase; }
footer h5{ color: #454545; text-transform:uppercase;font-size: 16px;font-weight: 600;}
footer h6{ color: #454545; text-transform:uppercase;font-size: 16px;font-weight: 600;}
footer h3{ font-size: 18px; font-weight: 700; color: #FFF; margin-top: 10px; }
footer span{color: #fff;}

.horario-footer{font-size:14px;color: #fff;}
.atend-footer{font-size: 14px;font-weight: 800;}
.atend-footer > i{ font-size: 22px; color: #fff;margin-right: 5px;}
.footer-link {color: #fff; transition: all .3s;}
.footer-link:hover{ color: #fff;text-decoration: none;}
.footer-meio{background-color:var(--azulEscuro);}

.rodape-footer h4{color: #454545;font-size: 14px;margin-bottom: 15px;}
.icon-rodape{ -webkit-transition: all 0.3s;  transition: all 0.3s; }
.icon-rodape:hover{ opacity: 0.50; }
.payment{ color: #292929; margin-bottom: 5px; margin-top: 30px; font-size: 15px; }
.seguranca-footer img{max-width: 100px;}
.seguranca-footer-2 {margin-top: 45px;}
.seguranca-footer-2 img{max-width: 150px;}

.text-final{border-top:1px solid #e6e2e2; border-bottom: 1px solid #e6e2e2;margin: 50px 0;padding: 25px 0;}
.text-final p{font-size:13px; color: #757575;}

.icon-footer{width:32px;height:32px;}

/* MEDIA SCREEN */
@media (min-width: 1200px){
    .container { width: 1200px !important;}
}

@media (max-width: 768px) {

    .navbar-collapse{ padding-right: 15px; padding-left: 15px; }
    .navbar-nav>li>.dropdown-menu{ background: #fff !important; }
    .navbar-nav>li>a {font-size: 14px;padding: 10px 0px !important;}
    .sub-menu > li > a{padding: 10px 0px 10px 18px !important;}
    .navbar-collapse { padding-right: 15px; padding-left: 15px;}
    .navbar-nav>li>.dropdown-menu {background: transparent !important;}
    .navbar-nav { height: auto !important; margin: 0px !important; display: block;}
    .nav>li>a:hover { border-top: none;}
    .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;padding: 10px 20px;}
    .faixa-head { text-align: center;}
    .faixa-head { display: none;}
    .faixa-head{ text-align: center !important; }
	.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;}
    .owl-buttons{display: none;}
    #btn-pedido{ width: 100%; }
    .menu-mobile{ display: block; }
    .menu-desktop{ display: none !important; }
    #atend{ display: none;}
    .menu_flutuante{ display: none !important;; }
    .navbar-nav>li>a {font-size: 14px;padding: 10px 0px !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;background: #fff;}
    .logo-mobile { width: 120px;}
    .icon-footer{
        margin: 0 auto;
        width:32px;height:32px;
    }
    .header-cat-mobile { background-color: #49A011; color: #fff;}
    #btn-topo { display: none;}
    .fixme { display: none;}
    .input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 42px !important;}
    .icones{ display: none;}
    .mega-dropdown-menu .dropdown-header a{color: #000;}
    .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;padding: 10px 20px;}
    .mostrar{display: none}
    .btn-busca{height: 42px !important; border-left: 1px solid #ccc !important}
    .newsletter{text-align: center !important;}
    .newsletter-links{text-align: center !important; margin-bottom: 15px;}
    .info-box{margin: 15px;}
}
@media (min-width: 1200px) {

} 
    .btn-orcamento {
        width: 100%;
        align-items: center;
        background: linear-gradient(90deg, #00c3ff 0%, #0077ff 100%);
        color: #037ad4;
        border: none;
        border-radius: 30px;
        font-size: 1rem;
        font-weight: 600;
        box-shadow: 0 5px 8px rgba(0,0,0,0.08);
        transition: all 0.2s ease;
        cursor: pointer;
        text-decoration: none;
    }
    .btn-orcamento .chat-icon {
        font-size: 1.3em;
        transition: font-size 0.2s ease;
    }