.dropdown-menu {
    margin-top: 0;
}
.esconder{
    display: none!important;
    
}

.aparecer{    
    display: block!important; 
}

.alinhar-centro{
    text-align: center!important;
}
.alinhar-direita{
    text-align: right!important;
}
.alinhar-esquerda{
    text-align: left!important;
}

/* corpo de anuncios dos produtps */
.corpo-anuncio-itens{
    background: #EBEBEB!important;
    padding: 10px 0px!important;
}
/*banner */
.banner{
    background: #343A40;
    height: 270px ;

}
.img-slide{
    width: 100%;
    max-height: 270px ;
}
.valor{
    padding: 10px 10px 0px 10px ; 
    margin-bottom: 0px!important;
  }  

.condicao{
    padding-left: 10px;
    font-size: .8em;
}
.moeda-prod{
    font-weight: bold;
    font-size: 24px;
}
.valor-prod{
    font-weight: bold;
    font-size: 24px;
}
.valor-prod-cent{
    font-size: 1.0em;

}
.descri-pord{
    padding-left: 10px;
    padding-right: 10px;
    color: #6F5A55!important ; 
}
.lbl-descri{
    margin-top: 10px!important;
    font-size: .9em!important;
    line-height: 1.0!important;
}
.img-thumbnail{
    border: 0px!important
    
}
.img-produto{
    max-height: 250px!important;
    width: 100% ;
}


/*estilos do icone do menu */
.navbar-dark .navbar-toggler{
    transition: 0.4s;
    color: rgba(172, 46, 46, 0.3)!important;
    border-color: rgba(255,255,255,.3)!important; 
}
.navbar-dark .navbar-toggler:hover{
    transition: 0.4s;
    border-color: rgba(255,255,255,.8)!important; 
}
/* cor dos itens da lista do menu */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.6)!important;
}
.navbar-dark .navbar-nav .nav-link:hover{
    color: rgba(255,255,255,.9)!important;
}
/*scrool top */
.btn-top{
    z-index: 1000;
    background:rgba(132,132,132, 0.1);
    position: fixed;
    padding: 5px;
    border: none!important;
    bottom: 70px;
    right: 20px;    
    border-radius: 5px;
    display: none;
}

.btn-top:hover{
    transition: 1s;    
    background:rgba(132,132,132, 0.6);
    
}
/*estilo do dropdown */

.dropdown-menu > li a{
    color: black;
}
.dropdown-menu > li a:hover, .dropdown-menu > li.show {
    background: #e3e3e3 ;
    color: black;
}

/*fim estilo dropdown*/
@media (min-width: 768px) {
    .drop-item{
        width: 70vw!important;
    }
    
}

.add-carrinho{
    border: 1px solid #eee ; 
    padding: 5px;
    border-radius: 8px;
    color: #646464!important;
}
.add-carrinho:hover{
    transition: 0.2s;
    border: 1px solid #1B8F10 ; 
    -webkit-box-shadow: 3px 3px 5px 1px rgba(163,163,163,1);
    -moz-box-shadow: 3px 3px 5px 1px rgba(163,163,163,1);
    box-shadow: 3px 3px 5px 1px rgba(163,163,163,1);

}
.img-add-carrinho{
    width: 23px!important;
    height: 23px!important;
}
.img-logo{
    width: 200px!important;
    height: 58px!important;
}

.navbar-bg-color  >a{
    color: #fff!important;
}
.n2{
    color: #fff!important;
}

/*estilo sliders */
/**********************************************************GENERAL***************************************************************************/

/*  add style to current page by body ID and Nav ID
----------------------------------------  */
#range-slider {
    max-width: 100%;
    
    padding : 5px 30px ;
   
}


#slider-range { background-color: #D4D4D4; }

.ui-slider-horizontal .ui-slider-range { background-color: #6798BD; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-active, .ui-widget-content .ui-state-active, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { 
  background: #fff!important;
  border: 1px solid #cccccc!important;
}

.ui-slider .ui-slider-handle {
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
  border-radius: 50%;
  height:20px;
  width:20px;
}

#amount { 
  font-size: 1.4em; 
  font-weight: 300;
  line-height: 1.6875em;
  color:#6798BD; 
  text-align:center;
  width:100%;
  margin-top: 20px;
}

.div-lbl-local{
    position: relative;
    border-bottom: 1px solid #bfbfbf;
    float: left;
    
}
.div-filtros{
    float: left!important;
}
.div-local-link{
    float: left!important;
}



/*fim sliders */
.corpo-filtro-drop{
    width: 300px;
    height: auto;
    position: absolute;
    z-index: 1001;
    top: 38px;
    left: 45px;
    background: green;
    padding: 12px;
    background: #b0ab98;;
    border: 1px solid #b0ab98;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    animation: dropY 0.2s linear;
    transform-origin: top;
}

.btn-filtro{
    width: 300px;
}
body{
    overflow-x: hidden!important;
}

/*aba do cadastre-se quando o cliente nao ve os valores dos produtos */
.cadastre-se{
    background: #403838;
    padding: 1rem;

}

.cadastre-se-guerra{
    background: #E07833;
    padding: 1rem;

}

.lbl-cadastre-se{
    color: #fff;
    font-size: 1rem;
}
.lbl-cadastre-se2{
    animation-delay: 1s;
}
.btn-cad{
    animation-delay: 1.8s;
    background: #343E68!important;
    color: #fff !important;
   

}
/*fim da aba de animacoes*/
/*lista de destaque de produtos */
.div_prd_destaque {
    background: #EBEBEB !important;
}
.div_prd_destaque_lanchonete{
    background: #fff !important;
}
.lbl-destaquue{
    font-size: 1.7rem;
    color: #666 ; 
    animation: slideX 0.2s linear;
    transform-origin: left;
}
.lbl-destaque-div{
    border-bottom: 1px solid #b3b1b1;
}

/*area de estilos para pizzaria e lanchonetes*/

.row-pizzaria{
    border-bottom: 1px solid #cecdcd;
}
.lanc-titulo{
    font-weight: 600!important;
    color: #174f60!important;
    font-size: 1.05rem!important;
}
.row-desc{
    margin-top: -6px!important;
    margin-bottom: 5px;
}
.lanc-desc{
    font-size: 0.8rem;
    color: #555;
}
.lanc-valor-div{
    width: 10%;
}
.lanc-valor{
    font-family: 'Raleway', sans-serif;
    font-size: 1.1rem;
    color: #1e7f8e;
    font-weight: 600;
}

.lbl-titulo-grupo-pizzaria{
    font-weight: 600;
    color: #174f60;
    font-size: 2rem;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: underline;
}
.icon-add-p{
    color: #2ebb19!important;
}
.marg-pizza{
    margin-bottom: -30px!important;
}
/*FIM DA area de estilos para pizzaria e lanchonetes*/


/* footer*/

#myFooter {
    background-color: #3c3d41;
    color: white;
    padding-top: 30px;
    animation: dropY 0.2s linear;
    transform-origin: bottom;
}

#myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}


#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
    margin: 10px;
    color: #ccc;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

/*ver para poder escolher as cores */
#myFooter h5 {
    font-size: 18px;
    color: #F39300;
    font-weight: bold;
    margin-top: 10px;
}

#myFooter h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#myFooter a {
    color: #d2d1d1;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: white;
}

#myFooter .social-networks {
    padding-top: 13px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .whatsapp:hover {
    color: #06d755;
}
#myFooter .instagram:hover {
    color: #ff3477;
}

#myFooter .linkedin:hover {
    color: #00aced;
}


@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }
}


/* CSS utilizado para posicionar o rodapé no final da página. */
/* Você pode remover isso. */


.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:92%;
    width:92%;
    position:absolute;
    border-radius: 15px;
}

.footer-copyright-sr{
    font-size: 18px;
    color: #ccc;
    margin-top: 30px;
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}
/*.div-media-entrega{

}*/

.media-entrega article{
    padding: 0.3rem;
}
.temp-m-entrega{
    font-size: 1rem!important;
    color: #2b2929 !important;
    font-weight: 500!important;
}

/*FOOTER*/
.txt-font{
    font-size: 1rem;
}
.lbl-card{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 0px;
    margin-top: 10px;
}
.anima-prod{
    animation: dropY 0.2s linear;
    transform-origin: top;
}

/*lista de animações*/
@keyframes dropY {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}
}
@keyframes slideX {
    0%{transform: scaleX(0);}
    100%{transform: scaleX(1);}  
}

#loja_fechada{
    background: #000;
    font-size: 1.4rem;
    color: #fff;
    padding: 7px;
    text-align: center;
}
#div_ambiente{
    background: #111;
    padding-top: 20px;
    padding-bottom: 11px;
}
.lbl-ambiente{
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}