<?php
session_start();
$_SESSION['ContatoWhatsApp'] = '51 9963 4808';
?>
<!doctype html>
<html lang="pt-BR">


<head>

    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--====== Title ======-->
    <title>Green BOX</title>

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/favicon. ico" type="image/png">

    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">


</head>

<body>
 
    <header class="header-area header-2-area" id="home" style="">
        <div class="header-menu">
            <div class="container-fluid ">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="navigation ">
                            <nav class="navbar navbar-expand-lg">
                                <div class="logo">
                                    <a href=""><img src="green-box.png" alt="logo"></a>
                                </div>
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarFive" aria-controls="navbarFive" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="toggler-icon"></span>
                                    <span class="toggler-icon"></span>
                                    <span class="toggler-icon"></span>
                                </button> <!-- navbar toggler -->
                                <div class="collapse navbar-collapse sub-menu-bar" id="navbarFive">
                                    <ul class="navbar-nav m-auto menu">
                                        <li class="nav-item">
                                            <a class="page-scroll" href="#home">Início</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="page-scroll" href="#quemsomos">Quem Somos</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="page-scroll" href="#produtos">Nossos Boxes</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="page-scroll" href="#comofunciona">Como Funciona</a>
                                        </li> 
                                        <li class="nav-item">
                                            <a class="page-scroll green_box" href="https://api.whatsapp.com/send?phone=55<?=str_replace(" ", "", $_SESSION['ContatoWhatsApp']);?>" ><i class="fab fa-whatsapp"></i> Faça Seu Pedido</a>
                                        </li>
										
                                    </ul>
                                </div> 
                            </nav> <!-- navbar -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!--====== HEADER PART ENDS ======-->

    <!--====== BANNER PART START ======-->

    <section class="banner-area-2">
        <div class="banner-item bg_cover" style="background-image: url(assets/slide.png)">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <div class="banner-content text-center menu">
                            <span>Hortifruti  Sem Sair de Casa</span>
                            <h1 class="title">Frutas e Legumas Delivery</h1>
                            <ul>
                                <li><a href="#quemsomos" class="main-btn">Conheça mais <i class="far fa-plus"></i></a></li>
                                <li><a href="#" class="main-btn main-btn-2">Nossos boxes <i class="far fa-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====== BANNER PART ENDS ======-->

    <!--====== FEATURES PART START ======-->

    <section class="features-2-area pt-120 pb-130" id="quemsomos">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-9">
                    <div class="features-content menu">
                        <span>Green Box</span>
                        <h3 class="title">Quem Somos?</h3>
						<p>
							Somos uma empresa voltada para desenvolver soluções de compras e entregas de produtos hortifruti ao cliente, garantindo comodidade, praticidade e segurança.
						</p>
                        <p>
							Suas compras diretamente em sua casa, com comodidade, praticidade e segurança.<br>
							Receba em casa os itens da sua box sem precisar enfrentar trânsito, procurar vagas em estacionamento ou esperar em filas.
						</p>
                        <a class="main-btn" href="#comofunciona">Veja Como Funciona <i class="far fa-plus"></i></a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-9">
                    <div class="features-items">
                        <div class="item mt-35 mb-35">
                            <i class="flaticon-agriculture-1"></i>
                            <h4 class="title">Qualidade</h4>
                            <p>O produto vem direto do produtor para sua casa e são previamente selecionados através de nossos compradores.</p>
                        </div>
                        <div class="item mt-35 mb-35">
                            <i class="flaticon-food-1"></i>
                            <h4 class="title">Economia</h4>
                            <p>Em média os produtos Green box são comercializados cerca de 10% abaixo do preço dos Supermercados tradicionais.</p>
                        </div>

                        <div class="item">
                            <i class="flaticon-agriculture"></i>
                            <h4 class="title">Higiene</h4>
                            <p>O produto vem acondicionado em um recipiente higienizado apropriado para o transporte, evitando o danos aos produtos.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====== FEATURES PART ENDS ======-->

    <!--====== ABOUT US PART START ======

    <section class="about-us-area" id="comofunciona">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="about-thumb">
                        <img src="assets/images/about-thumb.jpg" alt="about">
                        <img class="text" src="assets/frutas.png" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content ml-70">
                        <span>Green Box</span>
                        <h3 class="title">Como Funciona?</h3>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptate santiu doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explibo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odiaut fugit, sed quia consequuntur magni dolores eos qui ratione luptatem sequi nesciunt. Neque porro quisquam est, qui dolorem </p>
                        <ul>
                            <li>
                                <span><span class="counter">1</span></span>
                                <p>Escolha Seu Plano</p>
                            </li>
                            <li>
                                <span><span class="counter">2</span></span>
                                <p>Faça Sua Lista de Compras</p>
                            </li>
                            <li>
                                <span><span class="counter">3</span></span>
                                <p>Receba em Casa</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
 -->
    <section class="about-us-area" id="comofunciona">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="features-content">
                        <span>Green Box</span>
                        <h3 class="title">Como Funciona?</h3>
						<p>Você recebe em casa os itens solicitados sem precisar enfrentar trânsito, procurar vagas em estacionamento ou esperar em filas.</p>
					</div>
				</div>
				<div class="col-lg-8 offset-lg-3 padd_bottom_50">
					<div class="row">
						<div class="col-md-12">
							<div class="row service_item">
								<div class="col-md-6  col_text">
									<h3 class="dark-grey marg_bottom_10">
										Entre em Contato
									</h3>
									Conheça a greenbox através de nossas plataformas (site, instagram, facebook) e entre em contato pelo whatsapp 999634808.<br>
									Em seguida, faça o cadastro de assinatura (pré-pago).
								</div>
									<div class="col-md-4 padd_top_30 col_image">
										<img src="comofunciona/contato.png" width="100%">
									</div>
							</div>
						</div>
					</div>
							
							<div class="row">
								<div class="col-md-12  ">
									<div class="row service_item">
										<div class="col-md-4 padd_top_30 col_image">
											<img src="comofunciona/plano.png" width="100%">
										</div>
											<div class="col-md-7  menu col_text">
												<h3 class="dark-grey text-left marg_bottom_10">
													Escolha o Seu Plano
												</h3>
												O produto vem direto do produtor para sua casa e são previamente selecionados através de nossos compradores.
												<br><br>
												<a href="#produtos" class="btn-xs main-btn main-btn-2">Nossos Planos <i class="far fa-plus"></i></a>
											</div>
									</div>
								</div>
							</div>
						
						<div class="row">
							<div class="col-md-12   ">
								<div class="row service_item">
									<div class="col-md-5   col_text">
										<h3 class="dark-grey marg_bottom_10">
											Realize o Pagamento do Seu Plano
										</h3>
										Você recebe por e-mail os termos da assinatura, faz a adesão realizando o pagamento do plano solicitado.
									</div>
										<div class="col-md-4 padd_top_30">
											<img src="comofunciona/pagamento.png" width="100%">
										</div>
								</div>
							</div>
						</div>
							
							<div class="row">
								<div class="col-md-12  ">
									<div class="row service_item">
										<div class="col-md-4 padd_top_30  col_image">
											<img src="comofunciona/limitemensal.png" width="100%">
										</div>
											<div class="col-md-5  col_text">
												<h3 class="dark-grey  marg_bottom_10">
													Limite Mensal
												</h3>
													Após a assinatura, você efetua o crédito referente ao seu limite de gastos no mês.<br>
													Pronto! A partir desse momento você já está habilitado para fazer os pedidos.
											</div>
									</div>
								</div>
							</div>
						
						<div class="row">
							<div class="col-md-12   ">
								<div class="row service_item">
									<div class="col-md-5  col_text">
										<h3 class="dark-grey marg_bottom_10">
											Lista de Compras
										</h3>
										Os pedidos de compra (lista) são encaminhados através do whatsapp  999634808 que pode  ser acessado <br>
										também através do site, instagram ou facebook.
									</div>
										<div class="col-md-4 padd_top_30 col_image">
											<img src="comofunciona/listacompras.png" width="100%">
										</div>
								</div>
							</div>
						</div>
							
							<div class="row">
								<div class="col-md-12  ">
									<div class="row service_item">
										<div class="col-md-4 padd_top_30 col_image">
											<img src="comofunciona/entrega.png" width="100%">
										</div>
											<div class="col-md-5 col_text">
												<h3 class="dark-grey text-left marg_bottom_10">
													Compra e Entrega
												</h3>
												A Greenbox recebe o seu pedido pelo whatsapp e agenda o dia e horário da entrega.<br>
												O pedido é entregue na residência com comodidade, praticidade, segurança, exatamente do jeito que vc precisa.
											</div>
									</div>
								</div>
							</div>
						
						
						
                        <div class="mBtm-20 visible-xs"> </div>
					</div>	 
				
			 </div>
		</div>
    </section>
		
		
    <section class="farms-area d-flex align-items-center bg_cover" style="background-image: url(assets/images/farms.jpg)">
        <div class="container position-relative">
            <div class="row">
                <div class="col-lg-10 col-xs-12">
                    <div class="farms-content menu">
                        <h3 class="title">
							Praticidade e Segurança
						</h3>
                        <span>
							<i class="fa fa-check"></i> Conceito Easy User: fácil de acionar o serviço através de lista direta no WhatsApp.<br>
							<i class="fa fa-check"></i> Você evita deslocamentos e diminui o tempo de exposição a riscos.
						</span>
						<br><br>
                        <a class="main-btn" href="#produtos">Conheça nossos boxes <i class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
	
	
    <section class="what-we-do-area" id="produtos">
        <div class="container position-relative">
            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-8">
                    <div class="section-title text-center">
                        <span>Produtos</span>
                        <h3 class="title">O Que Temos para Você?</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-salad"></i>
                        <h4 class="title">Legumes</h4>
                        <p></p>
                     </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-lemon"></i>
                        <h4 class="title">Frutas</h4>
                        <p></p>
                     </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-food-1"></i>
                        <h4 class="title">Verduras</h4>
                        <p></p>
                     </div>
                </div>
				
				
				<!--
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-milk"></i>
                        <h4 class="title">Fresh Milk & Bread</h4>
                        <p>But I must explain to you how all this mistaken idea denouncing pleasure and praising pain was born give</p>
                     </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-sprout"></i>
                        <h4 class="title">Plan Designing</h4>
                        <p>But I must explain to you how all this mistaken idea denouncing pleasure and praising pain was born give</p>
                     </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-mushroom"></i>
                        <h4 class="title">Security & Safety</h4>
                        <p>But I must explain to you how all this mistaken idea denouncing pleasure and praising pain was born give</p>
                     </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="what-we-do-item text-center mt-30">
                        <i class="flaticon-food-1"></i>
                        <h4 class="title">Modern Equipment</h4>
                        <p>But I must explain to you how all this mistaken idea denouncing pleasure and praising pain was born give</p>
                     </div>
                </div>
				-->
            </div>
        </div>
    </section>

		  <section class="gallery-area">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-4 col-md-6  ">
							<div class="gallery-item mt-30">
								<div class="gallery-thumb">
									<img src="assets/plano.png" alt="gallery">
								</div>
								<div class="gallery-content">
									<h5 class="title">GREENBOX WEEK DELIVERY</h5>
									<span>Escolha os itens da sua lista de compras e receba em sua casa todas as semanas</span>
									
								</div><Br>
								<a class="main-btn" href="https://api.whatsapp.com/send?phone=55<?=str_replace(" ", "", $_SESSION['ContatoWhatsApp']);?>" ><i class="fab fa-whatsapp"></i> Peça Já!</a>
							</div>
						</div>
						<div class="col-lg-4 col-md-6">
							<div class="gallery-item mt-90">
								<div class="gallery-thumb">
									<img src="assets/plano.png" alt="gallery">
								</div>
								<div class="gallery-content">
									<h5 class="title">GREENBOX CUSTOM DELIVERY</h5>
									<span>A cada novo pedido, inclua  itens diferentes na sua lista</span>
 								</div><Br>
								<a class="main-btn" href="https://api.whatsapp.com/send?phone=55<?=str_replace(" ", "", $_SESSION['ContatoWhatsApp']);?>" ><i class="fab fa-whatsapp"></i> Peça Já!</a>
							</div>
						</div> 
					</div> 
				</div>
				<div class="shape-1">
					<img src="assets/images/shape/shape-1.png" alt="">
				</div>
				<div class="shape-2">
					<img src="assets/images/shape/shape-2.png" alt="">
				</div>
			</section>
 
				
    
	
 
    <section class="feedback-3-area pt-110">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-8">
                    <div class="row feedback-3-active">
                        <div class="col-lg-12">
                            <div class="feedback-content">
                                <div class="info">
                                    <h5 class="title">Jonas Michel</h5>
                                     <img src="assets/images/comentario1.png" width="70px"  alt="">
                                </div>
                                <p>
									Atendimento top, com qualidade e responsabilidade, fazendo por merecer todo mérito que a marca Green Box com muita competência conquistou; Parabéns a toda a equipe pelo profissionalismo.
								</p>
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="feedback-content">
                                <div class="info">
                                    <h5 class="title">Nathália Araújo</h5>
                                    <img src="assets/images/comentario2.png" width="70px"  alt="">
                                </div>
                                <p>
									Vocês são nota 10. Serei cliente de longa data com certeza. Me senti muito bem ao conversar com vocês e quero poder estar com vocês sempre que possível e necessário. Registro meus parabéns a toda a equipe da Green Box.
								</p>
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="feedback-content">
                                <div class="info">
                                    <h5 class="title">Felie Maia</h5>
                                    <img src="assets/images/comentario3.png" width="70px"  alt="">
                                </div>
                                <p>
									Empresa muito boa nos produtos e no atendimento, uma qualidade incrível e atendem sempre com respostas rápidas.
								</p>
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    
    <div class="questions-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="questions-box">
                        <div class="row justify-content-end">
                            <div class="col-lg-8">
                                <div class="questions-box-item">
                                    <div class="item">
                                        <h3 class="title"><span>Faça seu Pedido! </span> <i class="fab fa-whatsapp"></i> 51 9963-4808</h3>
                                        <p>Entre em contato conosco peça já o seu box</p>
                                        <i class="fab fa-whatsapp"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== QUESTIONS PART ENDS ======-->

    <!--====== FOOTER PART START ======-->

    <footer class="footer-area">
        <div class="container">
			<!--
            <div class="row">
                <div class="col-lg-12">
                    <div class="footer-top align-items-center">
                        <div class="footer-logo">
                            <a href="#"><img src="green-box-light.png" alt=""></a>
                        </div>
                        <div class="footer-menu">
                            <ul>
                                <li><a class="active" href="#home">Início</a></li>
                                <li><a href="#quemsomos">Quem Somos</a></li>
                                <li><a href="#comofunciona">Como Funciona</a></li>
                                 <li><a href="#">Faça Seu Pedido</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
			-->
            <div class="row padd_top_100">
                <div class="col-lg-5 col-md-6">
                    <div class="footer-content">
                        <h4 class="title">Sobre a Green Box</h4>
                        <p>
						Somos uma empresa voltada para desenvolver soluções de compras e entregas de produtos hortifruti ao cliente, garantindo comodidade, praticidade e segurança.
						</p>
                        <ul>
                            <li><a href="https://www.facebook.com/GreenBox-Delivery-107642434261213/"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://www.instagram.com/green_boxdelivery/"><i class="fab fa-instagram"></i></a></li>
                         </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-list">
                        <h4 class="title">O Que Fazemos</h4>
                        <ul>
                            <li><i class="far fa-long-arrow-right"></i> Delivery de Frutas</a></li>
                            <li><i class="far fa-long-arrow-right"></i> Delivery de Legumes</a></li>
                            <li><i class="far fa-long-arrow-right"></i> Delivery de Hortifruti</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="footer-info mt-30">
                        <h3 class="title">Deseja Falar Conosco</h3>
                        <ul>
                            <li><a href="mailto:contato@greenboxdelivery.com.br"><i class="fal fa-envelope-open-text"></i> contato@greenboxdelivery.com.br  </a></li>
                            <li><a href="#"><i class="far fa-map-marker-alt"></i> Porto Alegre - RS</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="footer-copyright-content d-md-flex d-block align-items-center">
                            <p>Copyright © <span>Green Boxx.</span> Todos os direitos reservados</p>
                        </div>
                    </div>
						<div class="col-lg-4 padd_top_20 text-right">
							<a href="https://agencia3gplanning.com.br/"><img width="180px" src="https://agencia3gplanning.com.br/wp-content/uploads/2019/01/3g.png"></a>
						</div>
                </div>
            </div>
        </div>
    </footer>

    <!--====== FOOTER PART ENDS ======-->

    <!--====== BACK TO TOP ======-->
    <div class="back-to-top">
        <a href="#">
            <i class="fal fa-angle-double-up"></i>
        </a>
    </div>
    <!--====== BACK TO TOP ======-->






    <!--====== Fontawesome css ======-->
    <link rel="stylesheet" href="assets/css/all.css">

    <!--====== flaticon css ======-->
    <link rel="stylesheet" href="assets/css/flaticon.css">

    <!--====== Line Icons css ======-->
    <link rel="stylesheet" href="assets/css/LineIcons.html">

    <!--====== animate css ======-->
    <link rel="stylesheet" href="assets/css/animate.min.css">

    <!--====== Magnific Popup css ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">

    <!--====== Slick css ======-->
    <link rel="stylesheet" href="assets/css/slick.css">

    <!--====== Default css ======-->
    <link rel="stylesheet" href="assets/css/default.css">

    <!--====== Style css ======-->
    <link rel="stylesheet" href="assets/css/style.css">


    <!--====== jquery js ======-->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>

    <!--====== Bootstrap js ======-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>

    <!--====== Slick js ======-->
    <script src="assets/js/slick.min.js"></script>

    <!--====== Isotope js ======-->
    <script src="assets/js/isotope.pkgd.min.js"></script>

    <!--====== Images Loaded js ======-->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>

    <!--====== counterup js ======-->
    <script src="assets/js/jquery.counterup.min.js"></script>

    <!--====== waypoints js ======-->
    <script src="assets/js/waypoints.min.js"></script>

    <!--====== Magnific Popup js ======-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>

    <!--====== Ajax Contact js ======-->
    <script src="assets/js/ajax-contact.html"></script>

    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

 

<style>

@media screen and (min-width: 767px) {
	.wptwa-container {
		max-width: 400px;
		position: fixed;
		top: auto;
		left: auto;
		right: 30px;
		font-family: helvetica;
		font-size: 14px;
		max-height: 100%;
		overflow-y: auto;
		z-index: 100000;

		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #00c920 !important;
		color: #fff !important;
		bottom: 110px !important;
		
		display: inline-block;
		vertical-align: top;
		text-decoration: none;
		padding: 7px 10px;
		border-radius: 50px;
		white-space: nowrap;
		text-align: center;
		transition: all .3s;
		 z-index: 3;
	}
}
@media screen and (max-width: 766px) {
		
	.wptwa-container {
		max-width: 100%;
		width: 100%;
		position: fixed;
		top: auto;
		left: auto;
		right: auto;
		font-family: helvetica;
		font-size: 14px;
		max-height: 100%;
		overflow-y: auto;
		z-index: 99999;
		display:none;
		background-color: #00c920 !important;
		color: #fff !important;
		bottom: 0 !important;
		
		display: inline-block;
		vertical-align: top;
		text-decoration: none;
		padding: 7px 10px;

		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;

		white-space: nowrap;
		text-align: center;
		transition: all .3s;
		 z-index: 3;
	}
}

	.wptwa-container-a {
		 color: #fff !important;
	}
	
	.active_menu
	{
		background-color: #fff !important
	}
		.active_menu img
		{
			width:100px
		}
			.active_menu a
			{
				color:#000!important
			}
			.green_box{
				color: #fff
			}
			.active_menu .green_box{
				color: #6bbe03
			}
</style>
	<a class="wptwa-container-a" href="https://api.whatsapp.com/send?phone=55<?=str_replace(" ", "", $_SESSION['ContatoWhatsApp']);?>" target="_blank">
		<div class="wptwa-container">
				<span class="wptwa-handler">
					<i class="fab fa-whatsapp"></i>
					<span class="text">Fale via WhatsApp</span>
				</span>
		</div>
	</a>
</body>

	<script>
		$('.menu a[href^="#"]').on('click', function(e) {
		  e.preventDefault();
		  var id = $(this).attr('href'),
		  targetOffset = $(id).offset().top;
			
		  $('html, body').animate({ 
			scrollTop: targetOffset - 100
		  }, 500);
		});
		
		
			$(function() {
				$(window).on("scroll", function() {
					if($(window).scrollTop() > 50) {
						$(".navbar ").addClass("active_menu");
 					} else {
						//remove the background property so it comes transparent again (defined in your css)
					   $(".navbar ").removeClass("active_menu");
					}
				});
			});
 
	</script>
</html>
