/** configuração inicial geral do estilo **/

html { height: 100%; }

body { position: relative; height: 100%; width: 100%; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #fff; font-size: 10px; color: #000; }

button { font-family: 'Lato', sans-serif; font-weight: 400; }

input, textarea { font-family: 'Lato', sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 700; }

::selection { 
    background : rgba(213, 192, 107, .8); color: #fff; 
} 
::-moz-selection { background: rgba(213, 192, 107, .8); 
    color: #fff; 
}

.corpo { position: relative; width: 1200px; height: 100%; margin: 0 auto; min-height: 100%; }
.hide{ display: none; }
.show{ display: block; }


/**********************************************************
**                                                       **
**             BANNER E FILTRO SECTION INICIAL           **
**                                                       **
**********************************************************/

.back-delivery{ position: relative; width: 100%; height: 100vh; background: url(/assets/img/home/back-delivery.jpg) center no-repeat; background-size: cover; }
.pano-back-delivery{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 10; }

@media (max-width: 1366px) {

    .back-delivery{ background: url(/assets/img/home/back-delivery-desk.jpg) center no-repeat; background-size: cover; }

}
@media (max-width: 992px) {

    .back-delivery{ background: url(/assets/img/home/back-delivery-desk.jpg) center no-repeat; background-size: cover; }

}

@media (max-width: 768px) {

    .back-delivery{ position: relative; width: 100%; height: 670px; background: url(/assets/img/home/back-delivery-mob.jpg) center no-repeat; background-size: cover; }

}

/**********************************************************
**                                                       **
**                         HEADER                        **
**                                                       **
**********************************************************/

.sec-cabecalho{ position: absolute; z-index: 11; width: 100%; border-bottom: 1px solid #d5c06b; }
.engloba-cabecalho{ position: relative; width: 90%; margin: 0 auto; padding: 40px 0; }
.logo{ position: relative; }
.logo svg{ position: relative; width: 250px; fill: #fff; z-index: 10; float: left; }
.logo h1{ color: #fff; float: left; font-size: 24px; margin-left: 12px; margin-top: 19px; font-weight: 400; }
.cabecalho-cadastro{ position: relative; margin-top: 10px; }
.cabecalho-cadastro h3{ font-size: 18px; color: #fff; font-weight: 400; line-height: 30px; }
.cabecalho-cadastro h3 span{ font-weight: 700; font-size: 20px; margin-right: 25px; }
.cabecalho-cadastro i{ color: #fff; font-size: 30px; cursor: pointer; }
.cabecalho-cadastro p{ font-size: 24px; color: #fff; font-weight: 400; display: inline; }
.cabecalho-cadastro a{ font-size: 30px; font-weight: 700; color: #d5c06b; display: inline; }
.cabecalho-cadastro a:hover{ color: #fff; }
.engloba-usuario{ position: relative; width: 100%; height: 100%; cursor: pointer; }
.lista-menu-user{ position: absolute; top: 35px; z-index: 15; right: 3px; width: 100%; box-shadow: 5px 5px 5px rgba(0,0,0,.5); background-color: #fff; padding: 30px 12px; border-radius: 2px; }
.lista-menu-user li a{ font-size: 16px !important; color: #000; margin: 0 auto; display: table; line-height: 45px; }
.lista-menu-user li a:hover{ color: #000; font-size: 17px !important; }
.lista-menu-user i{ position: absolute; z-index: 10; color: #fff; font-size: 25px; right: 5px; top: -7px; }
.hoverable { cursor:pointer; color:#000;  text-decoration:none; }
.hoverable .hover { display: none; }
.hoverable:hover .hover { display: block; }

 
@media (max-width: 1366px) {

    .engloba-cabecalho{ padding: 30px 0; }
    .logo svg{ width: 220px; }
    .logo h1{ font-size: 20px; margin-left: 10px; margin-top: 14px; }
    .cabecalho-cadastro{ margin-top: 5px; }
    .cabecalho-cadastro p{ font-size: 20px; }
    .cabecalho-cadastro a{ font-size: 25px; }

}
@media (max-width: 992px) {

    .engloba-cabecalho{ width: 95%; }
    .logo svg{ width: 190px; }
    .logo h1{ font-size: 18px; margin-left: 7px; margin-top: 10px; }
    .cabecalho-cadastro{ margin-top: 5px; }
    .cabecalho-cadastro p{ font-size: 18px; }
    .cabecalho-cadastro a{ font-size: 22px; }

}
@media (max-width: 768px) {
    .logo{ width: 279px; margin: 0 auto; display: table; float: none; }
    .logo svg { width: 150px; margin-top: 0px; margin: 0 auto; display: table; }
    .logo h1 { font-size: 16px; margin-left: 7px; line-height: 30px; margin-top: 3px; }
    .cabecalho-cadastro p { font-size: 16px; }
    .cabecalho-cadastro a { font-size: 16px; color: #000; }
    .button-entrar-home{ display: block !important; width: 280px; margin: 0 auto; padding: 17px 0; text-align: center; background-color: rgba(213, 192, 107, 1); }
    .cabecalho-cadastro { width: 100%; display: table; margin: 0 auto; float: none; margin-top: 10px; }
    .cabecalho-cadastro a:hover{ color: #000; }
    .sec-cabecalho{ border-bottom: none; }
    .engloba-usuario{ width: 182px; margin: 0 auto; }

}
@media (max-width: 375px) {
    .logo svg{ width: 135px; }
    .logo h1 { margin-left: 7px; margin-top: 0px; }
}

/**********************************************************
**                                                       **
**               SECTION FORM PEDIDO                     **
**                                                       **
**********************************************************/

.sec-form-pedido{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.engloba-form-pedido{ position: absolute; width: 100%; top: 57%; transform: translate( 0%, -55%); z-index: 11; text-align: center; }
.engloba-form-pedido h2{ font-size: 40px; line-height: 50px; font-weight: 700; color: #fff; }
.engloba-form-pedido h3{ font-size: 40px; line-height: 50px; font-weight: 400; color: #fff; }
.form-pedido{ position: relative; width: 870px; height: 100%; margin: 0 auto; margin-top: 20px; }
.engloba-campos-form{ position: relative; height: 70px; border: 1px solid #d5c06b; }
.cep-form-pedido{ position: relative; width: 75%; background-color: rgba(0,0,0, .6); height: 100%; padding-left: 20px; font-size: 18px; font-weight: 400; color: #fff; }
.cep-form-pedido::placeholder{ font-size: 18px; color: #fff; }
.busca-form-pedido{ position: relative; width: 25%; height: 100%; cursor: pointer; background-color: rgba(213, 192, 107, .7); font-size: 18px; font-weight: 700; color: #000; }
.busca-form-pedido:hover{ background-color: rgba(213, 192, 107, 1); }
.pesquise-cep{ position: relative; width: 300px; font-size: 18px; margin: 0 auto; margin-top: 20px; }
.pesquise-cep i{ color: #d5c06b; margin-right: 5px; }
.pesquise-cep p:nth-child(2){ color: #fff; margin-right: 5px; font-weight: 400; margin-top: 2px; }
.pesquise-cep a:nth-child(3){ color: #fff; font-weight: 700; color: #fff; margin-top: 2px; }
.pesquise-cep a:hover{ color: #d5c06b; }
.input-error { border: 1px solid #af110f !important; }

@media (max-width: 1366px) {

    .engloba-form-pedido h2{ font-size: 36px; line-height: 45px; }
    .engloba-form-pedido h3{ font-size: 36px; line-height: 45px; }

}
@media (max-width: 992px) {

    .engloba-form-pedido h2{ font-size: 32px; line-height: 40px; }
    .engloba-form-pedido h3{ font-size: 32px; line-height: 40px; }
    .form-pedido{ width: 100%; }
    .engloba-campos-form{ height: 65px; }
    .pesquise-cep{ font-size: 17px; }
    .pesquise-cep i{ margin-right: 5px; }
    .pesquise-cep p:nth-child(2){ margin-right: 2px; margin-top: 3px; }
    .pesquise-cep p:nth-child(2){ margin-top: 3px; }

}
@media (max-width: 768px) {

    .engloba-form-pedido h2, .engloba-form-pedido h3 { font-size: 23px; line-height: 28px; }
    .engloba-campos-form { height: 50px; }
    .busca-form-pedido{ font-size: 16px; width: 100%; margin: 15px 0; border: 1px solid #d5c06b; }
    .cep-form-pedido{ font-size: 16px; width: 100%; float: none; }
    .cep-form-pedido::placeholder{ font-size: 16px; }
    .form-pedido, .pesquise-cep { margin-top: 10px; }
    .erro{ margin-top: 20px !important; }
    .erro2{ margin-top: 20px !important; }
    .success{ margin-top: 75px !important; }
    .busca-form-pedido{ background-color: rgba(213, 192, 107, 1); }

}
@media (max-width: 480px) {
    
    .cep-form-pedido{ font-size: 14px; }
    .cep-form-pedido::placeholder{ font-size: 14px; }

}

/*******************************************************
**                                                    **
**             SECTION SOBRE DELIVERY                 **
**                                                    **
*******************************************************/

.sec-sobre-delivery{ position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 100px 0; z-index: 11; }
.sobre-delivery-left{ position: relative; width: 45%; height: 100%; margin: 0 auto; margin-top: 30px; }
.sobre-delivery-left h2{ color: #000; font-weight: 700; font-size: 30px; }
.border-delivery{ width: 100px; height: 5px; background-color: #d5c06b; margin-top: 15px; }
.sobre-delivery-right{ position: relative; width: 55%; font-size: 18px; font-weight: 400; line-height: 30px; text-align: justify; }

@media (max-width: 1366px) {

    .sec-sobre-delivery{ padding: 70px 0; }
    .sobre-delivery-left h2{ font-size: 26px; }

}
@media (max-width: 1060px) {

    .sobre-delivery-left h2{ font-size: 22px; }

}
@media (max-width: 930px) {

    .sobre-delivery-left h2{ font-size: 20px; }
    .sobre-delivery-right{ font-size: 16px; }

}
@media (max-width: 768px) {

    .sec-sobre-delivery{ padding: 10px 0 0 0; }
    .sobre-delivery-left{ width: 260px; float: none; margin: 0 auto; display: table; margin-top: 20px; }
    .sobre-delivery-right{ width: 100%; float: none; margin-top: 30px; }
    .sobre-delivery-left h2{ font-size: 18px; }
    .sobre-delivery-left .border-delivery{ margin: 0 auto; display: table; margin-top: 20px; }

}

/*******************************************************
**                                                    **
**           SECTION SOBRE CARDÁPIO DELIVERY          **
**                                                    **
*******************************************************/

.sec-cardapio-delivery{ position: relative; z-index: 11; width: 100%; height: 554px; background: url(/assets/img/home/back-sobre-delivery.jpg) center no-repeat; }
.titulo-delivery{ font-size: 30px; padding-left: 80px; margin-top: 60px; font-weight: 700; color: #000; }
.engloba-cardapio-delivery { position: relative; width: 50%; }
.texto-delivery-cardapio{ position: relative; width: 100%; height: 100%; background-color: #d5c06b; padding: 50px; margin-top: 30px; }
.texto-delivery-cardapio p { font-size: 18px; color: #000; line-height: 30px; font-weight: 400; }
.texto-delivery-cardapio p:first-child { margin-bottom: 30px; }
.texto-delivery-cardapio p a{ display: inline !important; font-size: 18px; color: #000; font-weight: 700; }

@media (max-width: 1366px) {

    .sec-cardapio-delivery{ position: relative; width: 100%; height: 560px; background: url(/assets/img/home/back-sobre-delivery-desk.jpg) left top no-repeat; }
    .titulo-delivery{ padding-left: 200px; }
    .texto-delivery-cardapio{ margin-left: 50px; }
    .titulo-delivery{ font-size: 26px; }

}
@media (max-width: 1330px) {

    .titulo-delivery{ padding-left: 170px; }
    .texto-delivery-cardapio{ margin-left: 0px; }

}
@media (max-width: 1250px) {

    .sec-cardapio-delivery{ height: 100%; background: none; }
    .titulo-delivery{ padding-left: 170px; }
    .texto-delivery-cardapio{ margin-left: 0px; }
    .engloba-cardapio-delivery2{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
    .engloba-cardapio-delivery2 img{ position: relative; width: 90%; height: auto; margin: 0 auto; }
    .texto-delivery-cardapio2{ position: relative; width: 80%; margin: 0 auto; top: -150px; background-color: #d5c06b; padding: 50px; margin-top: 30px; }
    .texto-delivery-cardapio2 p { font-size: 18px; color: #000; line-height: 30px; font-weight: 400; }
    .texto-margin { margin-bottom: 25px; }
    .texto-delivery-cardapio2 p a{ display: inline !important; font-size: 18px; color: #000; font-weight: 700; }
    .titulo-delivery2{ font-size: 25px; font-weight: 700; color: #000; margin: 0 auto; display: table; margin-bottom: 30px; }
    .titulo-delivery2 .border-delivery{ background-color: #000 !important; display: table; margin: 0 auto; margin-top: 20px; }

}
@media (max-width: 1060px) {

    .texto-delivery-cardapio2{ padding: 40px; }
    .titulo-delivery2{ font-size: 22px; }

}
@media (max-width: 930px) {

    .texto-delivery-cardapio2{ padding: 30px 15px; }
    .titulo-delivery2{ font-size: 20px; }
    .texto-delivery-cardapio2 p{ font-size: 16px; }
    
}
@media (max-width: 768px) {

    .engloba-cardapio-delivery2 img{ display: none; }
    .texto-delivery-cardapio2{ width: 100%; top: 0; }
    .texto-delivery-cardapio2{ background-color: #fff; text-align: center; }
    .titulo-delivery2{ font-size: 18px; }
    .titulo-delivery2 .border-delivery{ background-color: #d5c06b !important; }

}


/*******************************************************
**                                                    **
**           SECTION APLICATIVO MADERO                **
**                                                    **
*******************************************************/

.sec-aplicativo-madero{ position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 100px 0 0 0; }
.engloba-aplicativo-madero{ position: relative; width: 100%; height: 100%; background-color: #f2f2f2; }
.aplicativo-madero{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-top: 60px; margin-bottom: 60px; }
.aplicativo-madero h2{ color: #000; font-weight: 700; font-size: 30px; }
.style-delivery-text{ width: 60%; font-size: 18px; color: #000; line-height: 30px; font-weight: 400; margin-top: 30px; }
.style-delivery-text a{ display: inline !important; font-size: 18px; color: #000; font-weight: 700; }
.logo-apps{ margin-top: 30px; }
.margin-logo-erro{ margin-right: 10px; }
.img-iphone{ position: relative; margin-top: -420px; }
.engloba-telefone{ position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; padding-bottom: 40px; }
.engloba-telefone .border-delivery{ margin: 0 auto; }
.engloba-telefone h3{ font-weight: 400; font-size: 18px; margin-bottom: 15px; }
.engloba-telefone a{ font-weight: 700; font-size: 40px; margin: 0 auto; margin-bottom: 15px; color: #000; display: table; }
.engloba-telefone a span{ font-size: 30px; }

@media(max-width: 1250px){

    .sec-aplicativo-madero{ padding: 0; }
    .engloba-aplicativo-madero{ margin-top: -77px; }
    .img-iphone{ margin-top: 0px; }
    .style-delivery-text{ width: 100%; }
    .aplicativo-madero{ margin-top: 125px; }
    .aplicativo-madero h2{ font-size: 26px; text-align: center; }
    .aplicativo-madero .border-delivery{ margin: 0 auto; margin-top: 20px; display: table; }
    .engloba-telefone{ padding: 50px 0; }
    .logo-apps{ width: 350px; display: table; margin: 0 auto; margin-top: 30px; }
    .img-mob-delivery{ width: 300px; padding-top: 25px; }

}
@media (max-width: 1060px){
    .aplicativo-madero h2{ font-size: 22px; }
}
@media (max-width: 930px) {

    .style-delivery-text{ font-size: 16px; }
    .aplicativo-madero h2{ font-size: 20px; }
    .style-delivery-text{ margin-top: 30px; }
    .engloba-telefone h3{ font-size: 16px;}
    .engloba-telefone a{ font-size: 30px; }
    .engloba-telefone a span{ font-size: 20px; }
    
}
@media(max-width: 768px){

    .sec-aplicativo-madero{ padding: 10px 0 0 0; }
    .aplicativo-madero{ width: 100%; }
    .engloba-aplicativo-madero{ margin-top: 0; }
    .style-delivery-text{ text-align: center; }
    .img-mob-delivery{ width: 230px; }
    .aplicativo-madero { margin-top: 50px; }

}
@media(max-width: 615px){

    .img-mob-delivery{ display: none !important; }
    .show-615{ display: block; }
    .img-iphone{ margin: 0 auto; width: 230px; margin-top: 50px; }

}
@media(max-width: 480px){

    .engloba-telefone a{ font-size: 25px; }
    .engloba-telefone a span{ font-size: 18px; }

}
@media(max-width: 380px){

    .logo-apps img{ width: 142px; }
    .logo-apps{ width: 294px; }

}

/*******************************************************
**                                                    **
**           SECTION NOVIDADES MADERO                 **
**                                                    **
*******************************************************/

.sec-novidades-madero{ position: relative; width: 100%; height: 100%; padding: 100px 0; background-color: #2c2c2c; }
.engloba-funcionamento{ position: relative; width: 30%; height: 100%; color: #fff; line-height: 30px; }
.engloba-funcionamento h3{ font-weight: 700; font-size: 18px; }
.engloba-funcionamento p{ font-weight: 400; font-size: 18px; }
.margin-nov{ margin-top: 15px; }
.engloba-cadastro-novidades{ position: relative; width: 70%; height: 100%; }
.engloba-cadastro-novidades h3{ font-weight: 700; font-size: 18px; color: #fff; margin-bottom: 30px; line-height: 30px; }
.form-cadastro{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.engloba-cadastro-novidades .input{ width: 44%; height: 60px; font-weight: 400; font-size: 18px; color: #fff; padding-left: 20px; margin-right: 2%; background-color: transparent; border: 1px solid #d5c06b; }
.engloba-cadastro-novidades input::placeholder{ color: #fff; }
.button-cadastro{ width: 8%; font-size: 18px; height: 60px; color: #000; font-weight: 700; background-color: #d5c06b; border: 1px solid #d5c06b; }
.button-cadastro:hover{ background-color: transparent; color: #fff;  }
.erro { position: relative; padding: 18px; font-size: 20px; background-color: rgba(199, 17, 15, .6); text-align: center; margin-top: 25px; border: 1px solid #c7110f; }
.erro span{ cursor: pointer; color: #fff; }
.erro h4{ font-size: 18px; font-weight: 400; color: #fff; }
.erro2 { position: relative; display: none; padding: 18px; font-size: 20px; background-color: rgba(199, 17, 15, .6); text-align: center; margin-top: 25px; border: 1px solid #c7110f; }
.erro2 span{ cursor: pointer; color: #fff; }
.erro2 h4{ font-size: 18px; font-weight: 400; color: #fff; }
.success { position: relative; padding: 18px; font-size: 20px; background-color: rgba(92, 184, 92, .6 ); text-align: center; margin-top: 25px; border: 1px solid#5cb85c; }
.success span{ cursor: pointer; color: #fff; }
.success h4{ font-size: 18px; font-weight: 400; color: #fff; }
/* .success { position: relative; display: none; padding: 18px; font-size: 20px; background-color: rgba(92, 184, 92, .6 ); text-align: center; margin-top: 25px; border: 1px solid #5cb85c; }
.success span{ cursor: pointer; color: #fff; }
.success h4{ font-size: 18px; font-weight: 400; color: #fff; } */

@media(max-width: 1060px){
    .engloba-funcionamento{ float: none; width: 80%; margin: 0 auto; text-align: center; }
    .engloba-cadastro-novidades{ float: none; width: 80%; margin: 0 auto; text-align: center; }
    .sec-novidades-madero{ padding: 80px 0; }
    .engloba-cadastro-novidades h3{ margin-top: 30px; }
}
@media(max-width: 930px){
    .engloba-funcionamento{ width: 100%; }
    .engloba-cadastro-novidades{ width: 100%; }
    .engloba-funcionamento h3{ font-size: 16px; }
    .engloba-funcionamento p{ font-size: 16px; }
    .button-cadastro{ font-size: 16px; }
    .sec-novidades-madero{ padding: 60px 0; }
}
@media(max-width: 768px){
    .engloba-cadastro-novidades .input{ width: 100%; height: 50px; margin-bottom: 20px; }
    .button-cadastro{ width: 100%; height: 50px; margin: 0 auto; display: table; float: none; }
    .sec-novidades-madero{ padding: 40px 0; }
    .erro, .erro2 .success{ padding: 11px; }
    .erro h4, .erro2 h4 .success h4{ font-size: 14px; margin-top: 5px; }
    .erro span, .erro2 span .success span{ font-size: 15px; padding: 5px; }
}

/*******************************************************
**                                                    **
**                      RODAPE                        **
**                                                    **
*******************************************************/

.rodape{ position: relative; width: 100%; height: 20%; bottom: 0; margin: 0 auto; background-color: #000; border-bottom: 2px solid #d5c06b;  }
.corpo-rodape{ position: relative; width: 93%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.redes-sociais{ width: 110px; display: flex; justify-content: space-between; }
.redes-sociais a{ font-size: 25px; border: 1px solid #d5c06b; color: #000; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #d5c06b;  }
.redes-sociais a:hover{ background-color: #fff; }
.link-rodape{ display: flex; width: 370px; flex-flow: row wrap; justify-content: space-between; }
.link-rodape a{ display: flex; align-items: center; font-size: 16px; color: #d5c06b; font-weight: 700;  }
.link-rodape a:hover{ color: #fff; }
.logo-ffg{ color: #777; display: flex; align-items: center; font-size: 16px; }

@media(max-width: 1350px){

    .corpo-rodape{ width: 95%; }

}
@media(max-width: 1250px){

    .rodape{ padding: 10px 0; }
    .corpo-rodape{ flex-flow: column; }
    .logo-rodape, .redes-sociais, .link-rodape{ margin-bottom: 25px; }

}

@media(max-width: 470px){ 

    .logo-rodape, .link-rodape{ width: 100%; }
    .logo-rodape img{ width: 100%; }
}

@media(max-width: 380px){ 

    .link-rodape a{ font-size: 15px; }

}

/*******************************************************
**                                                    **
**                    POPUP ERRRO                     **
**                                                    **
*******************************************************/

.engloba-erro-endereco{ position: fixed; width: 100%; height: 100%; z-index: 14; }
.erro-endereco{ position: absolute; z-index: 15; width: 600px; height: auto; background-color: #fff; border-radius: 10px; top: 50%; left: 50%; transform: translate( -50%, -50%); }
.filtro-erro-delivery{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 14; }
.erro-buscar{ position: absolute; z-index: 13; left: 96%; top: -7%; width: 50px; height: 50px; text-align: center; border-radius: 50%; background-color: #000; border: 2px solid #fff; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); }
.erro-buscar i{ font-size: 30px !important; color: #fff; line-height: 45px !important; }
.engloba-cont-erro{ position: relative; padding: 30px; text-align: center; }
.engloba-cont-erro h2{ font-weight: 700; font-size: 30px; margin-top: 25px; }
.engloba-cont-erro .border-delivery{ margin: 0 auto; display: table; margin-top: 15px; margin-bottom: 20px; }
.text-erro{ font-size: 18px; font-weight: 400; line-height: 30px; }
.border-erro{ width: 102px;height: 1px; background-color: #aaa; position: relative; top: 16px; }
.engloba-border-erro{ position: relative; width: 250px; display: table; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
.engloba-border-erro p{ margin: 0 10px; }
.engloba-botao-erro{ position: relative; width: 100%; height: 100%; padding: 10px; margin-top: 10px; color: #000; }
.engloba-button-erro{ position: absolute; width: 100%; top: -27px; }
.button-erro{ width: 48%; margin: 0 auto; border: 1px solid #d5c06b; padding: 17px 0; font-size: 16px; font-weight: 700; color: #000; background-color: #fff; }
.button-erro:hover{ background-color: #d5c06b; background-color: #d5c06b; }
.erro-endereco .logo-apps{width: 300px; margin: 0 auto; display: table; margin-top: 20px; }
.erro-endereco .logo-apps a img{ width: 145px; }

@media (max-width: 930px) {

    .text-erro{ font-size: 16px; }

}

@media (max-width: 768px) {

    .erro-endereco{ width: 93%; }
    .engloba-cont-erro h2{ font-size: 20px; margin-top: 0; }
    .engloba-button-erro { width: 100%; top: -22px; right: -16px; }
    .button-erro{ width: 100%; font-size: 14px; }
    .button-erro span{ display: none; }
    .engloba-cont-erro{ padding: 20px; }
    .erro-buscar i { font-size: 26px !important; line-height: 39px !important; }
    .erro-buscar{ position: relative; width: 45px; height: 45px; position: relative; left: 0%; top: 0%; float: right; }
    .erro-endereco .logo-apps{ width: 250px; }
    .erro-endereco .logo-apps a img{ width: 120px; }
}

@media (max-width: 480px){

    .text-erro{ line-height: 20px; }

}

/*******************************************************
**                                                    **
**                    FORM ENDEREÇO                   **
**                                                    **
*******************************************************/

.sec-form-endereco{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.engloba-form-endereco{ position: absolute; width: 100%; top: 71%; transform: translate(0%, -65%); z-index: 11; text-align: center; }
.engloba-form-endereco h2{ font-size: 40px; font-weight: 700; color: #fff; line-height: 40px; }
.form-endereco{ position: relative; width: 870px; height: 100%; margin: 0 auto; margin-top: 20px }
.cada-endereco{ position: relative; width: 100%; height: 100%; margin-bottom: 4%; }
.form-endereco1{ width: 16%; height: 70px; border: 1px solid #d5c06b; background-color: rgba(0,0,0,.5); font-size: 18px; color: rgba(255,255,255,.5); padding-left: 15px; }
.form-endereco5{ width: 16%; height: 70px; border: 1px solid #d5c06b; background-color: rgba(0,0,0,.5); font-size: 18px; color: #fff; padding-left: 15px; }
.form-endereco5::placeholder{ color: #fff !important; }
.margin-right-end{ margin-right: 4%; }
.form-endereco2{ width: 80%; height: 70px; border: 1px solid #d5c06b; background-color: rgba(0,0,0,.5); font-size: 18px; color: rgba(255,255,255,.5); padding-left: 15px; }
.color-num-end{ background-color: #000 !important; }
.form-endereco3{  width: 48%; height: 70px; border: 1px solid #d5c06b; background-color: rgba(0,0,0,.5); font-size: 18px; color: #fff; padding-left: 15px; }
.form-endereco3::placeholder{ color: #fff !important; }
.form-endereco4{  width: 50%; height: 70px; border: 1px solid #d5c06b; background-color: rgba(0,0,0,.5); font-size: 18px; color: rgba(255,255,255,.8); padding-left: 15px; }
.engloba-button-endereco{ width: 48%; }
.button-form-end{ cursor: pointer; width: 45.75%; padding: 25px 0; border: 1px solid #d5c06b; background-color: #d5c06b; font-size: 18px; font-weight: 700; }
.button-form-end:first-child{ margin-right: 8.5%; background-color: transparent; color: #fff; }
.button-form-end:hover{ background-color: rgba(0,0,0,.5); color: #fff; }

@media (max-width: 992px){

    .form-endereco{ width: 100%; }
    .form-endereco1, .form-endereco2, .form-endereco3, .form-endereco4, .form-endereco5{ height: 60px; }
    .button-form-end{ padding: 20px 0; }
    .engloba-form-endereco h2{ font-size: 30px; }

}

@media (max-width: 768px){

    .form-endereco1, .form-endereco2, .form-endereco3, .form-endereco4, .form-endereco5{ width: 100%; height: 50px; float: none; }
    .form-endereco1{ margin-bottom: 20px; }
    .form-endereco3, .form-endereco5{ width: 100%; }
    .form-endereco4{ margin-bottom: 20px; }
    .button-form-end{ padding: 15px 0; }
    .margin-right-end{ margin-right: 0; margin-bottom: 15px; }
    .cada-endereco{ margin-bottom: 15px; }
    .engloba-button-endereco{ width: 100%; }
    .button-form-end{ width: 48% }
    .button-form-end:first-child{ margin-right: 4%; }
    .engloba-form-endereco h2{ font-size: 22px; }
    .button-form-end{ font-size: 16px; }
}


/*******************************************************
**                                                    **
**                   PÁGINA DE LOGIN                  **
**                                                    **
*******************************************************/

.sec-cabecalho-default{ position: relative; width: 100%; height: 100%; background-color: #000; }
.section-login{ position: relative; width: 100%; height: 100%; padding: 50px 0; }
.engloba-cadastrar{ position: relative; width: 50%; height: 100%; padding: 100px 0; }
.engloba-cadastrar h2{ font-weight: 700; font-size: 30px; text-align: center; }
.engloba-cadastrar .border-delivery{ margin: 0 auto; margin-top: 20px; }
.border-erro2{ width: 179px;height: 1px; background-color: #aaa; position: relative; top: 16px; }
.engloba-border-erro2{ position: relative; width: 400px; display: table; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
.engloba-border-erro2 p{ margin: 0 10px; }
.esquece-senha{ text-align: center; font-size: 20px; margin-top: 30px; }
.esquece-senha button{ display: inline; color: #000; font-weight: 700; font-size: 20px; }
.text-erro2{ font-size: 18px; font-weight: 400; line-height: 30px; }
.button-cadastro-email{ width: 400px; border: 1px solid transparent; padding: 30px 0; margin: 0 auto; background-color: #d5c06b; text-align: center; margin-top: 50px; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; }
.button-cadastro-email:hover{ border: 1px solid #d5c06b; background-color: #fff; }
.button-cadastro-face{ width: 400px; border: 1px solid transparent; padding: 16px 0; margin: 0 auto; background-color: #3b5998; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; }
.button-cadastro-face:hover{ border: 1px solid #3b5998; background-color: #fff; color: #3b5998; }
.icon-face{ width: 45px; height: 45px; line-height: 45px; font-size: 24px !important; border: 1px solid transparent; border-radius: 50%; background-color: #fff; color: #3b5998; margin-right: 10px; }
.button-cadastro-face:hover .icon-face{ background-color: #3b5998; color: #fff; }
.engloba-cadastrar .engloba-border-erro2{ padding: 50px 0; }
.engloba-fazer-login{ position: relative; width: 50%; height: 100%; border-left: 1px solid #ccc; padding: 100px 0; }
.engloba-fazer-login h2{ font-weight: 700; font-size: 30px; text-align: center; }
.engloba-fazer-login .border-delivery{ margin: 0 auto; margin-top: 20px; }
.engloba-fazer-login .engloba-border-erro2{ padding: 50px 0; }
.engloba-label-login{ position: relative; width: 400px; margin: 0 auto; margin-top: 35px; }
.engloba-label-login label{ position: relative; width: 100%; font-size: 18px; line-height: 40px; }
.input-login{ position: relative; width: 100%; border: 1px solid #ccc; height: 70px; padding-left: 15px; font-size: 18px; }
.margin-bottom-label-login{ margin-bottom: 25px; }
.button-entrar{ width: 400px; border: 1px solid transparent; padding: 29px 0; margin: 0 auto; background-color: #d5c06b; text-align: center; margin-top: 40px; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; }
.button-entrar:hover{ border: 1px solid #d5c06b; background-color: #fff; }
.button-entrar-face{ width: 400px; border: 1px solid transparent; padding: 16px 0; margin: 0 auto; background-color: #3b5998; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; }
.button-entrar-face:hover{ border: 1px solid #3b5998; background-color: #fff; color: #3b5998; }
.button-entrar-face:hover .icon-face{ background-color: #3b5998; color: #fff; }
.popup-recuperar-senha{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.recuperar-senha{ position: fixed; width: 480px; padding: 50px 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15; background-color: #eee; border-radius: 10px; }
.recuperar-senha h3{ font-size: 20px; text-align: center; margin-bottom: 20px;  }
.button-enviar-recuperacao{ width: 250px; height: 55px; border: 1px solid #d5c06b; background-color: #d5c06b; font-weight: 700; font-size: 16px; margin: 0 auto; margin-top: 20px; }
.button-enviar-recuperacao:hover{ background-color: #eee; }

@media (max-width: 1366px) {

    .engloba-fazer-login, .engloba-cadastrar { padding: 25px 0; }
    .button-cadastro-email, .button-entrar{ padding: 24px 0;}
    .button-cadastro-face, .button-entrar-face{ padding: 14px 0; }
    .icon-face { width: 40px; height: 40px; line-height: 40px; font-size: 20px !important; }
    .section-login{ padding: 30px 0; }
    .engloba-cadastrar h2, .engloba-fazer-login h2{ font-size: 25px; }
    .engloba-cadastrar .engloba-border-erro2 { padding: 30px 0; }
    .engloba-fazer-login .engloba-border-erro2{ padding: 30px 0; }
    .input-login{ height: 60px; }
    .margin-bottom-label-login{ margin-bottom: 15px; }
    .engloba-label-login, .button-cadastro-email{ margin-top: 35px; }

}
@media (max-width: 992px) {

    .engloba-fazer-login{ border-left: none; width: 80%; }
    .engloba-cadastrar{ float: none; margin: 0 auto; width: 80%; }
    .engloba-fazer-login{ float: none; margin: 0 auto; }
    .engloba-button-mob{ width: 90%; height: 70px; margin: 0 auto; margin-top: 25px; }
    .button-cadastrar, .button-logar{ width: 49%; height: 100%; font-size: 18px; font-weight: 700; border: 1px solid #d5c06b; background-color: #fff;  }
    .button-cadastrar{ margin-right: 2%;  }
    .button-login-ativo{ background-color: #d5c06b !important; }
    .button-cadastro-email, .button-entrar{ width: 80%; }
    .button-cadastro-face, .button-entrar-face{ width: 80%; }

}
@media (max-width: 768px) {

    .engloba-fazer-login{ width: 100%; }
    .engloba-cadastrar{ width: 100%; }
    .button-cadastro-email, .button-entrar{ width: 100%; }
    .button-cadastro-face, .button-entrar-face{ width: 100%; }
    .engloba-button-mob{ width: 100%; }
    .engloba-label-login{ width: 100%; }

}
@media (max-width: 550px) {

    .border-erro2{ width: 119px; }
    .engloba-border-erro2{ width: 280px; }
    .button-cadastro-email, .button-entrar, .button-cadastrar, .button-logar, .button-cadastro-face, .button-entrar-face{ font-size: 15px; }
    .recuperar-senha{ width: 280px; }
    .button-enviar-recuperacao{ width: 100%; }

}

/*******************************************************
**                                                    **
**                CADASTRO DELIVERY                   **
**                                                    **
*******************************************************/

.section-cadastro-delivery{ position: relative; width: 100%; height: 100%; padding: 100px 0; }
.engloba-cadastro-delivery h2{ font-size: 30px; color: #000; margin-bottom: 20px; }
.engloba-item-cadastro{ position: relative; width: 100%; height: 100%; padding: 15px 0; }
.engloba-input-cad{ position: relative; height: 60px; margin-left: 2%; }
.engloba-input-cad:first-child{ margin-left: 0% !important; }
.input-cadastro{ height: 100%; width: 100%; font-size: 18px; border: 1px solid #ccc; margin-top: 10px; padding-left: 10px; }
.engloba-input-cad label{ font-size: 18px; display: block; }
.engloba-input-cad label a{ color: #000; font-weight: 700; }
.engloba-input-cad label a:hover{ color: #494949; }
.engloba-input-cad label span{ color: #e8dcb3; margin-right: 5px; }
.titulo-registro{ font-size: 18px; font-weight: 700; margin-top: 25px; }
.margin-top-registro{ margin-top: 15px; }
.largura-input-32{ width: 32%; }
.largura-input-15{ width: 15%; }
.largura-input-49{ width: 49%; }
.largura-input-66{ width: 66%; }
.largura-input-83{ width: 83%; }
.espaco-titulo{ margin-top: 40px; }
.engloba-radio-button{ width: 100%; margin-top: 15px; }
.engloba-input-radio, .engloba-input-troco, .engloba-input-radio-credito{ position: relative; margin-right: 5px; width: 20px; height: 20px; border: 1px solid #ccc; }
.button-radio{ cursor: pointer; position: relative; z-index: 10; width: 20px; height: 20px; opacity: 0; }
.button-registrar{ width: 100%; height: 60px; border: 1px solid #d5c06b ; background-color: #d5c06b; font-size: 18px; text-transform: uppercase; font-weight: 700; }
.button-registrar:hover{ background-color: #fff; }
.select-button-radio{ position: absolute; width: 20px; height: 20px; font-size: 17px; margin-left: 1px; display: none; }
.margin-termos-uso{ margin-left: 15px; }
.error-termo-link{ border: 1px solid #af110f !important; }
.margin-left-none{ margin-left: 0.5% !important; }
.popup-termos-uso{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.termos-uso{ position: fixed; width: 600px; height: 500px;  padding: 50px 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15; background-color: #eee; border-radius: 10px; }
.termos-uso h3{ font-size: 20px; text-align: center; margin-bottom: 20px;  }
.termos-uso{ font-size: 14px; line-height: 20px; }
.conteudo-termos-uso{ width: 100%; height: 100%; padding: 15px; overflow-y: scroll; }
.button-termo-uso{ font-size: 18px; font-weight: 700; color: #000 !important; cursor: pointer; }

@media (max-width: 1366px) {

   .engloba-cadastro-delivery h2{ font-size: 25px; } 

}

@media (max-width: 1000px) {

   .width-termo-uso{ width: 140px; }
   .engloba-input-cad label, .button-termo-uso{ font-size: 16px; }

}

@media(max-width: 992px){
    .termos-uso{ width: 90%; height: 300px; padding: 30px 0; }
}

@media (max-width: 768px) {

    .section-cadastro-delivery{ padding: 60px 0; }
    .engloba-cadastro-delivery h2{ text-align: center; font-size: 20px; }
    .engloba-cadastro-delivery .border-delivery{ margin: 0 auto; }
    .engloba-input-cad{ height: 45px; font-size: 16px; margin-left: 0; float: none !important; }
    .largura-input-32{ width: 100%; margin-bottom: 40px; }
    .largura-input-15{ width: 100%; margin-bottom: 40px; }
    .largura-input-49{ width: 100%; margin-bottom: 40px; }
    .largura-input-66{ width: 100%; margin-bottom: 40px; }
    .largura-input-83{ width: 100%; margin-bottom: 40px; }
    .margin-top-registro{ margin: 0; }
    .engloba-item-cadastro{ padding: 0; }
    .espaco-titulo{ margin: 25px 0; }
    .titulo-registro{ margin: 25px 0; text-align: center; }
    .engloba-radio-button{ margin-top: 38px; }
    .engloba-input-cad label{ font-size: 16px; }
    .input-cadastro{ font-size: 16px; }
    #form-cadastro-delivery .erro{ margin-top: 50px !important; }
    .margin-termos-uso{ margin-bottom: 0px !important; }
}

/*******************************************************
**                                                    **
**                CADASTRO DELIVERY                   **
**                                                    **
*******************************************************/

.section-tipo-entrega{ position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 100px 0; }
.engloba-tipo-entrega{ position: relative; width: 450px; margin: 0 auto; }
.engloba-tipo-entrega h2{ text-align: center; font-size: 30px; font-weight: 700; }
.engloba-tipo-entrega .border-delivery{ margin: 20px auto; }
.button-entregar-agora{ width: 90%; padding: 30px 0; text-align: center; border: 1px solid #d5c06b; background-color: #fff; margin: 50px auto; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; }
.button-entregar-agora:hover{ background-color: #d5c06b; }
.button-agendar-entrega{ width: 90%; padding: 30px 0; text-align: center; border: 1px solid #d5c06b; background-color: #fff; margin: 0 auto; margin-top: 50px; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; }
.button-agendar-entrega:hover{ background-color: #d5c06b; }

@media (max-width: 768px) {

    .section-tipo-entrega{ padding: 50px 0; }
    .engloba-tipo-entrega{ width: 100%; }
    .button-entregar-agora, .button-agendar-entrega { padding: 25px 0; font-size: 16px; }
    .engloba-tipo-entrega h2{ font-size: 20px; }

}

/*******************************************************
**                                                    **
**                CARDAPIO DELIVERY                   **
**                                                    **
*******************************************************/

.section-cardapio{ position: relative; width: 100%; height: 100%; margin-top: 50px; }
.carousel-cardapio{ position: relative; width: 1200px; height: 450px; margin: 0 auto; }
.back-conteudo-cardapio{ position: relative; width: 100%; height: 100%; background-color: #fff; z-index: 10; }
.conteudo-cardapio{ position: relative; width: 100%; height: 100%; padding-top: 50px; margin: 0 auto; }
.conteudo-cardapio h2{ font-size: 30px; text-transform: uppercase; font-weight: 700; }
.conteudo-cardapio .border-delivery{ margin: 20px 0 40px 0; }
.engloba-conteudo-cardapio{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-bottom: 100px; }
.produtos-cardapio{ position: relative; width: 68%; height: 100%; }
.select-produtos{ position: relative; height: 65px; width: 40%; margin-right: 3%; font-size: 18px; border: 1px solid #ccc; padding-left: 15px; }
.pesquisa-cardapio{ position: relative; width: 57%; height: 65px; }
.input-cardapio{ width: 85%; height: 100%; padding-left: 15px; font-size: 18px; border: 1px solid #ccc; border-right: none; }
.input-cardapio::placeholder{ font-size: 18px; color: #000; }
.engloba-pesquisar{ position: relative; width: 100%; height: 100%; margin-bottom: 40px; }
.pesquisa-produto{ width: 15%; height: 100%; background-color: #d5c06b; cursor: pointer; border: 1px solid #ccc; }
.pesquisa-produto:hover{ background-color: #fff; }
.pesquisa-produto i{ margin: auto auto; display: table; font-size: 32px; margin-top: 15px; }
.carrinho-cardapio{ position: sticky; top: 0; width: 32%; height: 100%; }
.engloba-carrinho{ width: 90%; margin-left: 10%; margin-top: 5.5%; }
.itens-carrinho{ border-bottom: 3px solid #d5c06b; padding-bottom: 25px; }
.itens-carrinho h4{ font-weight: 700; font-size: 18px; margin-top: 3px; }
.itens-carrinho i{ margin-right: 8px; }
.itens-carrinho p{ font-size: 18px; margin-top: 3px; }
.icon-carrinho i{ font-size: 100px; margin: 0 auto; display: table; margin-bottom: 15px; color: #ccc; }
.conteudo-pedido-vazio{ width: 100%; height: 100%; background-color: #eee; padding: 70px 0; margin-top: 25px; }
.conteudo-pedido-vazio p{ font-size: 18px; text-align: center; line-height: 25px; }
.conteudo-pedido-vazio span{ display: inline; font-weight: 700; color: #000; }
.cada-item-cardapio{ position: relative; width: 100%; height: 100%; user-select: none; }
.engloba-cada-item{ position: relative; width: 100%; height: 100%; padding: 0 0 25px 0; border-bottom: 2px solid #d5c06b; cursor: pointer; }
.engloba-cada-item h3{ font-size: 18px; margin-top: 18px; }
.icon-cardapio{ margin-right: 30px; }
.seta-cardapio{ font-size: 25px; font-weight: 700; margin-right: 1px; margin-top: 15px; }
.margin-cardapio{ margin-top: 40px; }
.engloba-item-cardapio{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.item-cardapio{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.titulo-item-cardapio{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-top: 60px; }
.titulo-item-cardapio h3{  font-size: 18px; font-weight: 700; }
.titulo-item-cardapio h4{  font-size: 22px; font-weight: 700; text-transform: uppercase; }
.descricao-cardapio{ position: relative; width: 100%; height: 100%; margin: 0 auto; margin-top: 25px; }
.descricao-cardapio p{ font-size: 16px; }
.pedir-produto{ position: relative; width: 100%; height: 100%; margin: 0px auto; padding: 25px 0; border-bottom: 1px solid #ccc; }
.icon-camera{ width: 40px; height: 40px; background-color: #eee; margin-top: 8px; cursor: pointer; }
.icon-camera i{ color: #ccc; margin: 0 auto; display: table; margin-top: 8px; }
.quant-produto{ position: relative; width: 266px; height: 100%; margin: 0 auto; margin-top: 8px; }
.quant-produto span{ font-size: 18px; font-weight: 700; cursor: pointer; padding: 5px; margin-top: 7px; user-select: none; }
.button-pedir{ width: 150px; height: 40px; border: 1px solid #d5c06b; background-color: #d5c06b; text-transform: uppercase; font-size: 16px; font-weight: 700; margin-left: 13px; }
.button-pedir:hover{ background-color: #fff; }
.quant-item-produto{ width: 40px; height: 40px; border: 1px solid #ccc; font-size: 18px; text-align: center; margin: 0 13px; font-weight: 700; }
.quant-item-produto[type='number']::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.quant-item-produto[type='number']{ -moz-appearance: textfield; }
.lista-produtos{ position: relative; width: 100%; height: 100%; padding: 20px 0; border-bottom: 1px solid #ccc; }
.conteudo-pedido-cheio{ width: 100%; height: 100%; background-color: #eee; padding: 20px; margin-top: 25px; }
.quant-produto-cheio{ position: relative; width: 246px; height: 100%; margin: 0 auto; }
.quant-produto-cheio span{ font-size: 18px; font-weight: 700; cursor: pointer; padding: 3px; margin-top: 9px; user-select: none; }
.quant-produto-cheio h4{ width: 140px; font-size: 14px; font-weight: 700; line-height: 15px; margin-top: 5px; margin-left: 11px }
.quant-produto-cheio h4 span{ font-size: 12px; color: #494949; }
.quant-produto-cheio h4 button{ display: inline; font-size: 14px; padding: 3px; color: #494949; text-decoration: underline; font-weight: 700; }
.quant-produto-cheio h4 button:hover{color: #000;}
.conteudo-pedido-cheio h3{ font-size: 14px; font-weight: 700; margin-top: 14px; }
.engloba-subtotal{ padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #ccc; font-size: 16px; }
.engloba-entrega{ padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #ccc; font-size: 16px; }
.engloba-total{ padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 700; }
.engloba-voucher{ position: relative; width: 100%; height: 45px; margin: 0 auto; border: 1px solid #ccc; margin-top: 20px; }
.engloba-voucher input{ width: 83%; height: 100%; font-size: 17px; padding-left: 15px; }
.engloba-voucher button{ width: 17%; height: 100%; font-size: 15px; font-weight: 700; border-left: 1px solid #ccc; }
.engloba-voucher button:hover{ background-color: #fff; }
.erro-voucher { background-color: rgba(199, 17, 15, .6) !important; border: 1px solid #c7110f !important; color: #fff !important; margin-top: 10px;}
.erro-voucher span{ cursor: pointer; margin-top: 11px; margin-right: 10px; }
.erro-voucher h4{ font-size: 16px; font-weight: 400; margin-top: 11px;  margin-bottom: 11px; margin-left: 10px; width: 85% }
.sucesso-voucher { position: relative; color: #000; display: none; height: 45px; font-size: 20px; background-color: #DFF2BF; border: 1px solid #008000; text-align: center; margin-top: 10px; }
.sucesso-voucher span{ cursor: pointer; margin-top: 11px; margin-right: 10px; }
.sucesso-voucher h4{ font-size: 18px; font-weight: 400; margin-top: 11px; margin-left: 10px; }
.button-fechar-pedido{ width: 100%; height: 45px; border: 1px solid #d5c06b; background-color: #d5c06b; margin: 20px 0; font-size: 15px; font-weight: 700; }
.button-fechar-pedido:hover{ background-color: #fff; }
.imagem-cada-produto-cardapio{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 50; display: none;  }
.pano-img-cardapio{ position: absolute; width: 100%; height: 100%; z-index: 13; background-color: rgba(0,0,0,.5); display: none; }
.engloba-imagem-cardapio{ position: fixed; z-index: 50; top: 50%; left: 50%; transform: translate( -50%, -50%); }
.engloba-imagem-cardapio img{ width: 650px; height: 500px; margin: 0 auto; }
.fechar-cardapio { position: absolute; height: 50px; width: 50px; line-height: 45px; text-align: center; border-radius: 50%; background-color: #222; color: #fff; z-index: 51; right: -8%; top: -3%; -webkit-transform: translate( -50%, -20%); -moz-transform: translate( -50%, -20%); -ms-transform: translate( -50%, -20%); transform: translate( -50%, -20%); font-size: 25px; cursor: pointer; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); }
.buttom-carrinho-mobile{ position: fixed; z-index: 10; top: 5%; right: 5%; width: 65px; height: 65px; line-height: 70px; background-color: #d5c06b; border: 1px solid #d5c06b; border-radius: 50%; -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); }
.buttom-carrinho-mobile p{ top: -8px; left: -26px; position: absolute; line-height: 16px; padding: 8px; border-radius: 50%; background-color: #000; color: #fff; border: 3px solid #d5c06b; font-size: 15px; -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);  }
.buttom-carrinho-mobile i{ position: relative; font-size: 34px; padding-top: 16px; color: #000; }
.button-fecha-carrinho{ position: absolute; width: 40px; height: 40px; left: -10.8%; top: 0%; background-color: #ccc; }
.button-fecha-carrinho{ padding-left: 2px;  }

@media (max-width: 1366px){

    .conteudo-cardapio h2 { font-size: 26px; }

}
@media (max-width: 1250px) {

    .owl-theme .owl-dots{ display: none !important; }
    .carousel-cardapio{ width: 100%; height: auto; margin-bottom: 30px; z-index: 0; }
    .engloba-carousel-cardapio{ width: 100%; height: auto; margin-bottom: 30px; z-index: 0; }
    .carrinho-cardapio{ position: fixed; right: -100%; background-color: #fff; width: 370px; padding-right: 28px; z-index: 14; }
    .produtos-cardapio{ width: 100%; }
    .conteudo-cardapio h2{ text-align: center; }
    .conteudo-cardapio .border-delivery{ margin: 25px auto; }
    .conteudo-cardapio{ padding-top: 0px; }
    .quant-produto-cheio h4{ width: 103px; }
    .quant-produto-cheio{ width: 210px; }
    .sucesso-voucher h4{ font-size: 15px; margin-top: 13px; }

}
@media (max-width: 1070px){

    .conteudo-cardapio h2 { font-size: 22px; }

}
@media (max-width: 768px) {

    .select-produtos{ float: none; width: 100%; }
    .pesquisa-cardapio{ float: none; width: 100%; margin-top: 10px; }
    .input-cardapio{ width: 70%; }
    .pesquisa-produto{ width: 30%; }
    .engloba-imagem-cardapio img{ width: 400px; height: 400px; }
    .fechar-cardapio{ width: 45px; height: 45px; font-size: 25px; line-height: 35px; }

}
@media (max-width: 550px) {

    .carrinho-cardapio{ width: 240px; }
    .conteudo-pedido-cheio{ padding: 0; }
    .quant-produto-cheio h4{ margin-left: 4px; font-size: 13px }
    .quant-item-produto{ width: 33px; height: 40px; font-size: 16px; margin: 0 2px; }
    .quant-produto-cheio{ width: 155px; }
    .carrinho-cardapio{ padding-right: 5px; }
    .engloba-carrinho{ width: 96%; margin-left: 7px; }
    .conteudo-pedido-cheio h3{ font-size: 13px; margin-right: 3px; }
    .container-pagamento{ padding: 4px; }
    .engloba-subtotal, .engloba-entrega, .engloba-total { font-size: 15px; }
    .itens-carrinho p, .itens-carrinho h4{ font-size: 17px }
    .buttom-carrinho-mobile{ width: 60px; height: 60px; }
    .buttom-carrinho-mobile i{ font-size: 30px; margin-top: 0px; }
    .quant-produto{ width: 237px; }
    .pesquisa-cardapio, .select-produtos{ height: 55px; }
    .icon-cardapio{ margin-right: 15px; }
    .engloba-cada-item h3{ font-size: 15px; }
    .titulo-item-cardapio h4{ font-size: 19px; }
    .engloba-imagem-cardapio img{ width: 280px; height: 280px; }
    .fechar-cardapio{ width: 40px; height: 40px; font-size: 20px; line-height: 28px; }
    .button-fechar-pedido{ margin: 20px auto; }
    .engloba-voucher input { width: 75%; font-size: 14px; padding-left: 8px; }
    .engloba-voucher button{ width: 25%; font-size: 13px; }
    .sucesso-voucher span{ margin-top: 12px; margin-right: 5px; }
    .sucesso-voucher h4 { font-size: 14px; margin-top: 14px; margin-left: 5px; }
    .button-fecha-carrinho{ left: -16.8%; }

}
@media (max-height: 490px) {

    .cardapio-mobile{ overflow-y: scroll; }
    .sucesso-voucher span { margin-right: 1px; }
    .sucesso-voucher h4{ margin-left: 1px; }
    .engloba-voucher button{ width: 20%; }
    .engloba-voucher input{ width: 80%; }


}

/*******************************************************
**                                                    **
**                   MODAL HORARIO                    **
**                                                    **
*******************************************************/

.section-horario-entrega{ position: fixed; width: 100%; height: 100%; top: 0; z-index: 10; display: none; }
.engloba-horario-entrega{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 12; }
.horario-entrega{ position: relative; width: 600px; height: 100%; background-color: #fff; border-radius: 10px; text-align: center; }
.horario-entrega h3{ font-size: 30px; background-color: #eee; padding: 20px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.button-fecha-entrega{ position: absolute; width: 50px; height: 50px; top: -20px; right: -20px; border: 2px solid #fff; border-radius: 50%; background-color: #000; box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5);  }
.button-fecha-entrega i{ color: #fff; font-size: 28px; margin-top: 2px; }
.horario-funcionamento{ padding: 25px 0; border-bottom: 2px solid #eee; }
.horario-funcionamento p{ font-size: 18px; line-height: 25px; }
.horario-funcionamento p span{ font-weight: 700; }
.horario-funcionamento p:first-child{ margin-bottom: 10px; }
.horario-agendamento{ padding: 25px 0 35px 0; }
.horario-agendamento p{ font-size: 18px; margin-bottom: 10px; }
.horario-agendamento p span{ font-weight: 700; }
.select-agendamento{ position: relative; height: 45px; width: 70%; font-size: 18px; border: 1px solid #ccc; margin-top: 10px; padding-left: 10px; }
.button-horario-entrega{ position: relative; color: #000; height: 70px; width: 100%; bottom: -35px; background-color: #d5c06b; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 17px; font-weight: 700; }
.button-horario-entrega:hover{ background-color: #cdb44f; }

@media (max-width: 768px) {

    .horario-entrega{ width: 450px; height: 230px; }
    .horario-entrega h3{ font-size: 20px; }
    .horario-funcionamento p, .horario-agendamento p{ font-size: 16px; }
    .select-agendamento{ height: 40px; font-size: 16px }
    .button-horario-entrega{ height: 60px; }

}
@media (max-width: 550px) {

    .horario-entrega{ width: 350px; }
    .button-fecha-entrega{ width: 43px; height: 43px; }
    .button-fecha-entrega i{ font-size: 24px; }

}
@media (max-width: 460px) {

    .horario-entrega{ width: 350px; }

}
@media (max-width: 410px) {

    .horario-entrega{ width: 290px; }
    .horario-entrega h3{ font-size: 18px; }
    .horario-funcionamento p{ font-size: 15px; }
    .horario-agendamento p{ font-size: 14px; }
    .select-agendamento{ height: 37px; font-size: 15px }
    .button-horario-entrega{ height: 55px; font-size: 16px; }

}
@media (max-width: 350px) {

    .horario-entrega{ width: 280px; }
    .button-fecha-entrega{ width: 43px; height: 43px; right: -15px; }

}

/*******************************************************
**                                                    **
**                   MODAL CALENDARIO                 **
**                                                    **
*******************************************************/

.section-modal-calendario{ position: fixed; display: none; top: 0; width: 100%; height: 100%; height: 100%; z-index: 5; }
.filtro-modal{ position: fixed; display: none; top: 0; width: 100%; height: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 10; }
.engloba-modal-calendario{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.modal-calendario{ position: relative; width: 500px; height: 100%; background-color: #fff; border-radius: 10px;  }
.button-fecha-calendar{ position: absolute; width: 50px; height: 50px; top: -25px; right: -25px; border: 2px solid #fff; border-radius: 50%; background-color: #000; box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5);  }
.button-fecha-calendar i{ color: #fff; font-size: 28px; margin-top: 2px; }
.button-calendar{ position: relative; font-size: 17px; font-weight: 700; bottom: 0; width: 100%; height: 70px; background-color: #d5c06b; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }
.button-calendar:hover{ background-color: #cdb44f; }
.popover{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); }
.horario-ativo{ background-color: #ccc !important; }

@media (max-width: 600px) {

    .modal-calendario{ width: 400px; }
    .button-calendar{ height: 57px; }
    .button-fecha-calendar{ width: 45px; height: 45px; right: -20px; top: -20px; }
    .quant-produto-cheio h4{ width: 85px; }

}
@media (max-width: 460px) {

    .modal-calendario{ width: 320px; }
    .button-fecha-calendar{ width: 40px; height: 40px; right: -20px; top: -20px; }

}
@media (max-width: 380px){
    .modal-calendario {  width: 267px; }
    .button-calendar{ height: 50px; font-size: 15px; }
}

@media (max-height: 490px){

    .section-modal-calendario, .section-horario-entrega{ position: absolute; }

}

/*******************************************************
**                                                    **
**                   CONTATO || DUVIDA                **
**                                                    **
*******************************************************/

.section-contato{ position: relative; width: 100%; height: 100%; padding: 100px 0; }
.engloba-button-contato{ position: relative; width: 830px; margin: 0 auto; }
.button-contato{ width: 48%; height: 70px; border: 1px solid #d5c06b; margin-right: 4%; color: #000; font-weight: 700; font-size: 17px; }
.button-contato:hover{ background-color: #d5c06b;  }
.button-contato-ativo{ background-color: #d5c06b; }
.button-contato:last-child{ margin-right: 0; }
.engloba-duvidas-frequentes{ position: relative; width: 100%; height: 100%; margin-top: 50px; }
.cada-duvida{ position: relative; width: 100%; height: 100%; margin-bottom: 35px; }
.cada-duvida:last-child{ margin-bottom: 0; }
.cada-duvida p{ font-size: 16px; margin-top: 20px; line-height: 25px; }
.link-cada-duvida{ border-bottom: 2px solid #d5c06b; padding-bottom: 30px; cursor: pointer; user-select: none;  }
.link-cada-duvida h3, .link-cada-duvida span{ font-size: 20px; font-weight: 700; }
.detalhe{ display: block; }
.detalhe ul{ margin-top: 20px; }
.detalhe ul li{ font-size: 16px; line-height: 25px; font-weight: 700; }
.engloba-contato{ position: relative; width: 100%; height: 100%; margin-top: 50px; }
.engloba-form-contato{ position: relative; width: 100%; height: 100%; }
.form-contato{ position: relative; width: 49%; height: 50px; margin-bottom: 40px; }
.form-contato label{ line-height: 30px; font-size: 16px; }
.form-contato label span{ color: #d5c06b; }
.right-contato{ margin-right: 2%; }
.input-contato{ position: relative; width: 100%; height: 50px; z-index: 1; border: 1px solid #ccc; padding-left: 15px; font-size: 16px; }
.box-area{ position: relative; width: 100%; height: 150px; border: 1px solid #ccc; resize: none; padding: 15px; font-size: 16px;}
.engloba-form-contato label{ line-height: 30px; font-size: 16px; }
.engloba-form-contato label span{ color: #d5c06b; }
.button-enviar-contato{ position: relative; width: 350px; height: 65px; border: 1px solid #d5c06b; background-color: #d5c06b; font-size: 16px; font-weight: 700; margin-top: 25px; float: right; }
#formulario-contato .erro{ margin-top: 25px !important; }

@media (max-width: 992px) {

    .section-contato{ padding: 50px 0; }
    .engloba-button-contato{ width: 100%; }
    .button-enviar-contato{ width: 100%; }
    .engloba-contato{ margin-top: 30px; }

}
@media (max-width: 768px){

    .form-contato{ width: 100%; }

}
@media (max-width: 550px){

    .button-contato{ height: 65px; font-size: 13px; }
    .link-cada-duvida h3, .link-cada-duvida span{ font-size: 16px; }
    .cada-duvida p{ font-size: 14px; text-align: center; }
    .detalhe ul li{ font-size: 14px; text-align: center; }

}

/*******************************************************
**                                                    **
**                    EDITAR PEDIDO                   **
**                                                    **
*******************************************************/

.section-editar-pedido{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.engloba-editar-pedido{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15 }
.editar-pedido{ width: 615px; height: 100%; background-color: #fff; border-radius: 10px; }
.fecha-editar-pedido{ position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; background-color: #000; border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); }
.fecha-editar-pedido i{ color: #fff; font-size: 30px; margin-top: 3px; }
.button-radio-editar{ cursor: pointer; position: relative; z-index: 10; width: 20px; height: 20px; opacity: 0; }
.descricao-produtos{ position: relative; width: 100%; height: 100%; padding: 20px 20px 20px 35px; }
.continuar-editar-pedido{ width: 100%; height: 70px; background-color: #d5c06b; font-size: 17px; font-weight: 700; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.continuar-editar-pedido:hover{ background-color: #cdb44f; }
.editar-pedido h2{ font-size: 24px; font-weight: 700; text-align: center; padding: 25px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #eee; }
.cada-produto-editar{ width: 33%; margin: 20px 0; }
.cada-produto-editar h3{ font-size: 16px; margin-top: 4px; font-weight: 400; }
.select-button-radio-editar{ position: absolute; width: 20px; height: 20px; font-size: 16px; margin-left: 1px; }

@media (max-width: 768px) {

    .editar-pedido{ width: 420px; }
    .cada-produto-editar{ width: 50%; margin: 20px 0; }
    .continuar-editar-pedido{ height: 60px; }
    .editar-pedido h2{ font-size: 20px; padding: 20px 0; }
    .fecha-editar-pedido{ width: 45px; height: 45px; top: -25px; right: -16px; }
    .fecha-editar-pedido i{ margin-top: 2px; }

}

@media (max-width: 480px) {

    .editar-pedido{ width: 370px; }
    .cada-produto-editar{ width: 50%; margin: 10px 0; }

}

@media (max-width: 410px) {

    .editar-pedido{ width: 300px; }
    .cada-produto-editar{ width: 50%; margin: 20px 0; }
    .descricao-produtos{ padding: 20px 15px; }

}
@media (max-width: 360px) {

    .editar-pedido{ width: 280px; }
    .cada-produto-editar{ width: 50%; margin: 10px 0; }

}

/*******************************************************
**                                                    **
**     ADICIONAR MAIONESE BEBIDA E SOBREMESA          **
**                                                    **
*******************************************************/

.section-maionese-extra{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-excluir-item{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-cupom-nao-validado{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-cupom-erro{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-adicionar-bebida{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-adicionar-sobremesa{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.engloba-escolha-maionese{ position: relative; width: 100%; height: 100%; background-color: #fff; padding: 50px 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.engloba-input-radio-maionese{ position: relative; margin-right: 10px; width: 100%; height: 60px; margin-bottom: 15px; border: 1px solid #ccc; }
.engloba-input-radio-maionese:hover{ background-color: #aa9230; }
.engloba-input-radio-maionese:last-child{ margin-bottom: 0; }
.engloba-input-radio-maionese p{ margin: 0 auto; font-size: 16px; font-weight: 700; text-align: center; padding-top: 20px; text-transform: uppercase; cursor: pointer; }
.select-button-radio-maionese{ position: absolute; width: 20px; height: 20px; font-size: 17px; text-align: center; display: none; }
.button-radio-editar-maionese{ cursor: pointer; position: absolute; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; }
.escolha-maionese{ width: 50%; height: 100%; margin: 0 auto; }
.escolha-maionese-ativo{ background-color: #d5c06b; }

@media (max-width: 768px) {

    .escolha-maionese{ width: 80%; }

}
@media (max-width: 480px) {

    .escolha-maionese{ width: 95%; }

}

/*******************************************************
**                                                    **
**                 FORMA DE PAGAMENTO                 **
**                                                    **
*******************************************************/

.section-forma-pagamento{ position: relative; width: 100%; height: 100%; padding: 70px 0; }
.section-forma-pagamento h2{ font-weight: 700; font-size: 30px; }
.section-forma-pagamento .border-delivery{ margin-bottom: 60px; }
.engloba-forma-pagamento{ position: relative; width: 68%; height: 100%; }
.engloba-forma-pagamento h4{ font-size: 18px; line-height: 20px; font-weight: 700; border-bottom: 3px solid #d5c06b; padding-bottom: 28px; margin-bottom: 40px; }
.engloba-forma-pagamento i{ margin-right: 10px;  }
.cada-forma-pagamento{ position: relative; width: 100%; height: 100%; margin-bottom: 35px; }
.cada-forma-pagamento:last-child{ margin-bottom: 0; }
.cada-forma-pagamento p{ font-size: 16px; margin-top: 20px; line-height: 25px; }
.carrinho-pedido{ position: sticky; top: 0; width: 32%; height: 100%; }
.link-cada-forma{ border-bottom: 2px solid #d5c06b; padding-bottom: 30px; cursor: pointer; user-select: none;  }
.link-cada-forma h3, .link-cada-forma span{ font-size: 20px; font-weight: 700; }
.engloba-seu-pedido{ width: 90%; margin-right: 10%; }
.lista-produtos-pagamento{ position: relative; width: 100%; height: 100%; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.engloba-entrega h3{ font-size: 16px; margin-bottom: 7px; }
.lista-produtos-pagamento h3{ font-size: 16px; }
.lista-produtos-pagamento h3 button{ font-weight: 700 !important; }
.lista-produtos-pagamento h3 span{ font-size: 14px !important; font-weight: 400 !important;  }
.engloba-entrega p{ font-size: 15px; line-height: 25px; }
.button-alterar-pedido{ height: 45px; width: 150px; float: right; background-color: #d5c06b; border: 1px solid #d5c06b; margin: 20px 0 10px; font-weight: 700; font-size: 15px; }
.button-alterar-pedido:hover{ background-color: transparent; }
.cartao-credito-online{ position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 30px 0; }
.color-input{ background-color: #eee; }
.input-forma-pag{ width: 100%; height: 100%; }
.input-forma-pag2{ width: 100%; }
.input-check-box{ width: 100%; height: 100%; padding: 10px 0; }
.input-forma-pag label, .input-forma-pag2 label, .input-check-box label{ line-height: 30px; font-size: 16px; width: 100%; height: 100%; display: block; }
.validade-cartao{ width: 28%; margin-right: 2%; }
.margin-validade-ano{ margin-top: 30px; }
.codigo-seguranca{ width: 40%; }
.engloba-box-radio{ position: relative; width: 100%; height: 100%; margin-top: 5px; }
.engloba-box-radio h3{ font-size: 16px; font-weight: 400; margin-right: 20px; }
.engloba-box-radio span{ font-size: 16px; font-weight: 400; margin-right: 20px; margin-top: 2px; }
.button-enviar-pag{ width: 100%; height: 70px; font-weight: 700; background-color: #d5c06b; border: 1px solid #d5c06b; font-size: 17px; margin-top: 10px; }
.button-enviar-pag:hover{ background-color: #fff; }
.button-radio-fiscal, .button-radio-troco, .button-fiscal-credito{ cursor: pointer; position: relative; z-index: 10; width: 20px; height: 20px; opacity: 0; }
.engloba-titulo-forma-pag{ margin-top: 20px; }
.engloba-titulo-forma-pag h3{ font-weight: 400; font-size: 17px; line-height: 25px; }
.engloba-titulo-forma-pag h5{ font-weight: 700; font-size: 15px; line-height: 25px; margin-bottom: 10px; }
.margin-cartao{ margin-top: 9px }
.engloba-box-radio img{ margin-right: 10px; }
.button-radio-cartao{ cursor: pointer; position: relative; z-index: 10; width: 20px; height: 20px; opacity: 0; }
.input-troco{ width: 200px; height: 50px; border: 1px solid #ccc; margin-left: 10px; background-color: #eee; font-size: 18px; padding-left: 10px; color: #000; }
.engloba-img-cartao{ position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 10px 0 10px 0; }
.engloba-img-cartao img{ margin-right: 7px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.cartao-selecionado{ -webkit-filter: grayscale(0%) !important; filter: grayscale(0%) !important; }
.engloba-img-cartao img:last-child{ margin-right: 0; }
.display-inline{ display: inline !important; }
.section-popup-erro-cartao{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-popup-erro-cartao .engloba-editar-pedido{ padding: 50px; background-color: #eee; border-radius: 10px; }
.section-popup-erro-cartao .engloba-editar-pedido h2{ line-height: 30px; font-size: 20px !important; padding: 15px 0; background-color: #eee; }
.section-popup-erro-cartao .engloba-editar-pedido h3{ text-align: center; font-size: 33px; background-color: #eee; }
.section-popup-troco{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 15; display: none; }
.section-popup-troco .engloba-editar-pedido{ padding: 70px; background-color: #eee; border-radius: 10px; }
.section-popup-troco .engloba-editar-pedido h2{ line-height: 30px; font-size: 20px !important; padding: 15px 0; background-color: #eee; }
.section-popup-troco .engloba-editar-pedido h3{ text-align: center; font-size: 30px; background-color: #eee; }
.engloba-button-popup-troco{ position: relative; width: 320px; margin: 0 auto; margin-top: 40px; }
.button-popup-troco{ width: 150px; height: 60px; margin-right: 20px; border: 1px solid #d5c06b; font-size: 18px; background-color: #eee; font-weight: 700;  text-transform: uppercase; }
.button-popup-troco:last-child{ margin-right: 0; }
.button-popup-troco:hover{ background-color: #d5c06b; }

@media (max-width: 1250px) {

    .carrinho-pedido{ position: relative; width: 100%; float: none; }
    .engloba-seu-pedido{ width: 100%;  }
    .engloba-forma-pagamento{ width: 100%; }
    .section-forma-pagamento h2{ text-align: center; font-size: 22px; }
    .section-forma-pagamento .border-delivery{ margin: 25px auto; }
    .carrinho-pedido .conteudo-pedido-cheio{ background-color: #fff; }
    .button-alterar-pedido{ float: none; margin: auto; margin-top: 20px; }
    .engloba-forma-pagamento h4{ border-top: 3px solid #d5c06b; padding-top: 28px; }

}
@media (max-width: 992px) {

    .section-forma-pagamento{ padding: 50px 0; }
    .section-popup-erro-cartao .engloba-editar-pedido{ padding: 50px 25px; }
    .section-popup-troco .engloba-editar-pedido{ padding: 54px; }

}
@media (max-width: 768px){

    .validade-cartao{ width: 100%; margin-bottom: 15px; }
    .codigo-seguranca{ width: 100%; margin-top: 15px; }
    .button-enviar-pag{ height: 60px; }
    .section-popup-erro-cartao .engloba-editar-pedido{ padding: 30px 10px; }

}
@media (max-width: 550px){

    .link-cada-forma h3, .link-cada-forma span{ font-size: 16px; }
    .cada-forma-pagamento p{ font-size: 14px; text-align: center; }
    .button-alterar-pedido{ margin: 20px auto; }
    .engloba-box-radio h3{ width: 230px; font-size: 13px; }
    .section-popup-erro-cartao .engloba-editar-pedido{ padding: 15px 0px; }
    .section-popup-erro-cartao .engloba-editar-pedido h2{ font-size: 17px !important; padding: 15px 5px; }


}
@media (max-width: 430px){

   .section-popup-troco .engloba-editar-pedido{ padding: 25px; }
   .engloba-button-popup-troco{ position: relative; width: 230px; margin: 0 auto; margin-top: 40px; }
   .button-popup-troco{ width: 110px; height: 50px; margin-right: 10px; font-size: 16px; }
   .section-popup-troco .engloba-editar-pedido h3{ font-size: 20px; }
}
@media (max-width: 420px){

    .button-alterar-pedido{ margin: 20px auto; }

}
@media (max-width: 390px){

    .engloba-img-cartao img{ width: 53px; }
    .engloba-box-radio h3{ width: 200px; }

}
@media (max-width: 390px){

    .engloba-box-radio h3{ width: 170px; }

}

/*******************************************************
**                                                    **
**                 CONFIRMACAO DO PEDIDO              **
**                                                    **
*******************************************************/

.engloba-descricao-pedido{ position: relative; width: 100%; height: 100%; padding: 20px; }
.engloba-descricao-pedido h3{ font-size: 16px; font-weight: 400; line-height: 25px; }
.engloba-descricao-pedido h3 span{ font-weight: 700; }
.engloba-detalhes{ position: relative; width: 100%; height: 100%; margin-top: 20px; }
.engloba-detalhes p{ font-size: 16px; line-height: 25px; }
.engloba-detalhes p span{ font-weight: 700; }
.engloba-endereco-pedido{ position: relative; width: 100%; height: 100%; padding: 20px; background-color: #eee; margin-bottom: 45px;  }
.engloba-endereco-pedido h3{ font-size: 16px; font-weight: 700; }
.cada-processo{ width: 25%; margin: 0 auto; }
.cada-processo i{ margin: 0 auto; display: table; height: 70px; width: 70px; border: 1px solid #d5c06b; line-height: 70px; padding-left: 21px; border-radius: 50%; color: #d5c06b; font-size: 28px; }
.cada-processo p{ text-align: center; font-size: 30px; color: #d5c06b; }
.cada-processo h3{ width: 40.9%; font-size: 16px; line-height: 20px; text-align: center; margin: 0 auto; margin-top: 10px;  }
.border-pedido{ width: 100%; height: 28px; border: 1px solid #d5c06b; border-left: 0; margin-top: 20px; }
.border-pedido-ativa{ background-color: #d5c06b; color: #fff !important; }
.duvida-pedido{ position: relative; width: 100%; height: 100%; margin-top: 50px; }
.duvida-pedido p{ width: 70%; text-align: center; font-size: 16px; margin: 0 auto; line-height: 20px; }
.duvida-pedido p span{ font-weight: 700; }
.duvida-pedido a{ margin: 0 auto; display: table; line-height: 20px; padding: 7px; font-size: 16px; color: #000; font-weight: 700; }
.popup-acompanhe-pedido{ position: absolute; width: 100%; height: 100%; z-index: 15; top: 0; }
.engloba-acompanhe-pedido{ position: fixed; width: auto; height: auto; border-radius: 10px; padding: 60px 120px; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 15; background-color: #fff; }
.fecha-acompanhe-aqui{ position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; background-color: #000; border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.5); }
.fecha-acompanhe-aqui i{ color: #fff; font-size: 30px; margin-top: 3px; }
.engloba-acompanhe-pedido h3{ text-align: center; font-size: 30px; line-height: 35px; }
.engloba-acompanhe-pedido .border-delivery{ margin: 0 auto; margin-top: 20px; margin-bottom: 40px; }
.button-acompanhe-pedido{ width: 260px; height: 60px; font-size: 17px; border: 1px solid #d5c06b; margin: 0 auto; font-weight: 700; background-color: #d5c06b; }
.button-acompanhe-pedido:hover{ background-color: #fff; }

@media (max-width: 1250px) {

    .engloba-acompanhe-pedido{ padding: 40px 80px; }

}

@media (max-width: 790px) {

    .cada-processo h3{ width: 65%; font-size: 16px; }
    .cada-processo i{ height: 55px; width: 55px; line-height: 55px; padding-left: 14px; border-radius: 50%; font-size: 24px; }
    .cada-processo p{ line-height: 20px; }
}
@media (max-width: 550px) {

    .cada-processo h3{ width: 75%; font-size: 14px; }
    .engloba-acompanhe-pedido{ padding: 30px 60px; }

}
@media (max-width: 480px) {

    .cada-processo h3{ width: 88%; font-size: 13px; }
    .engloba-acompanhe-pedido{ padding: 20px 40px; }
    .engloba-acompanhe-pedido h3{ font-size: 24px; }
    .button-acompanhe-pedido{ width: 200px; height: 50px; }
    .fecha-acompanhe-aqui { position: absolute; right: -16px; top: -20px; width: 45px; height: 45px; }

}

/*******************************************************
**                                                    **
**                TERMOS E CONDIÇÕES                  **
**                                                    **
*******************************************************/

.termos-condicoes{ text-align: center; }
.termos-condicoes .border-delivery{ margin: 0 auto; }
.engloba-termos-condicoes{ position: relative; width: 100%; height: 100%; margin-top: 40px; }
.engloba-termos-condicoes h2{ font-size: 18px; text-align: center; line-height: 25px; }
.engloba-termos-condicoes h3{ font-size: 17px; line-height: 25px; margin: 20px 0; text-align: left; }
.engloba-termos-condicoes p{ font-size: 16px; line-height: 25px; }
.engloba-termos-condicoes p a{ color: #000; display: inline; font-weight: 700; }


@media (max-width: 768px) {

    .engloba-termos-condicoes h2{ font-size: 16px; }
    .engloba-termos-condicoes h3{ font-size: 15px; }
    .engloba-termos-condicoes p{ font-size: 14px; }

}

/*******************************************************
**                                                    **
**                TERMOS E CONDIÇÕES POPUP            **
**                                                    **
*******************************************************/

.termos-condicoes-popup{ text-align: center; }
.engloba-termos-condicoes-popup{ position: relative; width: 100%; height: 100%; margin-top: 40px; }
.engloba-termos-condicoes-popup h2{ font-size: 16px; text-align: center; line-height: 25px; }
.engloba-termos-condicoes-popup h3{ font-size: 15px; line-height: 25px; margin: 20px 0; text-align: left !important; }
.engloba-termos-condicoes-popup p{ font-size: 14px; line-height: 25px; }
.engloba-termos-condicoes-popup p a{ color: #000; display: inline; font-weight: 700; }


@media (max-width: 768px) {

    .engloba-termos-condicoes-popup h2{ font-size: 15px; }
    .engloba-termos-condicoes-popup h3{ font-size: 14px; }
    .engloba-termos-condicoes-popup p{ font-size: 13px; }

}

/*******************************************************
**                                                    **
**           CONFIGURAÇÃO GERAL DO ESTILO             **
**                                                    **
*******************************************************/

@media (max-width: 1250px) {

    .hide-1250 { display: none; }
    .show-1250 { display: block; }
    .corpo{ width: 95%; }

}

@media (max-width: 992px) {

    .hide-992 { display: none !important; }
    .show-992 { display: block !important; }

}

@media (max-width: 768px) {

    .hide-768 { display: none !important; }
    .show-768 { display: block !important; }

}

@media (max-width: 550px){

    .hide-550 { display: none; }
    .show-550 { display: block; }

}

@media (max-width: 480px) {

    .hide-480 { display: none !important; }
    .show-480 { display: block !important; }

}