/* ESTRUTURA-GERAL*/ 

:root {
  --main-color: #be9d78;
  --second-color: #7e664c;
  --terci-color: #c8a17a;
}

* { padding: 0; list-style: none !important; font-family: Patua}
body {font-family: Patua !important; font-size: 12px !important; }
header{ background: #fff; margin: 15px 0px;}
footer ul>li>a:hover{color: #ddc3a8;left: 5px;text-decoration: none; transition: 0.3s ease;}
.email-place{background: transparent !important;border: 1px solid black !important;color:#000;}
.input-group input::placeholder {color:#000;}
.divider{border-top: 1px solid #000;margin-bottom: 9px;}
.form-group{margin-bottom: 9px; margin-bottom: 10px;}
.btn-newsletter{background-color: #000; color: #fff;border-radius: 20px;}
.mini-menu{margin-top: 20px;}
footer{background: linear-gradient(69deg, var(--second-color) 94rem, #d1ac85 0, var(--main-color));} 
footer ul>li {padding-bottom: 1px; padding-top: 8px;}
footer h4:after {margin: 5px 0 0!important;margin-top: 25px;content: none;}
input, select, textarea{ border-radius: 0px !important; }
footer ul>li>a { font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.5; position: relative; padding: 0.25em 0 0.25em 10px; display: inline-block; color: #ddc3a8; margin-left: -4px; text-decoration: none; transition: all .3s;
}
@font-face {font-family: "Patua";src: url('../fonts/PatuaOne-Regular.ttf') format("truetype");}
.portfolio .portfolio-item {
    cursor: pointer;
    position: relative;
    display: block;
   
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .portfolio .portfolio-item .portfolio-item-caption {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    background-color: rgb(25 26 26 / 49%);
  
  }
  .card-body p{
    /* height: 80px; */
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .portfolio .portfolio-item .portfolio-item-caption:hover {
    opacity: 1;
  }
  .portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
    font-size: 1.5rem;
  }
  
  .portfolio-modal .btn-close {
    color: #1abc9c;
    font-size: 2rem;
    padding: 1rem;
  }
  .portfolio-modal .portfolio-modal-title {
    font-size: 2.25rem;
    line-height: 2rem;
  }
  @media (min-width: 992px) {
    .portfolio-modal .portfolio-modal-title {
      font-size: 3rem;
      line-height: 2.5rem;
    }
  }

.col-footer {margin-top: 18px;margin-bottom: 0;color: #34251c; font-family: Arial, sans-serif !important;font-size: 14px;font-weight: bold;padding-bottom: 1em; text-transform: uppercase;}
.icon-footer{width: 21px; height: 21px; fill: #000; margin-right: 25px;margin-bottom: 35px;}
.text-footer{font-weight: 700;  margin-right: 33px;font-weight: 600;line-height: 18px;padding: 0px 0 14px;}
.texto-rodape{color: #363636;text-decoration: none;}
.faixa-footer{background: #FFF; color: #363636;}
.col-footer .form-control input::placeholder{color:#000;}
.btn-newsletter {
    background-color: #000;
    color: #fff;
    border-radius: 20px;
}
.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; }
.logo{ max-height: 83px;  margin: 0 auto; padding-top: 5px;}


.ico-prod { width: 37px;height: 36px;border: 1px solid var(--terci-color);border-radius: 18px;padding: 6px;}
		.btn-blog {background-color: var(--terci-color) !important ; color: #fff; border-radius: 17px !important;}
		.card-title{font-weight: bold;}
		.small-text{color: var(--terci-color)}
		.img-blog{border-radius: 13px;}

.top-categories img {
    border-radius: 14px;
    transition: all .7s ease-in-out;
    filter: contrast(75%) brightness(74%);
}
.top-categories{ }
.top-categories > .row > div{ position: relative; }	

 .top-categories > .row > div:hover > button{ transform: scale(1.1);} 
  .card:hover{/* transform: scale(0.9); */} 
  .card{
      border-radius: 10px;
      /* transition: all .5s ease-in-out; */
      }
  .marcas:hover{transform: scale(1.1);} 
  .marcas{    
      border-radius: 10px;
      transition: all .5s ease-in-out;}
   
   
.top-categories > .row > div > h2{
    position: absolute;
    color: #fff;
    z-index: 10;
    left: calc(46% - 50px);
    right: 0;
    margin: auto auto;
    top: 27%;
    bottom: 0;
    width: auto;
}

.form_header_busca input {
  width: 51%!important;
}

.top-categories > .row > div > button{
position: absolute;
border: none;
background: transparent;
font-size: 22px;
color: white;
z-index: 10;
/* left: calc(86% - 44px); */
right: 169px;
margin: auto auto;
/* top: 55%; */
bottom: 114px;
width: auto;
  }

  .mostrar{top: 31px;}

.top-categories img{
    border-radius: 14px;
       transition: all .7s ease-in-out;
    filter: contrast(75%) brightness(74%);
 }
.titulo-vitrine{margin-top: 11px;}
.titulo-vitrine p {font-size: 20px;color: #373435;margin-bottom: 8px;display: inline-block;/* border-bottom: 2px solid; */text-transform: uppercase;display: flex;width: 100%;justify-content: center;margin-top: 0px;}
.divider-titulo-vitrine {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  border-top: 6px solid #bd9c78 !important;
  width: 13% !important;
  border-radius: 21px !important;
}
.flex-align{display: flex; align-items: center;}
.rodape-inferior{border-top: 2px solid #3b3535; padding: 46px 0;}
.rodape-inferior a:hover .social-ico-txt{color: #f51167 !important;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.rodape-inferior a:hover .social-ico{color: #f51167 !important;}
.social-ico{color: #000; font-size: 38px !important;-webkit-transition: all .3s;-o-transition: all .3s; transition: all .3s;}
.social-ico-txt{display: inline-block;font-size: 12px;;text-transform: uppercase;color: #000;padding-top: 10px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;vertical-align: top;margin-left: 10px;}
.fb-i{top: 85px;position: relative; left: 110px;}
.inst-i{top: 85px;position: relative; left: 42px;}
/*CABECALHO */
.faixa-head{ background: #e20404; margin-bottom: 20px; color: #a8a8a8; font-size: 11px;}
.faixa-head a{ color: #a8a8a8; padding-left: 10px; padding-right: 10px;}
.faixa-head span{ color: #22a2dc; }
.faixa-head a:hover{ color: #FFF; text-decoration: none; }
.btn-flut{ margin-top: 6px; }
.menu_flutuante form{ margin: 6px; }
.menu_flutuante{ background: #551402; width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500;}
#btn-atend{ color: #000; margin-top: 2px; margin-left: 0px !important;}
#btn-atend a{color: #000; text-decoration: none;}
.top-login{ margin-top: 17px; }
.btn-busca{background-color: transparent !important;z-index: 4 !important;border: none !important;}
.input-header{border-radius: 10px !important;box-shadow: none !important;height: 44px !important;border-top: 1px solid #ccc !important;border-bottom: 1px solid #ccc !important;border-left: 1px solid #ccc !important;background: #fff !important;}
.input-header::placeholder {color: #bcbcbc!important;}
.input-header:focus{border: 2px solid #000 !important;}
.ico-header{font-size: 37px !important; color: #000;}
.place input:placeholder{color:black !important;}
.ico-header:hover{color: #000; color: #bcbab8; -webkit-transition: all .3s;-o-transition: all .3s; transition: all .3s;}
.ul-login{width: 190px !important; top: 87% !important; left: -71px; border: 2px solid #000 !important;}
.ul-login:hover + .ico-header{color: #000 !important;}
.num-itens{position: absolute;width: 18px;height: 18px;text-align: center;border-radius: 8px; left: 67px; color: #000;}
.img-header {width: 80% !important;}
.lista-tarja{padding: 4px 13px 0px 126px; margin-top: 17px;}
.lista-tarja li {display: flex;align-items: center;gap: 13px;}
#botao-esconder{
  position: absolute;
  top: 2px;
  left: 179px;
}


/* BANNER PRINCIPAL */

/* INFO BOX */
.info-box-container{background-color: #fff;border-radius:5px;padding: 0px 50px;}
.info-box i{font-size: 30px;color:#000;}
.info-box h4{ font-size: 18px;margin: 0 !important;padding: 0 !important;}
.info-box p{color: #bcbab8;font-size:12px;margin: 0 !important;padding: 0 !important;}
.info-box{ margin: 15px 0; border: none;}
.info-box-titulo{max-height: 40px;}
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas img {margin: 0 auto;height: 150px;}

.faixa-header{background: linear-gradient(35deg, var(--second-color) 55rem, #d1ac85 0, var(--main-color)); height: 34px;}
.text-faixa{color: #f7f7f7!important;padding-top: 3px; margin: 5px 0 7px;}
.faixa-redes{display: flex; gap: 12px; margin-top: 5px;}
.faixa-redes svg{color: #ddc3a8;}
#btn-atend {color: #000; margin-top: 9px!important;}
.list-inline p{margin: 0;font-size: 16px;color: #6d5e4d;}
.mini-menu .list-inline{ border-radius: 9px; margin-top: 5px; display: flex;}

.divider-titulo-vitrine {
  margin-top: 0px;
  margin-bottom: 20px;
  border-top: 8px solid var(--second-color);
  width: 20%;
  border-radius: 21px;
}


/* NEWSLETTER */
/* .btn-newsletter{box-sizing: border-box;height: 43px;width: 134px;display: block !important;background: #fff;border-radius: 3px;border: 0;float: right;font-size: 12px !important;text-transform: uppercase;color: #fff;font-weight: 500 !important;-webkit-transition: background ease-out .2s;transition: background ease-out .2s !important;margin-left: 20px;}
.btn-newsletter:hover{opacity: .9;}
.input-newsletter{height: 40px;border-radius: 3px 0px 0px 3px !important;width: 100%;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-transform: uppercase;display: block;letter-spacing: -1.113px;}
.last{display: block;font-size: 12px;}
.newsletter{color: #000;background-color: #bcbab8;height: auto;padding: 33px 0;}
.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);} */



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


/* MEGAMENU */
nav{ display: flex; justify-content: center; }
.navbar-nav>li>.dropdown-menu { border-top-left-radius:4px; border-top-right-radius:4px; background: #fff !important;padding-top: 5px !important;}
.mega-menu{ background: var(--main-color); border-radius: 0px !important; border: none !important; margin-bottom: 0px !important;}
.navbar-nav>li>a { text-align: center;padding: 10px 0 !important;color: #f7f7f7;font-size: 16px;line-height: normal !important;margin: 0 24px;height: 34px;}
#dahora{color: #FFF; background: #e20404; border-radius: 10px;}
#dahora:hover{background: #f68a00;}
.navbar{ min-height: 46px !important; }
.mega-menu .navbar-nav>li>a:focus, .nav>li:hover>a, .nav>li>a:hover { background-color: transparent !important; color: #34251c!important; }
.mega-menu .navbar-nav>li:hover{
    background: transparent !important;
}
.navbar-nav{display: inline-block;height: 34px !important;overflow: hidden !important;}
.mega-menu .navbar-nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color: #fff !important; background-color: #fff !important;}
.navbar-collapse{ padding: 0px !important; height: 34px !important;}
.mega-menu .mega-dropdown { position: static !important;}
.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; }
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { border: 1px solid #fff; display: block; padding: 3px; margin: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #000; white-space: normal; }
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {/* border: 1px solid #000; */text-decoration: none;color: var(--terci-color);/* background-color: #f5f5f5; */}
.mega-dropdown-menu .dropdown-header a{ color: #3d3d3d; font-size: 18px;  }
.dropdown-header{ padding: 0px !important; cursor: pointer; }
.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:not(.nohover):hover .dropdown-menu{ display: block; }
.sub-menu{ left: auto !important; border: none !important; padding: 0px 0 !important;}
.sub-menu > li > a{ clear: both; font-weight: normal; line-height: 1.428571429; padding: 3px 20px !important; background: #FFF; color: #444 !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }
.sub-menu > li > a:hover{color:var(--terci-color) !important; background: transparent !important}
.icones-header {    display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;}
.sub-categoria{ font-size: 11px; margin-left: 10px; }
.nav-icones p{ margin: 0px 0px 5px 0px; text-align: center;}
.nav-icones img{ height: 20px; margin: 0 auto; }

/*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; background: var(--terci-color);padding: 10px 0px;
}
.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: 12px; margin: 0; color: var(--terci-color);}
.mobile-header:hover a{font-size: 12px; margin: 0; color: var(--terci-color);}
.mobile-header i{font-size: 18px;color: #000;}

.contador-carrinho{    
  position: absolute;
  color: #fff;
  right: 8px;
  top: 31px;
  font-size: 16px;
  background: var(--main-color);
  padding: -6px;
  border-radius: 91px;
  height: 22px;
  width: 22px;
}


/* CARROSSEL DE PRODUTOS */
.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: 20%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 20%; }
.owl-pagination{ display: none; }
.owl-theme .owl-controls .owl-buttons div{ background: transparent !important; }


/* MEDIA SCREEN */
@media (max-width: 991px) {
    .inst-i{ top: -3px ; left: 0px;}
    .fb-i { top: -3px; }
    .social-ico-txt {
        margin-left: -79px;
    }
}
@media (min-width: 992px) {
}
@media (max-width: 768px) {
    .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;}
    .logo-mobile {  width: 217px;}
    .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}
    .img-01:hover{ background-position: 0px 0px; background-position: 0px -392px;}
    .img-02:hover{ background-position: 0px 0px; background-position: 0px -392px;}
    .img-03:hover{ background-position: 0px 0px; background-position: 0px -396px;}
    .img-04:hover{ background-position: 0px 0px; background-position: 0px -392px;}
    .btn-busca{height: 42px !important;}
    .social-ico-txt {
        margin-left: -79px;
    }
    .rating {
        margin-bottom: 16px;
        font-size: 8px;
        color: var(--terci-color) !important;
    }
    .newsletter{
        margin-top: -34px;
    }

    .form_header_busca input {
      width: 100% !important;

      
  }

  .lista-tarja {
    padding: 0px 13px 0px 46px;
}

.icon svg {
  width: 35px!important;
  height: 35px!important;
}

.text {
  font-size: 10px!important;
}

.contador-carrinho {
  position: absolute;
  color: #4b332f;
  right: 0px;
  top: 37px;
  font-size: 16px;
  background: #fff!important;
  padding: -6px;
  border-radius: 91px;
  height: 20px;
  width: 20px;
}

.text-faixa {
  display: none;
}

}
@media (min-width: 1200px) {
}
@media (max-width: 580px){
}
@media (max-width: 400px) {
    .box-instagram{display: none;}
}