/* your styles go here */
@media(min-width:992px){
    .navbar-expand-lg .dropdown-menu.dropdown-menu-md {
        width: 60rem;
    }
}
.cliente-logado{
  color: #bcac76  !important;
}
li{list-style-type: none;}
ul.select_cor{
    padding-left: 0;
}
ul.select_cor li{
    display:inline-block;
    width:38px;
    height:38px;
    border:1px solid transparent;
    padding:2px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin-right: 2px;
    position:relative;
    cursor: pointer;
}
ul.select_cor li img.selected{
  border: 2px solid #000 !important;
  padding: 4px;
}
/* quantidade detalhe */
.detail-quantity{
    max-width: 100%;
}
/* botao de falar pelo whatsapp detalhe*/
.btn-det-whatsapp{
    background-color: #25D366;
}
/* botao add ao carrinho */
.input-group .btn{
    padding-top: 0.897rem;
    padding-bottom: 0.897rem;
}
/*input do carrinho*/
.car-inputs{
    margin: 5px auto;
}

/*Cor imagem listagem filtro*/
.corimg{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: absolute;
}
ul.list-inline li.js-cor{
    display: inline-block;
    width: 25px;
    height: 25px;
}
.text-base {
    display: -webkit-box;
    -webkit-line-clamp: 1; /** número de linhas que você quer exibir */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** *PRODUTO* **/
.d-cor-produto ul{
    width: 100%;
    text-align: center;
    margin-bottom: 0 !important;
}
.d-cor-produto ul li{
    display: inline-block;
    margin: 0 1px;
}
.d-cor-produto .img-cor-prod{
    width:11px;
    height:11px;
    border-radius:100%;
    border: 1px solid #ccc;
}
.d-sem-cor-produto{
    height: 40px;
}

/* PEDIDO CSS*/
.breandcumbs-pedido {
    padding-top: 34px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 35px;
  }
  .breandcumbs-pedido ul li {
    display: inline-block;
    padding-right: 5px;
    font-size: 13px;
    color: #8c8c8c;
  }
  .breandcumbs-pedido ul li:last-child {
    padding: 0px;
  }
  .breandcumbs-pedido ul li a {
    font-weight: 400;
    font-size: 13px;
    color: #8c8c8c;
  }
  .breandcumbs-pedido ul li .btn-breand {
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-weight: 400;
  }
  .voltar {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .voltar a {
    display: block;
    width: 100%;
  }
  .conteudo-pedido {
    padding-bottom: 20px;
  }
  .conteudo-pedido h1 {
    font-weight: 700;
    font-size: 20px;
    color: #2d2d2d;
  }
  .conteudo-pedido .title-pedido {
    padding-top: 46px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .conteudo-pedido .title-pedido span {
    font-weight: 600;
    font-size: 14px;
    color: #484848;
  }
  .conteudo-pedido .d-dados-prod-pedido {
    margin-top: 25px;
  }
  .conteudo-pedido .d-dados-prod-pedido .s-ref {
    font-weight: 400;
    font-size: 15px;
    color: #484848;
  }
  .conteudo-pedido .d-dados-prod-pedido .s-name,
  .conteudo-pedido .d-dados-prod-pedido .s-desc {
    font-size: 13px;
    font-weight: 400;
    color: #838383;
  }
  .conteudo-pedido .d-dados-prod-pedido .d-select {
    position: relative;
    width: 100%;
    height: 46px;
  }
  .conteudo-pedido .d-dados-prod-pedido .conteudo-select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  @media (max-width: 991px) {
    .conteudo-pedido .d-dados-prod-pedido .conteudo-select {
      left: auto;
      right: 0;
    }
  }
  @media (max-width: 991px) {
    .conteudo-pedido .d-dados-prod-pedido .d-info {
      padding: 0;
      margin-bottom: 10px;
    }
  }
  .conteudo-pedido .d-dados-prod-pedido .select-pedido {
    max-width: 100%;
    width: 100%;
    height: 46px;
    font-size: 13px;
    font-weight: 400;
    color: #8d8d8d;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 auto;
    -moz-appearance: button;
    -webkit-appearance: button;
    outline: none;
  }
  .conteudo-pedido .d-dados-prod-pedido .conteudo-select:before {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #8d8d8d;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 46px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    pointer-events: none;
    background: #FFF;
    border: 1px solid #ccc;
    border-left: none;
  }
  .conteudo-pedido .d-dados-prod-pedido .box-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .conteudo-pedido .d-dados-prod-pedido .box-input .nice-number {
    width: 100%;
  }
  .conteudo-pedido .d-dados-prod-pedido .box-input button {
    position: absolute;
    left: 6px;
    top: 6px;
    border: 0;
    background: transparent;
    font-size: 22px;
    font-weight: 700;
    color: #8d8d8d;
  }
  .conteudo-pedido .d-dados-prod-pedido .box-input button:last-child {
    left: auto;
    right: 8px;
  }
  .conteudo-pedido .d-dados-prod-pedido .qtd-one {
    max-width: 100%;
    width: 100%;
    height: 46px;
    font-size: 13px;
    font-weight: 400;
    color: #8d8d8d;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 auto;
  }
  .conteudo-pedido .d-dados-prod-pedido .item_excluir {
    position: relative;
    top: -12px;
    display: block;
    padding: 4px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
  }
  .conteudo-pedido .d-dados-prod-pedido .item_excluir i {
    font-size: 20px;
    color: #bbbbbb;
  }
  .conteudo-pedido .d-dados-prod-pedido .d-texto {
    position: relative;
    top: 21px;
  }
  .conteudo-pedido .d-dados-prod-pedido .nome_prod_mobi{
    padding-bottom: 11px;
    padding-left: 0;
    padding-right: 0;
  }
  @media (max-width: 991px) {
    .conteudo-pedido .d-dados-prod-pedido {
      padding-top: 20px;
      border-top: 1px solid #c4c4c4;
    }
  }
  .d-botoes {
    margin-top: 29px;
    padding: 40px;
    background: #f5f5f5;
  }
  .d-botoes .btn-continuar {
    max-width: 250px;
    width: 100%;
    display: block;
    padding: 8px 15px;
    border: 2px solid #adadad;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: #adadad;
    color: #FFF;
  }
  @media (max-width: 991px) {
     .d-botoes .btn-continuar {
      max-width: 100%;
      margin-bottom: 25px;
    }
  }
  .d-botoes .bt-finalizar {
    text-align: right;
  }
  .d-botoes .bt-finalizar a {
    max-width: 250px;
    width: 100%;
    display: block;
    padding: 8px 15px;
    border: 2px solid #f2c028;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    float: right;
    color: #fff;
    background: #f2c028;
  }
  @media (max-width: 991px) {
    .d-botoes .bt-finalizar {
      text-align: center;
    }
    .d-botoes .bt-finalizar a {
      max-width: 100%;
      float: none;
      margin: 0 auto;
    }
  }
  .d-botoes-2.d-left {
    text-align: left;
  }
  .d-botoes-2 {
    text-align: right;
  }
  @media (max-width: 991px) {
    .d-botoes-2,.d-botoes-2.d-left {
      text-align: center;
    }
  }
  .container-finalizar {
    padding-bottom: 80px;
  }
  .container-finalizar .d-input {
    float: left;
  }
  @media (max-width: 991px) {
    .container-finalizar .d-input {
      float: none;
    }
  }
  .container-finalizar .span-title {
    font-weight: 700;
    font-size: 24px;
    color: #666666;
    display: inline-block;
    margin-bottom: 10px;
  }
  .container-finalizar .span-subtitle {
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    display: inline-block;
    margin-bottom: 10px;
  }
  .container-finalizar .form-control {
    width: 479px;
    border: 2px solid #f2c028;
  }
  @media (max-width: 991px) {
    .container-finalizar .form-control {
      width: 100%;
    }
  }
  .container-finalizar textarea {
    resize: none;
  }
  .container-finalizar .d-btn {
    float: right;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 265px;
  }
  @media (max-width: 991px) {
    .container-finalizar .d-btn {
      width: 100%;
      float: initial;
      position: relative;
      bottom: 0;
    }
  }
  .container-finalizar .btn {
    width: 100%;
    max-width: 265px;
    height: 50px;
    background: #f2c028;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border: 2px solid #f2c028;
    font-size: 20px;
    color: #FFF;
    font-weight: 700;
    float: right;
    margin-right: 40px;
  }
  .container-finalizar .btn:focus {
    outline: none;
  }
  @media (max-width: 991px) {
    .container-finalizar .btn {
      max-width: 100%;
      float: none;
      background: #FFF;
      color: #000;
      margin-right: 0px;
    }
  }
  .divi-btn {
    float: right;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 265px;
    margin-bottom: 0 !important;
  }
  @media (max-width: 991px) {
    .divi-btn {
      position: relative;
      bottom: auto;
      width: 100%;
    }
  }
  .login-rapido {
    background: #f5f5f5;
    padding: 40px;
  }
  @media (max-width: 991px) {
    .login-rapido .form-group {
      width: 100%;
    }
  }
  @media (max-width: 991px) {
    .login-rapido .f-left float:left {
      float: none;
    }
  }
  .item-exclui-mobi {
    position: absolute;
    right: 0px;
    top: -30px;
  }
  .faixa-especial {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 45px;
  }
  .faixa-especial .caixa {
    text-align: center;
  }
  .faixa-especial .caixa .content {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f2f2f2;
    padding: 30px 15px;
  }
  .faixa-especial .caixa .icone-1 {
    width: 51px;
    height: 36px;
    background-image: url('../../../img/assets/sprite.png');
    background-position: -156px 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
  }
  .faixa-especial .caixa .icone-2 {
    width: 46px;
    height: 43px;
    background-image: url('../../../img/assets/sprite.png');
    background-position: -208px 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
  }
  .faixa-especial .caixa .icone-3 {
    width: 50px;
    height: 37px;
    background-image: url('../../../img/assets/sprite.png');
    background-position: -257px 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
  }
  .faixa-especial .caixa .icone-4 {
    width: 40px;
    height: 39px;
    background-image: url('../../../img/assets/sprite.png');
    background-position: -309px 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
  }
  .faixa-especial .caixa .d-texto {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
  }
  .faixa-especial .caixa .d-texto span {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #484848;
  }
  
  
  .container-login-rapido {
    /*width: 71%;*/
    padding: 15px;
    position: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 125px;
    z-index: 9999;
    display: none;
  }
  .container-login-rapido .conteudo{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #f5f5f5;
  }
  .container-login-rapido .top-login-rapido {
    padding-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
  }
  .container-login-rapido .top-login-rapido li {
    display: inline-block;
    /*width: 49%;*/
  }
  .container-login-rapido .top-login-rapido li span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #666;
    font-size: 27px;
  }
  .container-login-rapido .top-login-rapido li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 12px;
  }
  .container-login-rapido .top-login-rapido li a:hover {
    color: #f2c028;
  }
  @media (max-width: 991px) {
    .container-login-rapido .top-login-rapido li span {
      font-size: 20px;
    }
    .container-login-rapido .top-login-rapido li a {
      font-size: 12px;
    }
  }
  .container-login-rapido .d-form {
    background-color:#f5f5f5;
    margin-top: 31px;
  }
  .container-login-rapido .d-form .form-group {
    margin-bottom: 32px;
  }
  @media(max-width:991px){
    .container-login-rapido .d-form .form-group {
      width: 100%;
    } 
  }
  
  .container-login-rapido .d-form .form-group label {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #3a3a3a;
  }
  .container-login-rapido .d-form .form-group .form-control {
  border:2px solid #f2c028;
  width:70%;
  height: 47px;
  padding-left: 25px;
  border-radius:40px;
  /*width:450px;*/
  }
  @media(max-width:991px){
    .container-login-rapido .d-form .form-group .form-control {
      width: 100%;
    }
  }
  .container-login-rapido  textarea {
    border:2px solid #f2c028;
    border-radius:13px;
    padding: 5px;
    width: 100%;
    height: 155px;
  }
  
  .container-login-rapido .d-form .form-group .form-control_obs {
    border:2px solid #f2c028;
    height: 50px;
    border-radius:40px;
    }
  
  .container-login-rapido .div-botao-finaliza{
    position: absolute;
    bottom: 28px;
    right:15px;
  }
  
  .container-login-rapido .div-botao-finaliza .btn-enviar {
    background-color: #f2c028;
    color: #FFFFFF;
    width: 240px;
    height: 45px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    float: right;
    border-radius: 40px;
  }
  @media(max-width:991px){
    .container-login-rapido .div-botao-finaliza{
      position: relative;
      bottom:0;
      right:0;
    }
    .container-login-rapido .div-botao-finaliza .btn-enviar {
      margin:0 auto;
      float:none;
    }
  }
  /** *** PRODUTOS CARRINHO *** */
  .my-table{
    display: table;
    width: 100%;
  }
  .my-table > ul{
    display: table-row;
  }
  .titulo-listagem, .produto-carrinho{
    border-bottom: 1px solid #D6D6D6;
  }
  .produto-carrinho{position:relative;}
  .my-table > ul > li{
    display: table-cell;
    padding: 20px 0;
  }
  .my-table > ul > li:nth-child(1){width: calc(100% * .15);}
  .my-table > ul > li:nth-child(2){width: calc(100% * .28);}
  .my-table > ul > li:nth-child(3){width: calc(100% * .17);}
  .my-table > ul > li:nth-child(4){width: calc(100% * .18);}
  .my-table > ul > li:nth-child(5){width: calc(100% * .14);}
  .my-table > ul > li:nth-child(6){width: calc(100% * .8);}
  
  .my-table.produto-carrinho > ul > li:nth-child(1) span{font-size: .7em;}
  .my-table.produto-carrinho > ul > li:nth-child(1) img{width:88px;}
  .my-table.produto-carrinho > ul > li{vertical-align: middle;}
  
  .my-table.produto-carrinho > ul > li > table{width: 100%;}
  
  .car-inputs{
    height: 37px;
    line-height: 37px;
    width: 100%;
    max-width: 80%;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    display: block;
    margin-bottom: 5px;
    padding-left:6px;
  }
  .car-inputs.car-inputs-full{
    max-width: 100%;
  }
  .item_excluir{
    font-size:2em;
  }
  .banner-sobre{
    padding-top: 345px !important;
    padding-bottom: 345px !important;
    text-align: center;
  }
  .video-frame-ajws{
      width: 62%; height: 482px; cursor: pointer;
  }
  @media(max-width:991px){
    .carrinho-lista-produtos{
      background: #F5F5F5;
    }
    .my-table, .my-table > ul{
      display: block;
    }
    .my-table > ul > li{display: contents;padding-top:6px;}
    .titulo-listagem{display: none;}
    .produto-carrinho{
      padding-top: 20px;
      margin-bottom: 24px;
      background: #FFF;
      padding-bottom: 16px;
      border-top: 1px solid #D6D6D6;
    }
    .my-table > ul > li:nth-child(1),.my-table > ul > li:nth-child(2){
      float: left;
    }
    .item_excluir{
      /* position: absolute; */
      top:6px;
      right: 16%;
    }
    .item_excluir i{
      color: #FF5252;
    }
    .img-referencia li:nth-child(2){
      padding-bottom: 20px;
    }
  
    .car-titulos{
      width: 40%;
      text-align: right;
      padding-right: 10px;
      vertical-align: middle;
    }
    .car-titulos.v-top{
      vertical-align: top;
    }
  
    .d-botoes-2{
      padding-bottom: 10px;
    }
    .d-botoes-2 .botao-padrao{
      width: 100%;
    }
  
    .div-botao-finaliza .text-right{
      text-align: center;
      margin-bottom: 5px;
    }
    .container-login-rapido .conteudo{
      padding: 15px 10px 15px 10px;
    }
    .hero-image {
      padding-top: 168px;
      padding-bottom: 46px;
      text-align: center;
    }
    .video-frame-ajws{
        width: 100%; height: 257px; cursor: pointer;
    }
  }
  
  .div-botao-finaliza .text-right .botao-padrao{
    width: 100%;
  }
  
  .car-descri-preco .preco{
    padding-top: 7px;
  }
  .car-descri-preco .preco small{display: none;}
  .car-descri-preco .preco h5{font-size: 1.2em;}
  /** * ***** **** */

.article-message{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 999;
}
.article-message .alert{
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: #f0f0f0; Cor de fundo para visualização */
    padding: 20px; /* Margem interna */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra opcional */
}
.whats-flutuante{
  position: fixed;
  bottom: 78px;
  right: 8px;
  z-index: 999;
}
/**COOKIES*/
.cookie-div {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 35px 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9999;
}

.cookie-div span,
span a {
  font-size: 14px;
  color: #FFF;
}

.cookie-div span a:hover {
  color: #FFF;
}