@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
* { padding: 0; list-style: none !important; }


/* Ferramentas */
.flex{display: flex;}
.justify-content{justify-content: space-between}
.justify-center{justify-content: center;}
.padding-0{ padding: 0px !important; }
body { font-family: 'Open Sans', Arial, sans-serif !important; font-size: 12px !important; overflow-x: hidden;}
.fb{
  font-weight: bold;
}

/*Footer*/
footer{ background: #f7f7f7; padding: 40px 40px 40px 40px; }
footer b{ color: #860942; }
footer ul>li{ margin: 9px 0px 9px 0px; }
footer ul>li>a{ color: #3d3d3d; text-decoration: none; }
footer ul>li>a:hover{ color: #3d3d3d; text-decoration: none; }
footer h5{ font-weight: 700; }
footer p{  }
.img-rodape{ width: 150px; margin: 0px -10px 0px -10px; }
.social-icones img{  }
#btn-cart{/* margin: 28px 0px 0px 0px; */}
.icon-footer-size{ font-size: 12px }
.contatos{ font-size: 16px }
.rating{ margin-top: 16px; margin-bottom: 16px; font-size: 8px; }
.no_padding{ padding: 0px !important; }
.info-maps{ font-size: 14px; }

.ajust-column{ margin-top: 84px; margin-left: 47px; }
.logo-footer{ margin: 26px auto; width: 75px; }
.footer-social-links{ display: flex; justify-content: center; margin: 10px 0; }
.footer-social-links i { font-size: 38px; padding-right: 5px; color: #00c1b9; }
.footer-social-links a { font-family: Hind,Arial,Helvetica,sans-serif; font-size: 11px; position: relative; padding: .5em 0 .5em 10px; display: inline-block; color: #ff9ac2; margin-left: -4px; line-height: 14px; text-transform: uppercase; transition: all 25s; }
.footer-social-links a:hover{ text-decoration: none; }

/* Otimizção Pires */
.bg-compra_segura {    width: 137px;height: 107px;background: url(../images/seguranca_sprite.webp) -181px 2px;display: inline-block;background-repeat: no-repeat;background-size: 334px;}
.bg-google_seguro {width: 88px;height: 114px;background: url(../images/seguranca_sprite.webp) -10px -10px;background-size: 164px;background-repeat: no-repeat;background-position: 0px 3px;display: inline-block;}

.titulo-vitrine{/* margin-left: 15px; *//* margin-right: 15px; */display: none;margin-top: 10px;background-color: #000;margin-bottom: 10px;}
.titulo-vitrine p {font-size: 40px;display:none;color: #fff;font-weight: 700;display: flex;width: 100%;justify-content: center;}
.box-vitrine{background-color: #000;font-weight: bold;display: flex;justify-content: center;align-items: center;margin-top: 16px;}
.box-vitrine > p {text-align: center;color: #fff;font-size: 43px;margin-bottom: 0px;background: #000;width: 90%;}
.box-vitrine > p > b {color: #ffaf00;}

.box-vitrine1{background: url(../images/xadrez.png);font-weight: bold;display: flex;justify-content: center;align-items: center;margin-top: 16px;}
.box-vitrine1 > p {text-align: center;color: #fff;font-size: 50px;margin-bottom: 0px;background: #000;width: 90%;}
.box-vitrine1 > p > b {color: #ffaf00;}

/*CABECALHO */
header{ background: #ffaf00; padding: 10px; }
.topo-header{margin: 24px 20px 0px 20px;/* box-shadow: 0px 3px 4px rgb(0 0 0 / 10%); */}
.info-box-container{ background-color: #fff;margin-left: 50px; }
.info-box i{font-size: 30px;color:#252525000;}
.info-box h4{ font-size: 18px;margin: 0 !important;padding: 0 !important;}
.info-box p{color:#252525000;font-size:12px;margin: 0 !important;padding: 0 !important;}
.info-box{ margin: 15px 0; border: none;}
.menu-desktop{display: flex;align-items: center;}
.topo-header > span{font-size: 17px; font-weight: bold;}
.btn-busca{border-radius: 0px !important;color: #f3bd14 !important;padding: 1px 15px !important;border: none !important;height: 30px !important;background: #ffffff !important;font-size: 20px !important;}
.btn-header{ width: 100%; }
.input-header{border-radius: 0px !important;border: none !important;height: 30px !important;box-shadow: none !important;}
.logo-descktop{ bottom: 1px; }
.input-header::placeholder{font-weight:bold}

.menu-borda{ background-color: #252525 !important; border-top: 2px solid #dead26; }
.m5{margin: 5px;}
.estrelas i{ font-size: 17px; color: #f3bd14; }
.qtd-cart{ background: #354987; width: 18px; height: 22px; color: #FFF; padding: 4px; border-radius: 4px; text-align: center; }

.link-wpp{
  display: flex;
  text-align: center;
  align-items: center;
}
.link-wpp > img {
    width: 85px;
    position: relative;
    z-index: 999;
}
.link-wpp > h6{
    background: #32d951;
    font-size: 22px;
    color: white;
    font-weight: bold;
    padding: 9px;
    border-radius: 10px;
    position: relative;
    right: 20px;
    width: 200px;
}
.info-hor{
  font-size: 18px;
  margin: 10px 0px;
}
.info-hor > p {
margin-bottom: 0px;
}
.form-orc > input {height: 40px;border: none;margin-bottom: 20px;padding: 14px;}
.form-orc > textarea {border: none;}
.form-orc > label {
  font-size: 18px;
  font-weight: bold;
}
.box-form{padding: 35px 17px;background-color: #e7e7e7;}
.button-orc{
  margin: 30px 0px 0px 1px;
  display: flex;
  justify-content: end;
}
.button-orc > button {

  font-size: 17px;
  padding: 7px;
  width: 21%;
  background: #252525;
  color: white;
  border-color: #252525;
  box-shadow: none;
  border-width: 0;

}

/* otimização pires */
.svgHeader, .svgHeader path{width: 32px; height: 32px; fill: #252525;}

/* BANNER PRINCIPAL */
.banner-loja img{ width: 100%; }
.info-box h4{ font-size: 15px; margin-top: 5px; margin-bottom: 5px; line-height: 19px; color: #6b6b6b; }
.info-box{ margin-bottom: 20px; padding: 5px; border-radius: 5px; }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }

/*Mini-banners*/
.brilho{position: absolute; background-color: #fff; width: 400px; height: 170px;transition: all .2s linear; opacity: 0;}
.brilho:hover{opacity: 0.1;}
.brilho1{position: absolute; background-color: #fff; width: 600px; height: 240px;transition: all .2s linear; opacity: 0;}
.brilho1:hover{opacity: 0.1;}

/* NEWSLETTER */
.newsletter{background: #252525;color: #FFF;padding: 10px;/* margin-top: 50px; */}
.newsletter button{ background-color: #FFC122 !important; border-color: #FFC122 !important; }

/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px; }
.img-pag{ margin: 0px; width: 52px; }
.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;/* justify-content: center; */}
.menu-level .nav-level li{float: left;position: relative;padding: 0 0px 0 0;z-index: 9999;}
.menu-level .nav-level li a{ margin: 16px; height: 40px; color: #FFF;font-size: 15px;line-height: 40px;}
.menu-level .nav-level li a:hover{ opacity: 0.7; text-decoration: none !important;}
.menu-level .nav-level ul{float: none;}
.menu-level .nav-level ul li{float: none;}
.menu-level .nav-level{padding: 0px; z-index: 1;margin: 0;}
.menu-level .nav-level ul{display: none; margin:0px; top: 40px;}
.menu-level .nav-level li:hover > ul{display:block;position: absolute;}
.menu-level .nav-level ul ul{margin-left: 200px;top: 8px;position: absolute;z-index: 9999;}
.menu-level a{color: #FFF}
.menu-level a{text-decoration: none !important;}
.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; background: #FFF; border-bottom: 2px solid #dead26; }

.box-offer > a{ display: flex;align-items: center; justify-content: space-evenly;}
.box-offer > a:hover{ text-decoration: none;}
.box-offer > a > h3 { margin-top: 7px;font-size: 20px; font-weight: bold; color: #ff4d00; margin-bottom: 7px;}

.nivel-2, .nivel-3{background: #fff; border-radius: 5px; box-shadow: 0px 5px 17px 0px #49494963;}
.nivel-2 li a{ color: #252525 !important; margin: 7px !important; font-size: 11px !important; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2 li{ margin-bottom: -9px !important; margin-top: -9px !important; padding: 0px !important; }
.nivel-2 li a:hover{opacity: 0.7 !important; text-decoration: none !important; transition: 0.5s all;}
.nivel-3 li a{ color: #252525 !important; text-decoration: none !important; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2{margin-top: 0px;top: -10px; width: 500px; }
.nivel-3{ width: 200px; }

.btn-menu{ color: #FFF !important; font-size: 15px !important; font-weight: bold !important; margin: 3px 22px 2px 2px; }
.btn-menu:hover{ color: #FFF !important; opacity: 0.7; }
.departamentos{margin: 0 !important;}
.depart-categ{display: contents;}
.depart-categorias{display: none; position: absolute; background: #fff; z-index: 9999; padding: 15px;}
.depart-categ:hover .depart-categorias{display: block; }
.categ{text-align: left !important;}
.categ-titulo{font-weight: 700 !important; font-size: 16px !important;}

.depart-categorias ul li a{color: #002d4c !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: 8px; color: #002d4c !important;}

/*Menu mobile*/
.menu-mobile{display: none}
.menu-btn{width: 38px;height: 38px; margin-top: 22px;}
.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:#252525; 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: #252525;}
.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;}
.categoria-nome{ color: #fff !important; text-align: left !important; font-weight: bold; }
.categoria-nome i{float: right;margin-right: 10px;color: #ffffff  !important;}
.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}
.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}
#minhaconta i{margin-left: 3px;}
#menu-check:checked ~ .m-mobile{ transform: translateX(800px);}
#menu-check{ display: none; }

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

.calculadora_lona{ display: inline-block; padding: 15px; border: 2px solid #eee; border-radius: 5px; font-size: 11px; }
.calculadora_lona .texto{ margin: -20px 0px 10px 0px; }
.calculadora_lona .text-center{ background: #FFF; height: 18px; }
.calculadora_lona button{ width: 100%; }

.contador-carrinho{position: absolute; color: #FFF; font-weight: bold; background: #354987; padding: 2px 6px 2px 6px; right: 8px; top: 3px; font-size: 14px; border-radius: 5px; }

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

.pulse { z-index: 9999999; display: block; width: 64px; height: 64px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); animation: pulse 2s infinite; position: fixed; bottom: 30px; left: 30px; }
.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); }
}


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

/* Instagram */
.div-api-insta{ max-height: 150px; width: 150px; margin: 5px; display: inline-block; }
.div-api-insta:hover{ opacity: 0.60; }
.img-instafeed{ width: 100%; border-radius: 20px; box-shadow: 6px 6px 4px rgb(0 0 0 / 10%); border: 3px solid #ffffff; }

@media (max-width: 768px) {
  .box-vitrine > p {
    font-size: 32px;
}
  .box-vitrine1 > p {
    font-size: 32px;
}
.prod-pic{
  width: 100%;
}

    .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%; }
    .btn{right: 4px;}
    .menu-mobile{ display: block; }
    .menu-desktop{ display: none; }
    .menu_flutuante{ display: none !important;; }
    .navbar-nav>li>a {font-size: 14px;padding: 10px 0px !important;}
    .padding-0{ padding: 15px !important; }
    .m-mobile { display: block;}
    .mobile-header { display: flex; }
    .barra-pesquisa { display: block;}
    .logo-mobile { width: 120px;}
    .header-cat-mobile { background-color: #49A011; color: #fff;}
    .faixa-head { display: none;}
    #btn-topo { display: none;}
    .fixme { display: none;}
    .input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 40px !important;}
    .icones{ display: none;}
    .mega-dropdown-menu .dropdown-header a{color: #252525;}
    .sub-menu > li > a{color: #252525!important;background-color: transparent;font-size: 14px !important;padding: 5px 0px !important;text-transform: capitalize; font-weight: bold !important;}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}
    .nav>li>a:hover { border-top: none; background-color: transparent !important;}
    .navbar-nav>li{border-bottom: 1px solid #e5e5e5; padding: 10px 20px;background-color: #002d4c;}
    .mostrar{display: none}
    .minibanner{ display:none;}
    .btn-header{border-radius: 0px 10px 10px }

    .ajust-column{
        margin-top: 22px;
        margin-left: -37px;
    }
}