* { margin:0; padding:0; list-style:none; vertical-align:baseline; text-decoration: none;}

html {height: 100%; }
body{
	margin:0px; padding:0px;
	font-family: 'Roboto', sans-serif;
	height: 100%;
}


h1{ font-size:40px; text-align:center; color:#332a2a; font-weight:700; text-transform: uppercase; }
h2{ font-size:45px; text-align:center; color:#000; font-weight:500; }

ul, li{ margin:0px; padding:0px; list-style:none; }

.clear{ clear:both; }
.noborder{border: none!important;}


.cont{ max-width:990px; width:100%; margin:0 auto; }

.bt{
	width: 120px;
	padding: 10px 0px;
	display: block;
	text-align: center;
	color: #fff;
}
.bt_verde{
	background: #00d175;
	border-bottom: 2px solid #00ae5d;
	border-right: 2px solid #00ae5d;
}

.bt_vermelho{
	background: #f90808;
	border-bottom: 2px solid #cd0e0e;
	border-right: 2px solid #cd0e0e;
}

.bt_fecharpedido{
	padding:30px 30px 30px 110px;
	display: block;
  font-size: 25px;
	color: #fff;
	background: #00d175 url(images/icon_compra.png) 30px center no-repeat;
	border-bottom: 2px solid #00ae5d;
	border-right: 2px solid #00ae5d;
	float: right;
}

.bt_voltarpedido{
	padding:30px 30px 30px 150px;
	display: block;
  font-size: 25px;
	color: #fff;
	background: #3fdcd3 url(images/icon_voltar.png) 20px center no-repeat;
	border-bottom: 2px solid #3fc2b7;
	border-right: 2px solid #3fc2b7;
	float: left;
}

/* HEADER */

.header{
	width:100%;	height:55px;
	background:#00a7ad;
	padding-top:10px;
	position:fixed; top:0px; left:0px;
	z-index:1000;
}

.logo{ float:left; }

.logomobile{ display: none;  }
.logodesk{ display: block;  }

.menu{ float:right; margin-top: 15px; position: relative; }
.menu a{ color:#fff; text-decoration:none; font-size:18px; margin-left:10px; text-transform:uppercase; }
.menu a:hover{ color:#000; }

.menu a i{ display: none;  }

.menu .btlogin{
	width: 50px; height:50px;
	display: inline-block;
	top: 20px; position: relative;
	background: url(images/icon_user.png) top center no-repeat;
}

.menu .submenu{
	width: 200px; height: 100px;
	background:#00a7ad;
	position: absolute; top: 85px; right: 0px;
	border-top:1px solid #fff;
	line-height: 30px;
}

.btmobile{
	display: none;
	width: 30px; height: 30px;
	float: right;
	margin-top: 10px; margin-right: 10px;
}
.btmobile span{
	width: 100%; height: 5px;
	display: block;
	margin-bottom: 5px;
	background: #fff;
}

/* BANNER */
.banner{
	width: 100%; height: 100vh!important;
	background: url(images/bn_principal.jpg) top center no-repeat;
	margin-top: 65px;
	overflow: hidden;
}
.banner .txt{
	width: 460px; margin:180px auto 0px auto;
	font-size: 50px; color:#fff; text-align: center;
	font-weight: 700;
	font-family: arial;
	text-shadow: 2px 2px 4px #000;
}
.banner .bt_laranja{
	width: 300px;
	text-align: center; font-size: 20px; font-weight: 500; color: #fff;
	padding: 20px 0;
	background: #e38318;
	border-radius: 8px;
	display: block;
	margin: 0 auto;
	font-family: arial;
}
.bannernatal{
	width: 100%; height: 609px;
	background: url(images/banner-natal-2018.jpg) top center no-repeat;
	margin-top: 65px;
	overflow: hidden;
}
.bannernatal .txt{
	width: 460px; margin:180px auto 0px auto;
	font-size: 50px; color:#fff; text-align: center;
	font-weight: 700;
	font-family: arial;
}
.bannernatal .bt_laranja{
	width: 300px;
	text-align: center; font-size: 20px; font-weight: 500; color: #fff;
	padding: 20px 0;
	background: #e38318;
	border-radius: 8px;
	display: block;
	margin: 0 auto;
	font-family: arial;
}

.quemsomos{
	padding: 50px 0px;
	position: relative;
}
.quemsomos .ancora{
	position: absolute;
	top: -30px;
}

/*.boxcinza{
	width: 100%;
	color: #fff;
	margin-top: 50px; padding: 120px 0px;
	text-align: center;
}
.boxcinza img{ width: 100%; margin: 30px 0px;}*/


.bt_laranja2{
	width: 300px;
	text-align: center; font-size: 16px; font-weight: 500; color: #fff;
	padding: 10px 0; margin: 10px 0px;
	background: #e38318;
	border-radius: 8px;
	display: block;
	margin: 0 auto;
	font-family: arial;
}

/* CONTEUDO */
.conteudo p{
	text-align: justify;
    font-size: 22px;
    line-height: 35px;
}
.conteudo .itens{ text-align:center; }
.conteudo .itens li{ max-width:403px; width:33%; display:inline-block; margin:0px 0.5px; }
.conteudo .itens li img{ width:100%; }


.conteudo .comeceaqui{
 width:100%; height:90px;
 margin:50px 0;
 background:#00a7ad url(images/bt_comeceaqui.png) center center no-repeat;
 display:block;
}

.conteudo .comofunciona{
 width:100%; min-height:300px;
 margin-top:50px;
 display:block;
 background: url(images/bg_cinza.jpg) 0px 75px repeat-x;
}

.conteudo .comofunciona h1{ text-align: center; padding: 30px 0; }

.conteudo .comofunciona .boxcf{
	max-width:265px; width:100%;
	margin:0 30px 30px 30px;
	float: left;
	text-align:center;
}
.conteudo .comofunciona .boxcf h3{ padding: 15px 0px; }
.conteudo .comofunciona .boxcf p{
	font-size:15px;
	text-align:justify;
	line-height: 25px;
}


/***** PEDIDO CARDAPIO *****/
.tit_cardpedido{
	width:100%;
	height:215px;
	background:url(images/bg_cardapiosemanal.jpg) top center no-repeat;
	padding-top:55px;
}

.tit_cardpedidoSemanal{
	width:100%;
	height:160px;
	background:url(images/bg_cardapiosemanal.jpg) top center no-repeat;
	padding-top:55px;
}

.tabela_pedido{
	max-width: 990px;
	min-height: 300px;
	margin: 50px 0;
}

.tabela_pedido .menu_semana{
	width: 100%;
	position: relative;
	z-index: 200;
}
.tabela_pedido .menu_semana td{
	position: relative;
	background: #97d8d1;
	padding: 15px 0; text-align: center;
	border-right: 1px solid #fefefe;
	border-bottom: 2px solid #fefefe;
}

.tabela_pedido .menu_semana td:hover,
.tabela_pedido .menu_semana td.ativo{
	background: #56a8af;
}

.tabela_pedido .menu_semana a{

	font-family: arial; font-size: 30px;
	color:#fefefe; text-align: center; text-decoration: none;
	position: relative;
}



.tabela_pedido .menu_semana .setahover{display: none; }
.tabela_pedido .menu_semana td:hover .setahover,
.tabela_pedido .menu_semana td.ativo .setahover{
	display: block;
	position: absolute; left:50%; bottom:-26px;
	margin-left: -32px;
}

.tabela_pedido .detalhe_entrega{
		padding: 35px 0;
		background: #00bfc4;
		text-align: center;
		position: relative;
		z-index: 100;
}
.tabela_pedido .detalhe_entrega h1{
	color:#fefefe; font-size:35px; display: block;
	max-width: 75%; width: 100%;
	font-weight: 400;
	margin: 0 auto;
}
.tabela_pedido .detalhe_entrega p{
	color:#fefefe; font-size:16px; display: block;
	max-width: 90%; width: 100%; font-weight: 300;
	margin: 0 auto;
}

.tabela_pedido .detalhe_entrega a{
	width: 70px; padding: 15px 5px;
	display: block;
	text-align: center;
	color: #059753;
	background: #fefefe;
	position: absolute; top: 80px;
}
.tabela_pedido .detalhe_entrega a.left{ left: 0px }
.tabela_pedido .detalhe_entrega a.right{ right: 0px }

.tabela_pedido .lista_comida{ background: #e8e7de; }
.titulo{
	text-indent: 17px;
	font-size: 33px;
	color: #fff;
	background: #d6d3ca;
	padding: 6px 0px!important;
}
.tabela_pedido .lista_comida li{ padding: 20px 0; border-bottom: 2px solid #fff;}
.tabela_pedido .lista_comida div{ float:left; }
.tabela_pedido .lista_comida div.check{ width: 15%; min-height: 80px; text-align: center;}
.tabela_pedido .lista_comida div.check img{ max-width: 68px; width: 90%; }
.tabela_pedido .lista_comida div.descricao{ width: 85%; }
.tabela_pedido .lista_comida div.descricao h1{ color:#037275; font-size: 25px; display: block; text-align: left; margin-bottom: 10px; }
.tabela_pedido .lista_comida div.descricao p{ color:#000; font-size: 18px; display: block; text-align: left; }
.tabela_pedido .lista_comida div.quantidade{ width: 20%; text-align: center; display: none; }
.tabela_pedido .lista_comida div.quantidade select{ height: 30px; color: #000; width: 35px; margin-top: 30px;}
.tabela_pedido .lista_comida div.valor{
		width: 20%;
    color: #037275;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding-top: 32px;
}
.tabela_pedido .lista_comida div.valorSemanal{
		width: 20%;
    color: #037275;
    font-size: 33px;
    font-weight: 500;
    text-align: right;
    padding-top: 32px;
		display: none;
}
.tabela_pedido .lista_comida div.botoes{ width: 170px; }
.tabela_pedido .lista_comida div.botoes a{ margin: 25px auto 0 auto; }

.tabela_pedido .menu_valores{
 border: 5px solid #d1d0c8;
 width: 100%;
}
.tabela_pedido .menu_valores td{
 padding: 15px 0;
 background: #e6e5e0;
 border-right: 5px solid #d1d0c8;
 text-align: center;
}
.tabela_pedido .menu_valores td strong{
 display: block;
}
.tabela_pedido .menu_valores a{
	font-family: arial; font-size: 25px;
	color:#027a75; text-decoration: none;
	position: relative;
}
.tabela_pedido .menu_valores td.total { background: #009ea2; width: 250px; }
.tabela_pedido .menu_valores td.total a{ color:#fff; background: #009ea2; }

.tabela_pedido .fecharpedido a{
	border-top: 1px solid #fff;
}

.resumopedido{}

.tabela_pedido .titresumo{
	padding: 20px 0; text-align: center;
	background: #00a7ad; color: #fff;
	font-size: 30px; font-weight: 300;
}
.tabela_pedido .nomeusuario {
background: #d1d0c8;
text-align: center; font-size: 25px;
padding: 30px;
}
.tabela_pedido .nomeusuario strong { display: block; }

.resumopedido .menu_semana{
	padding-top: 50px;
	background: #e8e7de;
}
.resumopedido .menu_semana { border-bottom: 2px solid #fff; }
.resumopedido .menu_semana td{ width: 250px; display: block; background: #00bfc4; border: none; }
.resumopedido .menu_semana td a{ font-size: 20px; font-weight: 500; }

.resumopedido .check{ width: 50px!important; }
.resumopedido .valor{ width: 180px!important; }


.snacks h1{
	font-size: 40px;
	padding: 50px 0;
}
.snacks ul li{
	width: 100%; max-width: 30%;
	float: left;
	margin:0 1%;
}
.snacks ul li img{
	width: 100%;
}
.snacks .purple{ background: #9401e0; }
.snacks .green{ background: #00a7ad; }
.snacks .orange{ background: #ffab27; }



.snackinfo{
	/* height: 400px; */
	padding: 15px;
	text-align: center;
	border-radius: 8px;
	color: #fff;
}
.snackinfo strong{
	margin: 15px 0px;
	display: block;
	font-size: 24px;
	font-weight: 700;
    text-transform: uppercase;
}
.snackinfo p{
	height: 400px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}

.snacks a{
	width: 90%;
	text-align: center; font-size: 20px; font-weight: 500; color: #e38318;
	padding: 10px 0; margin: 20px auto 0 auto;
	background: #fff;
	border-radius: 8px;
	display: block;
	font-family: arial;
}


.receba{
	padding: 30px 0;
	background: #ffab27;
}
.receba p{
	font-size: 21px;
	text-align: center;
}
.receba .form{
	max-width: 990px;
	margin: 30px auto;
	text-align: center;
}
.receba .form img{
display: inline-block;
top: 23px;
position: relative;
}

.receba .bt_enviar{
	margin: 0!important;
    float: none;
    top: -2px;
    position: relative;
}

.receba .dddr{ width: 80px; }


.contato{
	padding: 20px 0 ;
	background: #00a7ad;
	color: #fff;
	padding-bottom: 60px;
}
.contato h1{ margin-bottom: 20px; font-size: 35px; }

.contato .logofooter{ margin-top: 50px; }
.contato .bleft{
	width: 40%;
	float: left;
	text-align: center;
}
.social{ text-align: left; font-size: 20px; line-height: 50px;}
.social a{ color: #fff; text-decoration: none;}
.social a:hover{ color:#ffab27;}
.social img{ position: relative; top: 10px; margin-right: 10px; width: 40px;}
.contato .bright{
	width: 50%;
	padding-top: 50px;
	float: right;
}
.contato .bright .inp{
	width: 100%;
	display: block;
	margin-bottom: 10px;
	background: #a8e1e3;
	font-size: 17px;
}

.bt_enviar{
	font-size: 15px; font-weight: 700;
	text-transform: uppercase;
	color: #e38318;
	padding: 10px 0;
	margin: 20px auto 0 auto;
	background: #fff;
	border-radius: 8px;
	border:none;
	cursor: pointer;
}

.contato .bright textarea{
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border: none;
	background: #a8e1e3;
	font-size: 17px;
	padding:0px;
	text-indent: 10px;
	color: #898888;
}
.bt_enviar{
	width: 100px;
	float: right;
}

.txtfooter{
	font-size: 18px!important;
	padding: 100px 0 0 0;
	clear: both;
	text-align: center;
	color: #fff;
}


.inp{
	width: 200px;
	height: 40px;
	border: 0px;
	background: #ffe2b5;
	display: inline-block;
	font-size: 20px;
	padding: 0;
	text-indent: 10px;
	color: #898888;
}

.ddd{ width: 14%!important; float: left;}
.tel{ width: 85%!important; float: right;}

.bt_fixo{
	width: 60px; height: 60px;
	position: fixed; right: 30px; bottom: 30px;
	z-index: 8000; display: block;
	background: url(images/bt_fixo.png) top right no-repeat;
	background-size: auto 60px;
}
.bt_fixo:hover{ width: 250px; }



/***** LOGIN *****/
.boxlogin{
	width: 745px;
	margin: 50px auto; padding-bottom: 20px;
	background: #e8e7de;
}
.boxlogin h1{
	padding: 20px 0;
	text-align: center; font-size: 30px; color:#fff; font-weight: 300;
	background: #00bfc4;
}
.boxlogin .campos{
	width: 435px;
	margin: 30px auto;
}
.boxlogin .campos label{
	font-size: 30px; color:#686864;
	display: block;
}
.boxlogin .campos .inptext{
	width: 100%; height: 40px;
	border:1px solid #686864;
	margin-bottom: 20px;
}
.boxlogin .campos span{
	font-size: 20px; color:#686864;
	display: block;
}

.boxlogin .campos .bt_verde{
	width: 150px;
	padding: 10px 0;
	color: #fff; font-size: 20px;
	text-align: center;
	margin: 20px auto;
	display: block;
	border-top: 0px;
	border-left: 0px;
}

.bt_azul{
	width: 300px;
	padding: 15px 0;
	color: #fff; font-size: 30px;
	text-align: center;
	margin: 20px auto;
	display: block;
	border-bottom: 2px solid #3fc2b7;
	border-left: 2px solid #3fc2b7;
	background: #3fdcd3;
}

.nheader{ text-align: center; }
.nheader img{ display: inline-block;; }
.nheader .nlogo{ max-width: 260px; width: 100%; margin: 10px auto; }
.nheader .nbanner{max-width: 700px; width: 100%; }




/** PARALLAX **/

.parallax-window {
    height: 60vh; position: relative;
    background: transparent;
    position: relative;
}

.parallax-window .frase{
	color: #fff; font-size: 25px;
	position: absolute; bottom: 20%;
	text-shadow: 2px 2px 4px #000;
	text-align: center;
    width: 100%;
}



/* POP PWA*/

.mobile_pwa{
	display: none;
	position: relative;
    z-index: 99999;
}

.pop_pwa{
	width: 100%; height: 100%;
	position: fixed; top: 0px; left: 0px;
	display: none;
	z-index: 9000;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.65+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.pop_pwa .cont_pwa{
	width: 90%; max-width: 300px;
    min-height: 200px;
    margin: 10% auto; padding: 10px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.pop_pwa .cont_pwa .logo_pwa{ max-width: 150px; width: 100%; margin-bottom: 30px; }
.pop_pwa .cont_pwa p{  margin-bottom: 30px; }
.pop_pwa .cont_pwa .fechar_pwa{ position: absolute; top: 10px; right: 10px; font-size: 30px; }