@import url('https://fonts.googleapis.com/css?family=Bad+Script|Merienda|Open+Sans|Raleway|Yesteryear');

/* HTML ELEMENTS */
body{font-size:14px; color:#555; font-family:'Open Sans', sans-serif;}
* {margin:0; padding:0; border:#f60 0px solid;  }
html, body{}
p{word-wrap:break-word;}
a{ text-decoration:none;}
li{list-style:none;}
h2{ text-align: center;font-size: 2.0em; text-transform: uppercase}
.centro{text-align:center;} 
.centralizando{margin:auto;}
.box-centro{display:inline-block;}

.bolde{font-weight:bold;} 
.alinha-estrutura{max-width:1260px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;margin:auto;}
.limpaCss{clear:both; }

.alinhaFlexLinha{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;}
.bgAmerlo{ background-color: #000;}
.branco{ color: #fff;}
.preto{ color: #fff;}
.amarelo{ color: #f0db00;}
.vermelho{color: #f0db00;}

.flexL{display: flex; flex-direction: column;}
.flexC{display: flex; flex-direction: column;}
.alinhaFlex{ justify-content: center; align-items: center;}
.bottom{     align-self:flex-end}
a.linkMidia:link{text-decoration:none; color:#000;   }
a.linkMidia:visited{text-decoration:none; color:#000;}
a.linkMidia:hover{text-decoration: none; color:#000; }
a.linkMidia:active{text-decoration: none; color:#000;}

.avisoErro{ font-size: 2em; color: #fcdc05; line-height: 100%; margin-bottom: 10px;}
.topoBarra{position: relative; z-index: 999999999;background-color: #e01f04;  min-height: 10px; width: 100%;} 
header{ position: relative; z-index: 999999999; width: 100%; display: flex; justify-content:center; align-items: center ;box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.17); padding:0px 0 0px 0;background-color: #fff; } 
header nav {padding:4px 0 0 0;width: 100%; } 
header nav ul{ flex-direction: column;display: none;} 
header nav ul li:last-child{border-bottom:0; } 
header nav ul li{ margin:5px 0px; display: flex; justify-content:center; align-items:center; font-weight:500; color:#067b40; font-family: 'Raleway', sans-serif; letter-spacing: 0px; font-size:1.4em;  flex: 1 1 auto; border-bottom: thin solid #e01f04;  } 
header nav ul li:nth-child(1){ order:2; } header nav ul li:nth-child(2){ order:3; }header nav ul li:nth-child(3){ order:4; }header nav ul li:nth-child(4){ order:1;  flex: 3 1 auto; display: none} header nav ul li:nth-child(5){ order:5; } header nav ul li:nth-child(6){ order:6; } header nav ul li:nth-child(7){ order:7; } 
header nav ul li a:link{text-decoration:none; color:#e01f04; padding:5px 10px;font-family: 'Merienda', cursive;  text-transform: none;      }
header nav ul li a:visited{text-decoration:none; color:#e01f04;}
header nav ul li a:hover{text-decoration: none; color:#067b40; }
header nav ul li a:active{text-decoration: none; color:#e01f04;}

header nav ul li  .menuSel:link{text-decoration: none; color:#067b40 !important;}
header nav ul li .menuSel:visited{text-decoration:none; color:#067b40;}
header nav ul li .menuSel:hover{text-decoration: none; color:#067b40; }

.containerHamburger{ position:absolute; right:10px; top:30px;  cursor:pointer; z-index: 110}
/* Rotate first bar */
.changebar1 {    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;    transform: rotate(-45deg) translate(-9px, 6px) ;}
/* Fade out the second bar */
.changebar2 {    opacity: 0;}
/* Rotate last bar */
.changebar3 {    -webkit-transform: rotate(45deg) translate(-6px, -6px) ;    transform: rotate(45deg) translate(-6px, -6px) ;}
.bar1, .bar2, .bar3 { width:30px; height:4px; background-color:#a51b1f; margin:6px 0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.change1 {  -webkit-transform:rotate(-45deg) translate(-9px, 4px) ; -ms-transform:rotate(-45deg) translate(-12px, 4px); transform:rotate(-45deg) translate(-12px, 4px);}
.change2 { opacity:0;}
.change3 {  -webkit-transform:rotate(45deg) translate(-8px, -6px) ; -ms-transform:rotate(45deg) translate(-8px, -6px); transform:rotate(45deg) translate(-8px, -6px);}

.detalheVetor{ position: absolute; bottom: 0;}
.detalheVetor img{ width: 100%; height: auto; display: block;}


.bnrHome{ position: relative; width: 100%; height:75vh;   }
.alinhaFrase{ max-width: 1260px; margin: auto;display: flex; padding: 10px; box-sizing: border-box; align-items: center; }
.frases{ font-weight: bolder; color: #fdd735;text-shadow: 2px 2px 5px #cb1f25; font-size: 1.9em;  
 	font-family: 'Yesteryear', cursive;
	position: relative; margin-top: 150px;  }

#typed-strings p{ color:#fff !important; }

.carimbo{ position:absolute;right: 30px;  top: 30px;  transform: rotate(20deg);}
.carimbo img{ width: 100%; height: auto; display: block; max-width: 150px;}
.logo{width: 150px; text-align: center;margin: auto;}
.delivery{ position: absolute; z-index: 99; right: 40px; bottom: 10px; -webkit-animation: shakeTel 0.1s ease-in-out 0.1s 15 alternate;}
.delivery:hover {      -webkit-animation: shakeTel 0.1s ease-in-out 0.1s infinite alternate; }
.delivery img{ width: 100%; height: auto; display: block; max-width: 200px;}


@keyframes shakeTel {
 from {
    -webkit-transform: rotate(5deg);
 }
 to {
   -webkit-transform-origin:center center;
   -webkit-transform: rotate(-5deg);
	}
}
.alinhaMidia div a:link{text-decoration:none; color:#cb1f25;   }
.alinhaMidia div a:visited{text-decoration:none; color:#cb1f25;}
.alinhaMidia div a:hover{text-decoration: none; color:#fff; }
.alinhaMidia div a:active{text-decoration: none; color:#cb1f25;}

.boxes{ max-width: 1260px; margin: auto; min-height: 200px; padding: 50px 20px 110px; display: flex; flex-direction: column; } 
.boxes h2{color: #e01f04; margin-bottom: 15px; font-family: 'Merienda', cursive; text-transform: none; } 
.boxes p{color: #444; margin-bottom: 15px; } 
.boxes article{ width: 100%; margin:0px; padding: 30px 0; box-sizing: border-box; border-right: dashed 0px #f1f0eb;border-bottom: dashed 2px #f1f0eb; text-align: center;} 
.boxes article:last-child{  border-bottom: 0} 
.boxes .vejaMais a{  padding: 10px 20px; font-weight: bold;color:#000 } 
a.vejaMais:link{text-decoration:none; color:#fff;   }
a.vejaMais:visited{text-decoration:none; color:#fff;}
a.vejaMais:hover{text-decoration: none; color:#000; }
a.vejaMais:active{text-decoration: none; color:#fff;}
.arcoBox{background-image:url(../imagens/divisao-arco-verm.png); background-repeat: no-repeat; background-position: bottom center;}

.btVejaMais{ display: flex; align-items: center; justify-content: center; width: 140px; margin: auto; margin-top: 20px; height: 40px;background-color: #cb1f25 ;color:#ffffff; }
.btVejaMais:hover{background-color: #cb1f25; color:#000;}
 

.cardapioHome{ position: relative; min-height:700px; width:100%;  align-items:center; box-sizing: border-box; background-color: #cb1f25; color: #fff; padding-bottom: 130px; background-image: url(../imagens/divisao-arco-cima-bco.png), url(../imagens/shawarmaa-fdo-esq.png),url(../imagens/shawarmaa-fdo-dir.png) ; background-repeat:no-repeat, no-repeat, no-repeat;   background-position:bottom center, left center, right center;}
.cardapioHome h2{ font-family: 'Merienda', cursive;  text-transform: none; font-size: 3em; margin-top: 0px; margin-bottom: 0px; }
.menuCat{width: 100%; height: auto; justify-content: center; }
.menuCat ul li{ display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; border-bottom: #fff dashed thin;}
.menuCat h3{margin-bottom: 15px; font-size: 2em;font-family: 'Merienda', cursive;  }
.alinhaCardapio{ max-width: 1250px; margin: auto;  width: 100%; letter-spacing: 1px;}
.veg{width: 96%; padding: 20px; margin:0 2%; box-sizing: border-box;  }
.arab{width: 96%;margin:0 2%; padding: 20px;box-sizing: border-box; }
.menuCompl{position: relative; border: 2px solid #fff; border-radius:30px; padding:10px 20px;  color:#fff; width: 200px; letter-spacing: 1px; margin: auto;}
.menuCompl:hover{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;}
.divisaoBaixo{ position: relative; width: 100%;bottom:0px; height: auto}
.divisaoBaixo img{width: 100%; height: auto}


.verde{color: #067b40;}
.servicos{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  padding: 20px 10px 180px;background-color: #cb1f25; background-image: url(../imagens/divisao-arco-cima-bco.png); background-repeat: no-repeat; background-position: bottom; }
.servicos article{ width: 100%; margin:10px 0%;box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.17);transition: all 0.3s ease; padding:0px; box-sizing: border-box;background-color: #fff; padding: 10px; padding-bottom: 25px; border-radius: 20px; overflow: hidden; }
.servicos article div img{ width: 100%; height: auto; display: block;}
.servicos article p{ padding:10px 25px 0px; }
.servicos article h2{  font-size: 1.5em; margin: 15px 5px 15px;color: #cb1f25; }
.servicos .vejaMais{  padding: 10px 20px; font-weight: bold;color:#fff !important;  } 
.servicos .btVejaMais{   margin-bottom: 20px } 
.servicos article h3{  font-size: 1.8em; font-family: 'Merienda', cursive;  text-transform: none; margin: 25px 5px 15px;color: #e01f04; text-align: center;  }



.alinha-shawarma{  -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px  0px 50px;margin:auto;}
.shawarma{ padding: 0px 20px 130px 20px; height: auto; background-image: url(../imagens/divisao-arco-verm.png); background-position: bottom center; background-repeat: no-repeat;}
.shawarma h2{  margin-bottom: 10px; text-align: left; color: #cb1f25;font-family: 'Merienda', cursive;  text-transform: none; font-size: 2.4em; }
.shawarma h3{ font-weight: 300; text-transform: uppercase; margin-bottom: 10px; margin-top: 0; font-size: 1.4em;}
.shawarma p{ margin-bottom: 10px;}
.btPeca{ position: relative; border: 2px solid #fdd735; border-radius: 25px; padding: 10px 25px; top: 20px;background-color:#fdd735; color:#cb1f25; }
.shakeBt:hover{ animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


.respiroRodape{ width: 100%; min-height: 300px;background-image: url(../imagens/shawarma-stock.jpg); background-repeat:no-repeat; background-size:cover; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 20px;}
.respiroRodape p{ font-size: 2em; color: #ffd200;   letter-spacing: 2px; text-align: center}


footer{ display: flex; background-color:#fff; color:#cb1f25; padding: 0px 20px 40px; background-image: url(../imagens/camelo-p.png); background-position: bottom right; background-repeat: no-repeat; min-height: 305px;}
footer nav{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
footer nav ul{ display: flex; align-items: center; justify-content: center;}
footer nav ul li{ margin: 15px;color: #ffd200;}
footer p{ margin-bottom: 10px;}
.alinhaMidia{ display: flex; flex-direction: row;justify-content: center;}
.alinhaMidia .fab{  font-size: 2em;}
footer .far, footer .fas{ font-size: 1.5em;color: #ffd200; margin-right: 10px;}
  
.ctoTel{color: #cb1f25;font-size: 1.7em; font-weight: bold}
.alinhaMidia div{ display: flex; align-items: center; justify-content: center; background-color: #ffd200; width: 40px; height: 40px; color: #e01f04; padding: 10px; border-radius: 50%; margin: 10px;}


.arabVeg{background-color: #067b40; padding: 0px 0px; min-height: 600px;display: flex;  flex-direction: column;align-self: stretch; background-image: url(../imagens/divisao-arco-verm-cima.png); background-repeat: no-repeat;  background-position:top center ; }
.arabVeg h2{ color: #fff;font-family: 'Bad Script', cursive; margin-top: 80px}
.arabVeg p{ color: #fff; line-height: 150%; margin:20px 0;font-family: 'Bad Script', cursive; font-size: 1.4em;}

.fotoVeg{position: relative; z-index: 98; width: 100%; background-image: url(../imagens/img07.png);background-repeat: no-repeat; min-height: 200px;   background-position: center;}
.txtVeg{ width: 100%; display: flex; flex-direction: column; padding: 50px 20px; box-sizing: border-box; align-items: flex-start; justify-content: center;  }
.logosVeg img{  margin: 10px 0px;}
.logosVeg {   display: flex; flex-direction: column; align-items: center;}

.contato img{width: 100%; max-width: 200px; height: auto;  display: block;}
/* contato */
.mapa h2{  position: relative;  color: #fff;font-family: 'Merienda', cursive; font-size: 2em; margin-top: 0; text-transform: none; padding:0 20px 20px;}

.mapa{ width: 100%;padding:0px  20px 150px; box-sizing: border-box;  display: block; background-color: #cb1f25; text-align: center; 
background-image: url(../imagens/divisao-arco-cima-bco.png), url(../imagens/shawarmaa-fdo-esq.png),url(../imagens/shawarmaa-fdo-dir.png) ; background-repeat:no-repeat, no-repeat, no-repeat;   background-position:bottom center, left center, right center;

}


.mapa iframe{ max-width: 1260px; margin: auto; }
 
.bnrInterna {  height: 300px; background-image: url(../imagens/divisao-arco-cima-bco.png) !important;  background-position:  bottom ; background-repeat: no-repeat}

 #ptoVegano{ position: relative; top: -130px;}


/* contato */
.cardapioInterna{ display:flex; flex-direction: column; flex-wrap: wrap}
.cardapioInterna  h2{ font-family: 'Bad Script', cursive; text-transform: none; font-size: 2.5em;color: #e01f04; margin: 0px; }
.cardapioInterna  h3{ font-family: 'Bad Script', cursive; text-transform: none; font-size: 1.0em;color: #e01f04; text-align: center }
.cardapioInterna article{  width: 100%; padding: 20px; box-sizing: border-box;}
 
.cinzaFundo{ background-color: #f8f8f8; margin: 50px 0; box-sizing: border-box; padding: 30px 20px;  }
.alinhaAcomp{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; max-width: 1260px; margin: auto;  }
.linhaAcomp{ width: 150px; margin: 10px; padding: 10px; box-sizing: border-box; text-align: center;}
.subTitAcomp{font-weight:400; font-size: 1.2em;}
.alinhaAcomp img{  width: 100%; height: auto}
.titAcomp{ max-width: 1260px; margin: auto; padding:0 20px;}
.linhaAcomp p:nth-child(3){color: #e01f04; }

.alinhaProdutos{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center ; align-items: flex-start; max-width: 1260px; margin: auto;   }
.alinhaProdutos > div{ width: 50%; padding:0 30px; box-sizing: border-box;  }
.descPreco{ font-style: italic;color: #777; }
.linhaProd{ margin: 20px 0; border-bottom:  dashed thin #e01f04; padding-bottom: 10px;  }
.linhaProd:last-child{ margin: 20px 0; border-bottom:0; padding-bottom: 10px;  }
 
.alinhaProd{ display:flex; flex-direction: row; flex-wrap:nowrap;  justify-content: space-between;}
.alinhaProd > p{  font-weight:400; font-size: 1.2em; }
.preco{  text-align: right;flex-grow: 0;  flex-shrink: 0;   flex-basis: 85px;justify-content: flex-end; }
.descPreco{font-weight: 300; }
.precoEsp{  text-align: right;flex-grow: 0;  flex-shrink: 0;   justify-content: flex-end; }

.linhaProdEsfihas{ margin: 10px 0; border-bottom:  dashed thin #cb1f25; padding-bottom: 10px;  }
.linhaProdEsfihas:last-child{  border-bottom:0; }

.cardapioEsfiha{ position: relative; height:auto; width:100%;  align-items:center; box-sizing: border-box; background-color: #fff;  padding-bottom: 20px !important;background-image: url(../imagens/shawarmaa-fdo-esq.png),url(../imagens/shawarmaa-fdo-dir.png) ; background-repeat:no-repeat, no-repeat;   background-position: left center, right center;}
.cardapioEsfiha h2{ font-family: 'Merienda', cursive;  text-transform: none; font-size: 3em; margin-top: 30px; margin-bottom: 25px;color: #cb1f25; }
.cardapioEsfiha h3{ color: #cb1f25; }

.cardapioMenu{ position: relative; height:auto; width:100%;  align-items:center; box-sizing: border-box; background-color: #cb1f25; color: #fff; padding-bottom: 20px !important;background-image:url(../imagens/divisao-arco-baixo.png), url(../imagens/shawarmaa-fdo-esq.png),url(../imagens/shawarmaa-fdo-dir.png) ; background-repeat: no-repeat,no-repeat, no-repeat;   background-position:top center, left center, right center; padding-top: 120px !important;}
.cardapioMenu h2{ font-family: 'Merienda', cursive;  text-transform: none; font-size: 3em; margin-top: 50px; margin-bottom: 25px;color: #fff; }

.cardapioSobremes{ position: relative; height:auto; width:100%;  align-items:center; box-sizing: border-box; background-color: #fff;  padding-bottom: 0px !important;background-image:url(../imagens/divisao-arco-baixo-verm.png); background-repeat: no-repeat;   background-position:top center; padding-top: 90px !important;}


.linhaCampo{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 46% ;padding:10px 0px; margin:0 2%; box-sizing: border-box;border-bottom:  dashed thin #fff;  }
 .linhaCampo > p{  font-weight:400; font-size: 1.2em; }
 .alinhaCampo div:last-child{ border:  0; }
 .alinhaCampo{display:flex; flex-direction: row; flex-wrap: wrap; max-width: 1260px; margin: auto; }

.cardapioVeg{background-image:url(../imagens/divisao-arco-cima-bco.png); background-position: bottom center;  background-color:#067b40;background-repeat: no-repeat; color: #fff; padding-top: 70px !important; padding-bottom:150px !important; height: auto; }
.cardapioVeg h2{ color: #fff;}
.cardapioVeg .boxProd p:nth-child(2){  color: #fff; font-weight: 800; font-size: 1.2em; margin-bottom: 0;}
.cardapioVeg .boxProd p:nth-child(3){  color: #000; font-weight: 600; font-size: 1.2em;margin-bottom: 0;}

.cardapioPrato{background-image:url(../imagens/divisao-arco-verm-cima.png); background-position: top center;  background-color:#fff;background-repeat: no-repeat; padding-top: 110px !important; padding-bottom: 50px !important; }

.alinhaCardapioInterna{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center ; align-items: flex-start; max-width: 1260px; margin: auto; padding:90px 0 50px; box-sizing: border-box;   }
.alinhaCardapioInterna > div{ width: 50%; padding:0 20px; box-sizing: border-box;  }
.linhaCardapioInterna{ margin: 10px 0; border-bottom:  dashed thin #cb1f25; padding-bottom: 10px; box-sizing: border-box;  }
.alinhaCardapioInterna div:last-child{ border:  0; }

.cardapioLanches{background-image:url(../imagens/divisao-arco-verde-cima.png); background-position: top center;background-repeat: no-repeat; padding-top: 130px !important; }
 

.alinhaPrecos{ display: flex; flex-direction: column; width: 100%; font-weight:400; font-size: 1.2em; justify-content: center }
.alinhaPrecos  div{ display: flex; flex-direction: row;width:50%; margin: auto; padding:10px 0px; box-sizing: border-box; justify-content: space-between;border-bottom:  dashed thin #cb1f25;  }

.linhaVeg{   border-bottom:  dashed thin #fff;  width: 46%;padding:10px 0px; margin:0 2%; box-sizing: border-box;  }
.alinhaVeg{ display:flex; flex-direction: row; flex-wrap:nowrap; align-items: flex-start;  justify-content: space-between;}
.alinhaVeg > p{  display:flex; flex-direction: row;  flex-wrap:wrap; }
.descVeg{  color:#eee !important;}
.alinhaCampoVeg div:last-child{ border:  0; }
.alinhaCampoVeg{ flex-wrap: wrap;  }

.cardapioEntradas{ position: relative; height:auto; width:100%;  align-items:center; box-sizing: border-box;    padding-bottom: 0px !important;background-image:url(../imagens/divisao-arco-baixo.png); background-position: top center;  background-repeat: no-repeat; padding-top: 140px !important;background-color:#cb1f25;background-repeat: no-repeat; color: #fff;}
.cardapioEntradas h3{ color: #fff;}
.descEntrada{  color:#eee !important; font-style: italic}
.linhaEntradas{ margin: 20px 0; border-bottom:  dashed thin #fff; padding-bottom: 10px;  }
.linhaEntradas:last-child{ margin: 20px 0; border-bottom:0; padding-bottom: 10px;  }

.alinhaCampos{ flex-wrap: wrap;  }
.alinhaCampos div:last-child{ border:  0; }
.linhaCampos{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 46% ;padding:10px 0px; margin:0 2%; box-sizing: border-box;border-bottom:  dashed thin #cb1f25;  }

.alinha{ display:flex; flex-direction: row; flex-wrap:wrap;  justify-content: space-between;}
.desc{font-weight: 300; }
.linha{  width: 46%;  padding:10px 0px; margin:0 2%; box-sizing: border-box;border-bottom:  dashed thin #cb1f25; }
.alinha > p{  font-weight:400; font-size: 1.2em; }
.alinha div:last-child{ border:  0; }


.sobre{ padding: 70px 20px 90px; background-image: url(../imagens/divisao-arco-verm.png); background-repeat: no-repeat; background-position: bottom; }
.sobre p{  margin:3px 0;}
.sobre h1{font-family: 'Merienda', cursive;  text-transform: none; font-size: 2.3em; color: #cb1f25;margin-bottom: 0px; }
.sobre h2{font-family: 'Merienda', cursive;  text-transform: none; font-size: 1.3em; color: #999;margin-bottom: 15px; font-weight: 400;  text-align: left;}
.logoApp{ display: flex; flex-direction: row; text-align: center;}
.logoApp div{  margin:40px 10px  0;}
 
.fdoDescCto{   background-image: url(../imagens/divisao-arco-verm.png); background-repeat: no-repeat; background-position: bottom;padding: 0px 0px 130px; box-sizing: border-box;}
 .descCto{ display:flex; flex-direction: column; flex-wrap:wrap;padding: 0px 0px 30px; box-sizing: border-box;}
.descCto > div{  width: 100%; padding:0 30px; box-sizing: border-box; }
.descCto h3{ font-family: 'Merienda', cursive;  text-transform: none; font-size:2.0em; margin-top: 50px; margin-bottom: 25px;color: #cb1f25; }

.descCto .fab{ font-size: 3em; color: #cb1f25;}
.descCto .fas,.descCto .far{ position: relative; font-size: 1.5em;color: #cb1f25; margin-right: 10px; top: 3px; }
.infoCto div{ margin: 20px 0; padding-right: 10px; }

textarea{ width: 100%;background-color: #f8f8f8; border: 1px solid #e7e7e7; padding: 10px;  margin: 10px 0;box-sizing: border-box; }
.descCto input[type=text] { 
    width: 100%; 
    border: 1px solid #e7e7e7; 
    padding: 10px;  box-sizing: border-box;
    margin: 10px 0; 
	background-color: #f8f8f8;
}
.descCto input[type=submit] { 
    width: 100%; 
    padding:20px 10px; box-sizing: border-box;
    margin: 10px 0; 
	background-color: #cb1f25; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em;
	border-radius: 15px;
}

.cardapio{ text-align: center; padding:0px 50px 170px !important;  }
.cardapio h3 {     color:#067b40; letter-spacing: 2px;}
.cardapio:nth-child(even) { background-color: #f8f8f8; background-image: url(../imagens/divisao-arco-cima-bco.png); background-position: bottom center; background-repeat: no-repeat;}
 .cardapio:nth-child(odd) { background-image: url(../imagens/divisao-arco-cima-bege.png); background-position: bottom center; background-repeat: no-repeat;}
 .cardapio:last-child { background-image: url(../imagens/divisao-arco-verm.png) !important; background-position: bottom center; background-repeat: no-repeat;}

.cardapioVegSal{text-align: center; padding:0px 50px 140px !important;  background-color: #f8f8f8; background-image: url(../imagens/divisao-arco-cima-verde.png); background-position: bottom center; background-repeat: no-repeat;}
.cardapioVegSal h3 {     color:#067b40; letter-spacing: 2px;}


.linhaCardapio{display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; max-width: 1260px; margin: auto; text-align: center;}
.boxProd{ display:flex; flex-direction: column; align-items: center;   max-width:100%; padding:10px 10px; box-sizing: border-box; text-align: center;transition: all 0.3s ease;  }
.boxProd:hover{ }

.boxProd img{ width: 100%; max-width: 180px !important; height: auto; display: block;transition: all 0.3s ease;border-radius: 20px; overflow: hidden; margin-bottom: 8px;}
.boxProd:hover.boxProd img{}

.meio{ justify-content: center;}
.boxProd p:nth-child(2){  color: #cb1f25; font-weight: 600; font-size: 1.2em;margin-bottom: 5px;}
.boxProd p:nth-child(3){  color: #067b40; font-weight: 600; font-size: 1.0em; margin-bottom: 5px;}
.linhaCardapio h3 {    margin: 0; }

/* max device width ( mobile )*/
@media  screen and (max-width:580px) {
 .fotoShwarma img{ width: 100% !important; height: auto; display: block;}
  .logosVeg img{ width: 100% !important; height: auto; display: block;}

	
}
	 
 
	 
/* min-width & max-width ( entre 767px e 950px )  TABLET*/ 
@media screen and (min-width: 581px) and (max-width: 950px) {
		body{font-size:14px; } 
		header nav ul li:nth-child(1){ order:2; }header nav ul li:nth-child(2){ order:3; }header nav ul li:nth-child(3){ order:4; }header nav ul li:nth-child(4){ order:1;flex:1 1 100%;display: block; text-align: center }header nav ul li:nth-child(5){ order:5; }header nav ul li:nth-child(6){ order:6; }header nav ul li:nth-child(7){ order:7; }
		header nav ul{display: flex;flex-direction: row; flex-wrap: wrap; max-width: 1260px;} 
		header nav ul li{ font-size:1.4em; margin:3px 0; } 
 	   .logo{ display: none}
		header nav ul li{border-bottom:0; } 
	   .boxes{   min-height: 200px; padding: 50px 20px;   flex-direction: row;align-items: stretch;  } 
       .boxes article{ width: 31%; margin: 1%; border-right: dashed 2px #f1f0eb; border-bottom: 0;} 
       .boxes article:last-child{  border-right: 0} 
	   .carimbo img{ width: 100%; height: auto; display: block; max-width: 300px;}
       .frases{ font-weight: bolder; color: #fdd735;font-size: 3.5em;  }
 	   .flexL{display: flex; flex-direction: column;}
	
	.servicos{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  padding: 120px 20px; }
	.servicos article{ display: flex; flex-direction: row; width: 98%; margin:10px 1%;box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.17);transition: all 0.3s ease; padding: 0 0px 0px 0px; box-sizing: border-box;background-color: #fff;}
	.servicos article  img{ width: 100%;   height: auto; display: block;}
	.servicos article p{ padding:0 15px; }
	.servicos article h2{  font-size: 1.5em; margin: 25px 5px 15px;color: #e01f04; }
	.servicos .vejaMais{  padding: 5px 20px; font-weight: bold; } 
	.servicos .btVejaMais{   margin-bottom: 20px } 
	
	.fotoShwarma { text-align: center}
	footer{  min-height: 405px;}
  .mapa h2{   font-size: 3em; }
}
	 

/* min-width ( acima de 900px ) */  
@media screen and (min-width: 951px) {	
		body{font-size:16px; } 
		 
		header nav ul li:nth-child(1){order:1;}header nav ul li:nth-child(2){order:2;} header nav ul li:nth-child(3){order:3;} header nav ul li:nth-child(4){order:4; display: block; text-align: center} header nav ul li:nth-child(5){order:5;} header nav ul li:nth-child(6){order:6;} header nav ul li:nth-child(7){order:7;} 
		header nav ul{ display: flex; flex-direction: row;max-width: 1260px; margin: auto} 
		header nav ul li{ font-size:1.4em;margin:3px 0px;  } 
	   .carimbo{position:absolute;right: 30px;  top: 30px; }
	   .carimbo img{ width: 100%; height: auto; display: block;}
	   .logo{ display: none}
		header nav ul li{border-bottom:0; } 
	   .boxes{   min-height: 200px;  flex-direction: row; padding: 0px 20px 110px 20px; } 
       .boxes article{ width: 33%; margin: 1% 0; padding: 1%; border-right: dashed 2px #f1f0eb;border-bottom: 0;} 
       .boxes article:last-child{  border-right: 0} 
	   .carimbo img{ width: 100%; height: auto; display: block; max-width: 300px;}
       .frases{ font-weight: bolder; color: #fdd735;font-size: 4.5em;  }
	   .flexL{display: flex; flex-direction: row;}
   	   .servicos article{ width: 28%; margin:1% 2.5%; padding:0px; padding-bottom: 40px }
	   .respiroRodape p{ font-size: 4em; ;letter-spacing: 2px;}
	
       .ctoTel{font-size: 3em; }
	   footer .far, footer .fas{ font-size: 2em;color: #ffd200; margin-right: 10px;}
	
	
    .arabVeg{  padding: 0px 0px; min-height: 600px;display: flex; flex-direction: row; align-self: stretch; }
    .fotoVeg{ width: 50%; background-image: url(../imagens/img07.png);background-repeat: no-repeat;   background-position: right bottom;}
	.txtVeg{ width: 50%; display: flex; flex-direction: column; padding: 50px 50px; align-items: flex-start; justify-content: center; }
	.logosVeg {   display: flex; flex-direction: row; align-items: center;}
	.logosVeg img{  margin: 10px 20px;}

	.veg{width: 46%; padding: 20px; margin:0 2%; box-sizing: border-box;  }
	.arab{width: 46%;margin:0 2%; padding: 20px;box-sizing: border-box; }
    footer{   background-image: url(../imagens/camelo.png); background-position: center right; }
	.shawarma h2{  margin-bottom: 10px; text-align: left; font-size: 4.4em; }
	.cardapioHome h2{   font-size: 5em; margin-top: 0px; margin-bottom: 0px; }

	.logoApp{ display: flex; flex-direction: row;}
	.logoApp div{  margin:40px 40px 40px 0;}
	
	.midias{ display: flex; flex-direction: row;}
    .linhaCardapio{  flex-direction: row; justify-content: center; }
	.boxProd{  flex-direction: column;   max-width: 310px;padding:10px 30px;    }
	.cardapioInterna  h2{  font-size: 3.5em; }
	.cardapioInterna  h3{  font-size: 1.5em; text-align: center }
	.descCto{ display:flex; flex-direction: row; flex-wrap:wrap;padding: 0px 20px 50px; }
	.descCto > div{  width: 50%; padding:0 10px; box-sizing: border-box; }
    .descCto h3{   font-size: 2.8em; margin-top: 50px; margin-bottom: 25px;  }
 	
	footer{  min-height: 405px;}
    .mapa h2{   font-size: 3em; }
	
    .sobre h1{  text-transform: none; font-size: 3.8em; margin-bottom: 0px; }
	.sobre h2{  text-transform: none; font-size: 1.5em;margin-bottom: 15px;   text-align: left;}

}

/* so pro delivery*/  
@media screen and (min-width: 1260px) {	
		.delivery img{ width: 100%; height: auto; display: block; max-width: 280px;}
}