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

footer{background: #5b388a; }
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;}

/*Ferramentas*/
.flex{display: flex;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.flex-column{flex-direction: column;}
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.border-cards{ border-right: 1px solid #d9d9d9;}
.p50{padding: 50px}


/* header*/

header{background: #fff;padding-top: 30px;padding-bottom: 30px;}

.links-top span{color: #fff; cursor: pointer;}
.links-top span:hover{color: var(--cor-3);}
.links-top a{color: #fff;}
.links-top a:hover{color: var(--cor-3); text-decoration: none;}

.login-top{font-size: 14px; margin-left: 10px;display: flex;flex-direction: column;}
.login-top p{color: #fff;}
.login-top span{color: #636262 !important;}
.login-top a{color: #fab02c; cursor: pointer; font-weight: bold;transition: all .3s ease-in-out;}
.login-top a:hover{text-decoration: none; opacity: 0.8;color:#fab02c!important}
.btn-busca {height: 43px !important;background: #5e3a8c !important;color: #fff !important;border: none !important;border-radius: 0 2px 2px 0 !important;font-size: 25px !important;}
.btn-header{ width: 100%; }
.input-header{height: 45px !important;border: solid thin #000 !important;background-color: #FFF !important;border-radius: 2px 0 0 2px !important;padding: 8px 3px 7px 7px;}
.row-newsletter{display: flex; align-items: center;}
.img-user:hover{background-image: url('../images/ico-user-1.png')}
.img-fav:hover{background-image: url('../images/ico-heart-1.png'); cursor: pointer;}
.img-cart:hover{background-image: url('../images/ico-car-1.png'); cursor: pointer;}
.link-fav{color: var(--cor-3); cursor: pointer; transition: all .3s ease-in-out;font-size: 14px;}
.link-fav:hover{color: #fff; text-decoration: none;}
.link-cart{color: var(--cor-3); cursor: pointer; transition: all .3s ease-in-out;font-size: 14px;}
.link-cart:hover{color: #fff; text-decoration: none;}

.menu_flutuante{width: 100%;display: none;position: fixed;top: 0;left: 0;z-index: 500;background: var(--cor-1);padding-top: 30px;padding-bottom: 30px;}
.d-flex-around{display: flex; justify-content: space-around;}



  .menu-level-pai {background: #5b388a;}

/* 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: #5b388a; 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: #ffffff;font-size: 16px; line-height: 38px;position: relative;letter-spacing: 2px;}
.menu-level .nav-level li a:hover {color: #ffffff;opacity: 0.8;}
.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: #5b388a}
.menu-level a:hover{color: #5b388a; opacity: 0.8}
.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;}
.lista-institucional>li>a:hover {opacity: 0.8; color: #fff!important;}
.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: #5e3a8c;
  font-weight: bold;
  right: 8px;
  top: 13px;
  font-size: 17px; }
.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%; }
    .btn-busca {position: relative;
      top: -4px;}
    .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: #5e3a8c;}
    .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;
        }
}