/* ESTRUTURA-GERAL*/ 
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
@font-face {font-family: 'Roboto';src: url('../fonts/Roboto-Regular.ttf');}

* {padding: 0; list-style: none !important; font-family: 'Roboto'}
footer{background:#f5f5f5; }
body {font-family:'Roboto' !important; font-size: 12px !important; overflow-x: hidden; background-color:#f5f5f5 !important;}

header{background: #fff; box-shadow: inset 1px 11px 7px -7px #00000040;}
footer{background: #000; }
footer ul{}
footer ul>li{padding-bottom: 5px; padding-top: 5px; }
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{ text-decoration: none; }
footer h4{font-weight: 700; color: #FFF; margin-bottom: 5px; margin-top: 50px; font-size: 15px; text-transform: uppercase; }
input, select, textarea{border-radius: 0px !important; }
.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; }
#pag-rodape{font-size: 11px; font-weight: 600; margin-top: 10px; }
.logo{ max-height: 120px;}
.mb-35{margin-bottom: 33px;}
.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: uppercase;display: flex;width: 100%;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;}
.teste-place input::placeholder{
    color: black;
    font-weight: bold
}

.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{margin-top: 20px; padding: 16px; }
#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; }

.top-login{ font-size: 13px; color: #828282; margin-top: 25px; overflow: hidden;}
.top-login .input-group{ padding: 2px; background: #fff; border-radius: 50px; margin-top: 5px; border: 1px solid #000 !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: transparent !important;/* padding-bottom: 10px !important; */font-size: 12px !important;width: 27px !important;}
.btn-header{ width: 100%; }
.btn-busca { width: 50px; }
.span-icon {color: #616161; font-size: 15px;}
.input-header{ border: none !important; background-color: transparent !important;height: 36px !important;border-radius: 50px !important;box-shadow: none !important; }
.texto-center{margin: 5px; text-align: center;}  
.header-faixa{background-color: #000;height: 32px;display: flex;text-align: center;justify-content: center;align-items: center;}
.text-faixa{color: #fff;font-weight: 400;letter-spacing: .8px;text-transform: uppercase;display: inline-block;padding-bottom: 0.1rem;position: relative;margin: -2px;font-size: 11px;}
.text-faixa:hover{text-decoration: none !important;color: white;}
.text-faixa::before{content: '';position: absolute;left: 0;bottom: 0; width: 0;height: 1px;background-color: white;transition: width 0.25s ease-out;}
.text-faixa:hover::before{width: 100%;text-decoration: none;color: white;}



  

/* 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{  }
.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 */
.texto-newsletter{color: #fff;  font-size: 23px;  font-weight: 400;  margin-bottom: 15px;}
.texto-newsletter-2{color: #2d2f3b; font-weight: 400; margin-bottom: 15px; font-size: 15px;}
.btn-newsletter{font-size: 17px !important;border-radius: 35px !important;width: 145px;/* font-weight: 700 !important; */color: #000 !important;letter-spacing: 0px;margin-top: 28px;text-transform: uppercase;background: #fff !important;height: 40px !important;margin-left: 20px;}
.input-newsletter{border-radius: 30px !important;margin-top: 30px;height: 40px !important;width: 76% !important;margin-left: 20px;}
.newsletter{ background: #000; color: white; margin-top: 20px;}
.carta-news{display: flex;justify-content: space-between;}
.h4-departamentos {color: #2d2f3bbf; font-size: 20px; font-weight: 400; margin-bottom: 15px;}
.lista-departamentos {color: #2d2f3bbf; font-weight: lighter; font-size: 16px;}
.lista-departamentos a {color: #2d2f3bbf; font-weight: lighter; font-size: 16px;}
.lista-departamentos a:hover{color: #2d2f3bbf; text-decoration: none !important;}
.footer-sobre {color: #2d2f3b;  font-weight: 400;  line-height: 1.1;  margin-top: 25px;  font-size: 30px; text-transform: none;padding-bottom: 20px;}
.texto-sobre { font-weight: 300;line-height: 1.5;text-align: left;font-size: 1.1em; }
.lista-institucional{font-weight: 300;line-height: 1.2;text-align: left;color: #FFF;font-size: 15px;margin-top: 15px;}

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


/*avaliação*/
.dep-title{text-transform: none;text-align: center;color: #000;letter-spacing: .8px;font-weight: 700;font-size: calc(16px + 6 * ((100vw - 320px)/680));padding-bottom: 10px}
#review{color: #6c6a77;text-align: center;}
#review .lista-aval{display: flex;flex-wrap: wrap;font-size: 14px;line-height: 1.5;text-align: left;}
#review .item-al{border: 1px solid #ffffff !important;border-radius: 10px !important;height: 100% !important;padding: 10px 15px !important;box-shadow: 0px 0px 12px #e2e2e2 !important;background: #fff !important;}
#review .item-al>p{margin-bottom: 8px;}
.item-al{width: 359px;}
.review-title {color: #676767;margin: 0 -10px 15px;}
.review-title b {display: inline-block;padding: 0 10px;}
.review-star {color: #e79501;}
.aval-link span {color: #adadad;display: inline-block;}
#review .item-al>p:last-child {margin: 0;color: #212529;}
#review .lista-aval .space {padding: 10px;}
.teste li{
    padding-right: 28px !important;
}

/*INFO*/
.conteudo-image{ align-items: center; display: flex;}
#content-info .container{padding: 15px 0;display: flex;justify-content: space-between!important;}
#content-info .conteudo-image{justify-content: center;}
#content-info .conteudo-texto{padding: 15px 0 0 15px;}
#content-info .info-title{font-weight: 900;font-family: 'Montserrat', sans-serif;margin-bottom: 0;color: #000;}
#content-info .info-text{margin-top: 1px;font-size: 14px;}
#content-info  .conteudo-image::after{content: " "; width: 1px; height: 100%; background: #f3f3f3;position: relative;left: 60%;}

/* MEGAMENU */
ul{list-style: none;}
li.different{ border:none; position: relative; }
li.different:hover{ border: none; }
.different span{content: '';position: static;height: 1px;left: 50%;background-color: #000;transition: all ease-in-out .2s;display: block;top: 20px;width: 0px;}
.different:hover span{width: 100%;}
.menu-level{ clear: both;display: flex;margin-bottom: -8px;height: 50px;overflow: hidden;}
.menu-level .nav-level li{float: left;position: static;margin: 0 50px 0 0;}
.menu-level .nav-level li a{ color: #000;font-size: 16px; line-height: 38px;position: relative;letter-spacing: 2px;}
.menu-level .nav-level ul{float: none;}
.menu-level .nav-level ul li{float: none;}
.menu-level .nav-level{padding: 0px;z-index: 9999;height: 40px !important;overflow: hidden;}
.menu-level .nav-level ul{display: none; margin:0px; top: 30px;box-shadow: 0px 2px 6px 0px #a0a0a040;}
.menu-level .nav-level li:hover > ul{display: block;position: absolute;top: 165px;}
.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: #fff; }
.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;}
.nivel-2{top: -10px;}
.btn-menu{ color: #fff !important; font-size: 17px !important;}
.departamentos{margin-right: 35px;}
.departamentos li{text-align: left;}
.depart-categ{display: contents;}
.depart-categorias{display: none; overflow: auto; position: absolute; background: #fff; z-index: 9999;    left: 117px;right: 10%; width: 330px;padding: 15px;box-shadow: 0px 2px 6px 0px #a0a0a040; height: 414px;}
.depart-categorias::-webkit-scrollbar{ width: 5px;}
.depart-categorias::-webkit-scrollbar-thumb{background: #888;}
.depart-categorias::-webkit-scrollbar-track {background: #f1f1f1;}
.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: 8px; color: #333 !important;}
.depart-categ:hover .depart-categorias{display: block;}
.categ{text-align: left !important;}
.categ-titulo{font-weight: 700 !important; font-size: 16px !important;}
.categ-titulo:hover{color: #000 !important;}
.dep-nivel-3{background: #eee;border-radius: 5px;padding: 10px;margin: 10px;}


/*Animação*/
@-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);}
}
.delizar-baixo{animation: delizar-baixo .5s;}
.delizar-cima{animation: delizar-cima .5s;}

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

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

.contador-carrinho{position: absolute;color: #000;font-weight: bold;right: 8px;top: 3px;font-size: 14px;}

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



@media (max-width: 400px){
    .conteudo-image{width: 100% !important;}
}
@media (max-width: 768px) {
    .header-faixa{background-color: #000;height: 42px;display: flex;text-align: center;justify-content: center;align-items: center;}
    .btn-newsletter{font-size: 17px !important;border-radius: 35px !important;width: 145px;/* font-weight: 700 !important; */color: #000 !important;letter-spacing: 0px;margin-top: 0px;text-transform: uppercase;background: #fff !important;height: 40px !important;margin-left: 20px;}
    .input-newsletter{border-radius: 30px !important;margin-top: 0px;height: 40px !important;width: 76% !important;margin-left: 20px;}
    .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; }
    .menu-desktop{ display: none; }
    #atend{ display: none;}
    .faixa-head{ text-align: center !important; }
    .menu_flutuante{ display: none !important;; }
    .navbar-nav>li>a {font-size: 14px;padding: 10px 0px !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;}
    .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-color: #f1e4d4;}
    .logo-mobile { width: 180px;}
    .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; padding: 10px 20px;}
    .mostrar{display: none}
    .minibanner{ display:none;}
    .texto-newsletter{margin-left: 0px;}
    .btn-header{border-radius: 0px 10px 10px }
    .newsletter{padding-bottom: 10px;}
    .input-header {
      background-color: white !important;
    }

   
    .texto-center {
        margin: 6px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
.text-faixa {
    font-weight: 400;
    display: inline-block;
    /* padding-bottom: 0.1rem; */
    position: relative;
    margin: -4px;
    font-size: 12px;
}
    

     .texto-center .list-inline>li {
       display: inline-block;
        padding-left: 0px !important;
      padding-right: 0px !important;
        }
      .teste li {
        position: relative;
        margin-right: 12px;
        }
}