<!--
                             `..-://++ooosssoooo++/:--..`                                           
                        ``-:++oossssssssssssssssssssssoo++/:-``                                     
                     `.:+osssssssssssssssssssssssssssssssssssso/:-.                                 
                   .:+osssssssssssssssssssssssssssssssssssssssssssoo/-.`                            
                 `:osssssssssssssssssssssssssssssssssssssssssssssssssso+/-`                         
               ./osssssssssssssssssssssssssssssssssssssssssssssssssssssssso+-.`                     
             `:ossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssso+:`                   
           `.+ssssssssssssssssssssssssooosssssssssssssssssssssssooossssssssssssss/-`                
          `:ossssssssssssssssssso+/-.````.-+ossssssssssssssso+:.````.-/+osssssssssso/.              
         `+ossssssssssssssssss+:.           -+sssssssssssso/.`         `-+osssssssssss/.`           
       `.ossssssssssssssssss+-`              -ossssssssss+.              `-ossssssssssss+:`         
       -ossssssssssssssssso/`                -+sssssssso/`                `.ssssssssssssso+.        
      :osssssssssssssssss+-                  .+sssssss+:                    +ossssssssssssso:`      
     :osssssssssssssssss+-          `        -+ssssss+-          `          /osssssssssssssso/.     
    .ossssssssssssssssso.         .://       -osssss+`        .://-         +osssssssssssssssso`    
   .ossssssssssssssssso-         :osss`     `:sssso/`      `./osso:        `sssssssssssssssssss+.   
  .:ssssssssssssssssso:        `:sssso      ./ssso/`      `:osssso`       `:ssssssssssssssssssss/.  
  :osssssssssssssssso:        `:sssso/      ./ss+-`      `+ossss+:        -osssssssssssssssssssss:` 
 -+sssssssssssssssss/.       `:ossss+.      .:o/`       `ossssso/`       -/ssssssssssssssssssssss+- 
 /osssssssssssssssso.        :+sssss/         `        .+ssssss/.       `/ssssssssssssssssssssssso/ 
.+sssssssssssssssss-`       .ossssso:                `:ossssss+.        /ossssssssssssssssssssssss+.
:osssssssssssssssso        `/ssssss+-                /osssssss.`       :ossssssssssssssssssssssssso:
+ossssssssssssssso-       `-sssssss+-              `/osssssso:       `-ssssssssssssssssssssssssssso/
ossssssssssssssss/        .+sssssss+:             ./ssssssso/        -ossssssssssssssssssssssssssso/
osssssssssssssss+-       `:sssssssso/            -+ssssssss/`       -+sssssssssssssssssssssssssssso+
ssssssssssssssss/`       -+ssssssssso/`       `.+ossssssss/.       .+ssssssssssssssssssssssssssssso/
osssssssssssssss:        :osssssssssss+:.``.-:+sssssssssso.        /ossssssssssssssssssssssssssssso:
+osssssssssssss+-       `+sssssssssssssssssssssssssssssss:`       .ossssssssssssssssssssssssssssss+.
:osssssssssssss/.       .+sssssssssssssssssssssssssssssso`       `/sssssssssssssssssssssssssssssss+ 
.+sssssssssssss:.       -+ssssssssssssssssssssssssssssso/        .ssssssssssssssssssssssssssssssso: 
 /ossssssssssss:`       .+ssssssssssssssssssssssssssssso:       `-sssssssssssssssssssssssssssssss/. 
 -+ssssssssssss:`       `/sssssssssssssssssssssssssssss+-       `-sssssssssssssssssssssssssssssso-  
  -osssssssssss:.        ./osssssoooossssssssssssssssss+-        `/ossssssooosssssssssssssssssss:`  
  `-sssssssssss/.         `.://:-...-/osssssssssssssssso:         `-:///-....:+ssssssssssssssss+`   
   `-ossssssssso-                     -ossssssssssssssso+                     .:sssssssssssssso`    
     :+sssssssss/.                     /ossssssssssssssss-`                    .ossssssssssss+-     
      ./sssssssso/`                    /osssssssssssssssso.                    .osssssssssss+-      
       `-+ssssssso+.                  -osssssssssssssssssso:`                 ./sssssssssss/.       
         `:+ssssssso:.              ./osssssssssssssssssssso+-               -+ossssssssso/`        
           `-/sssssssso/-.````...-/+ossssssssssssssssssssssssso/:-.`````..-:ossssssssssso:          
             `-/ossssssssoooooooosssssssssssssssssssssssssssssssssoooooooosssssssssssso/-           
                .-/sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssso-`            
                   .:+osssssssssssssssssssssssssssssssssssssssssssssssssssssssssssso/`              
                     `.-+ossssssssssssssssssssssssssssssssssssssssssssssssssssssso/.                
                         `.:/oossssssssssssssssssssssssssssssssssssssssssssssso+/`                  
                             `.-/ooosssssssssssssssssssssssssssssssssssssssoo/-`                    
                                  `.-/+oossssssssssssssssssssssssssssssso+:-                        
                                       ```.-:/+++ooooossssssssoooo++/:-``                           
                                        /sdmmhs+.                                                   
                                     `.hmmmmmmmmmd/.                                                
                                   odmmmmmmmmmmmmmmmy`                                              
                                 +dmmmmmmmmmmmmdmmmmmo                                              
                                 /mmmmmmmmmmmss+smmmmd                                              
                            `.   -ohmddssmmy/+oo/ommmh`                                             
                          `::o: -//:++/+//+//+s//osmm/                                              
                        `:/hdhsoho+so//o////////ssyo.                                               
                       `/ydmmmmhoso/oy/oo///++s/. ossoo/-                                           
                     `odmmmmmmmmdsh+/+y/+so/sy`  `soo++oss                                          
               -ssydddmmmmmdddmmmmd+//y/ossmmm+    +o+ss+-                                          
                ymmmmmmmmy+///+sdmmh//os++mmmmmo  -o/s.                                             
              --+ymmmmmmys+/////smmmyso+symmds++o.o/o-                                              
                -oodmmmo////////+mmmdshhydmm+///yo/+/                                               
               +o/ymmms//oo//////ymmmmmmmmmm++sosooy`                                               
              :o/+dmmmo/oy//////+mmmmmmmmmmyso/+osoo/                                               
            `+hssdmmmmo+y///////+mmmmmmmmmyy////+++y-                                               
          -hdmmmmmmmmm+y+/s//+sosdmmmmmmdho/////+oos                                                
         .+yddhmmmmmmdoo//soo+yoysdyho+///////+ssooy:                                               
         .``.y/+mmmmmhso/+ho/+yooyyy///////oshoo+/+++y       .o+                                    
            o+++mmmmmyy++h+/os/yoys+/////osos+/oso++oy:      :mh.`                                  
           :o+++yyso+y+/ss/+s/+y+yy///oydo/y//os//////++/:://omd+o-                                 
           s+/-:+/syhdy+so/so/+hssosoysymmhhooho+///////o//+sohso+/                                 
         .o++hmdmdmmmmmmdd+++os/+oyoosodmmmmmmmmmmyosooooo++/:sooos                                 
        `y++yoydmmmmmmmmmmmdhddyymmmddmmmmmmmmmmmh+yyyyyo.   `dy+/-----::-                          
        /os/s/+odmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmd/syyyyyyh-  -mh::-.:+:..:y.                        
        soo+s//soymmmmmmmmmmmmmmmmmmmmmmmmmmmmmmy+hyyyyyyh/:o/hh+/+s+-....so::::::                  
       .soo+s///osoydmmmmmmmmmmmmmhyssyydmmmmddhohyyyhhs/-:/s//-/sooo/..:yyoooooydo:--------::.     
       ++oo/s+////ooooydmmmmmmdyo+//++ooosyys+sysssssy:/oo+s/+s+/:--.-+yhyyyyyyhmmyooooooooooos:    
       s/o+/+s//////++//+ossososysyyhyyyyyyyyhhoooooy-....++/:...-/oyhysssssssshmmyoooooooooooos:   
   `/++h+os//oo+/////oo+/oossosyyyyyyyyyyyyyyyyhhoooso-.../-:/+shhyssssssssssssymyooooooooooossos:  
  -dysosyyyyso+oooo+ssso+/++yhyyyyyyyyyyyyyyyyyyydoooosysyyyysooyyyyyyyyyyyyyyyysooooooooooooosssh: 
 /hssssssssssssssssyoooossyyyyhhyyyyyyyyyyyyyyyyyhysssssssssssssssssssssssssssssssssssssyyyyyydhhyh 
 hyhhhshshhydhhhhhhhyhhyhhhyhhyhdhhhhhyyyyyyyyyyyydhhhhyhhhyhhhyhhyhhyhhyyyhyyhsyyyhhshshhhhyhhhyyh`
 hyhhhshshhshhhyyyyhyyhshhhshyyhhhshhshyyhyyyyyyyyydhhhyhhhyhhhyhhyhhyhhhhhhhhhyhhhhhydyhdddhddy/:. 
 ooydhhhdddhddssssssoooooooooo+o+ydddhhhhdyyyyyyyyyyd+:::::::::--------..........````.dhyyhysoos    
   sooyhhsyhdo                   hhddddhhhhyyyyyyyyyyh.                               ohhysdysos:   
  .yoosdyshhd`                 .shyyhhyhd--hyyyyyyyyyyh.                              .dhhsyysooy`  
  oooshhsyhdo                 /hyyyyyyyyyy+odhyyyyyyyyyh:                              syyysdysoo+  
 `yosydyyyyd`                 -syhyyyhhyyyyyyhhhhyyyyyyyh+````                         -hshyhhoooy. 
 oooshssyss:                          `:/+/:-::-.:+yyyyyyyhdddy.    .-::-.`             .:-` +oooos 
`yoooh                                              -syhyyyyhhhhssyhhyyyyh/                  `yooos/
+osoy-                                                ohyyyhhdhdyyyyyyyhy-                    /sosoy
ysyss
#`            
# PROGRAMADOR
# DIOGENES OLIVEIRA DOS SANTOS JUNIOR
# WWW.DIOGENESJUNIOR.COM.BR
# CONTATO@DIOGENESJUNIOR.COM.BR
#
-->
<!DOCTYPE html>
<html lang="pt-br"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0ED07E">

<!-- FAVICON -->
<link rel="shortcut icon" href="https://www.mangu.com.br/wp-content/themes/mangu2019/images/favicon.png">

<link rel="stylesheet" type="text/css" href="https://www.mangu.com.br/wp-content/themes/mangu2019/css/bootstrap.css" media="all" />

<link rel="stylesheet" type="text/css" href="https://www.mangu.com.br/wp-content/themes/mangu2019/css/style.css?v=18012021143250000000" />
<link rel="stylesheet" type="text/css" href="https://www.mangu.com.br/wp-content/themes/mangu2019/css/sweetalert2.min.css">

<!-- ICONES -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<script src="https://kit.fontawesome.com/192ea890a3.js"></script>-->

<!-- OWL CARROUSEL -->
<link rel="stylesheet" type="text/css" href="https://www.mangu.com.br/wp-content/themes/mangu2019/css/owl.carousel.min.css">

<!-- FONTS -->
<link href="https://fonts.googleapis.com/css?family=Barlow:300,400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap" rel="stylesheet">


      <!-- DESCRIÇÃO DO SITE -->
      <meta name="description" content="A Mangu é uma agência de design em SP que desenvolve identidade visual, site, loja virtual, aplicativo e plataforma EAD alinhados com a estratégia da marca." />
      <!-- PALAVRAS CHAVE -->
      <meta name="keywords" content="branding persona, branding experience, branding de marca, marketing e branding, branding gestão de marcas, branding o que significa, branding identidade visual, branding logotipo, branding nas redes sociais, branding na era digital, criar marca, criar marca roupa, criar marca pessoal, criar marca de vinho, como criar uma marca que vai enlouquecer a concorrência, como criar minha marca pessoal, criação logomarca, criação de marca, criação de marca e identidade visual, criação de marca e logotipo, criação de uma marca de roupa, criar uma logomarca, criar logomarca de empresa, criar minha logomarca, criar logotipo app, criar logomarca empresa, criar logomarca com letras, criação de sites profissionais, criação de website, criação site responsivo, criação de site em wordpress, criação de site e loja virtual, criação de site html, criação site institucional, orçamento criação de site, criação de site e hospedagem, criação de hotsite, criar site sp, criar site sorocaba, criar site responsivo html, criar site responsivo do zero, criar site responsivo adobe muse, criar site php, criar site https, criar site html online, criar site ou blog, criação de sites em curitiba, criação de sites sp, criação de websites, criação de sites em campinas, criação de sites responsivos
empresa que faz site, fazer site wordpress, como melhorar o seo do meu site, melhorar seo do meu site, como fazer o seo do meu site, como criar um site responsivo com html5 e css3, marketing nas redes sociais, marketing redes sociais, marketing digital redes sociais, identidade visual empresa, identidade visual o que é, identidade visual design, identidade visual preço, identidade visual de uma empresa, identidade visual online, identidade visual marca, identidade visual logo, identidade visual conceito, identidade visual importancia, identidade visual redes sociais, identidade visual para instagram, identidade visual agencia, criar identidade visual, como criar identidade visual, como criar identidades visuais para marcas de sucesso, criar identidade visual, criar identidade visual empresa, criação de identidade visual valor, criação de identidade visual preço, criação de identidade visual para casamento, criar logotipo no illustrator, criar logotipo brasil, criar logotipo para barbearia, criar logotipo para manicure, criar logotipo em png, criar logotipo de time, criar logotipo barbearia, criar logotipo para oficina mecanica, criar logotipo para loja de roupas, criar logo vetorizado, criar logotipo iniciais nome, criar logotipo musical, criar logotipo animado, criar logotipos online, criar logotipo photoshop, criar um logotipo, criar logotipo de loja, criar logotipo, criar logotipo app, criar logotipo para empresa, criar logotipo para esmalteria, criar logotipo loja de roupa, criar logotipo loja de roupa, criar logotipo com iniciais do nome, criar logotipo youtube, criar logotipo no corel draw, criar logotipo profissional, logotipo de empresa, empresa logotipo, logotipo para empresa, empresa que faz logotipo, logotipo empresa de segurança, logotipo para empresa de limpeza, logotipo empresa de eventos, logotipo empresa tecnologia, logotipo para empresa de eletrica, logotipo para empresa de construção civil, logotipo empresa de limpeza, logotipo empresa de consultoria, logotipo empresa de turismo, criação de app para iphone, criação de app mobile, app de criação de musica, criação de apps para android, criar app, criar layout app android, criar app hibrido, criar app html5 android, app criar banner android, app criar logo, criar app para iphone, criar app para igreja, criar um app store, criar prototipo de app online, criar app para canal do youtube, criar logomarca app, criar app android e ios, criar app, como criar um app, criar app android, criar um app, criar app delivery, criar app de vendas, criar app do meu site, criar app para taxi, desenvolvendo aplicativos, criar loja virtual magazine, criar loja virtual instagram, criar loja virtual , criar uma loja virtual, criação loja virtual, criação de loja virtual profissional, criação de loja virtual preço, criação de loja virtual curitiba, criação de site e loja virtual, criação de loja virtual, criação lojas virtuais, criação de lojas virtuais curitiba, criar loja e commerce, criar e-commerce no wordpress, criar um e-commerce, como criar e commerce, criar e commerce, fee mensal, proposta fee mensal pdf, proposta fee mensal agência , fee mensal contrato, fee mensal fixo, fee mensal proposta, promo design, design package, design pack, pacote identidade visual
" />

      <!-- FACEBOOK -->
      <meta property="og:title" content="Mangu Brand" />
      <meta property="og:type" content="website" />
      <meta property="og:image" content="https://www.mangu.com.br/wp-content/uploads/2019/11/logo_mangu-1.png" />
      <meta property="og:url" content="https://www.mangu.com.br" />
      <meta property="og:site_name" content="Mangu Brand" />
      <script type="application/ld+json">
            {
              "@context": "http://schema.org",
              "@type": "Company",
              "additionalName: Mangu Brand",
              "headline": "Mangu Brand - Design e Identidade Visual",
              "datePublished": "2018-20-01T12:02:41Z",
              "image": [
                "https://www.mangu.com.br/wp-content/uploads/2019/11/logo_mangu-1.png"
              ]
            }
          </script>


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-127163087-1', 'auto');
  ga('send', 'pageview');

</script>


<script>
  (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
    t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
  })(window, document, '_gscq','script','//widgets.getsitecontrol.com/180524/script.js');
</script>

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '341691283641776'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=341691283641776&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->


	<!-- This site is optimized with the Yoast SEO plugin v14.2 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Orçamento - Mangu Brand</title>
	<meta name="robots" content="index, follow" />
	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://www.mangu.com.br/orcamento/" />
	<meta property="og:locale" content="pt_BR" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Orçamento - Mangu Brand" />
	<meta property="og:url" content="https://www.mangu.com.br/orcamento/" />
	<meta property="og:site_name" content="Mangu Brand" />
	<meta property="article:modified_time" content="2020-01-08T16:08:32+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.mangu.com.br/#website","url":"https://www.mangu.com.br/","name":"Mangu Brand","description":"Cria\u00e7\u00e3o de Identidade Visual","potentialAction":[{"@type":"SearchAction","target":"https://www.mangu.com.br/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https://www.mangu.com.br/orcamento/#webpage","url":"https://www.mangu.com.br/orcamento/","name":"Or\u00e7amento - Mangu Brand","isPartOf":{"@id":"https://www.mangu.com.br/#website"},"datePublished":"2019-09-10T18:53:13+00:00","dateModified":"2020-01-08T16:08:32+00:00","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https://www.mangu.com.br/orcamento/"]}]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//s.w.org' />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.mangu.com.br\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.4"}};
			/*! This file is auto-generated */
			!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='wp-block-library-css'  href='https://www.mangu.com.br/wp-includes/css/dist/block-library/style.min.css?ver=5.4.4' type='text/css' media='all' />
<link rel='stylesheet' id='addtoany-css'  href='https://www.mangu.com.br/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.15' type='text/css' media='all' />
<script type='text/javascript' src='https://www.mangu.com.br/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://www.mangu.com.br/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://www.mangu.com.br/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1'></script>
<link rel='https://api.w.org/' href='https://www.mangu.com.br/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.mangu.com.br/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.mangu.com.br/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.4.4" />
<link rel='shortlink' href='https://www.mangu.com.br/?p=475' />
<link rel="alternate" type="application/json+oembed" href="https://www.mangu.com.br/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mangu.com.br%2Forcamento%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.mangu.com.br/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mangu.com.br%2Forcamento%2F&#038;format=xml" />

<script data-cfasync="false">
window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_localize = {
	Share: "Compartilhar",
	Save: "Salvar",
	Subscribe: "Inscrever",
	Email: "Email",
	Bookmark: "Favoritos",
	ShowAll: "Mostrar tudo",
	ShowLess: "Mostrar menos",
	FindServices: "Procurar serviço(s)",
	FindAnyServiceToAddTo: "Encontrar rapidamente qualquer serviço para",
	PoweredBy: "Serviço fornecido por",
	ShareViaEmail: "Share via email",
	SubscribeViaEmail: "Subscribe via email",
	BookmarkInYourBrowser: "Adicionar aos favoritos",
	BookmarkInstructions: "Press Ctrl+D or \u2318+D to bookmark this page",
	AddToYourFavorites: "Adicionar a favoritos",
	SendFromWebOrProgram: "Send from any email address or email program",
	EmailProgram: "Email program",
	More: "More&#8230;",
	ThanksForSharing: "Thanks for sharing!",
	ThanksForFollowing: "Thanks for following!"
};

(function(d,s,a,b){a=d.createElement(s);b=d.getElementsByTagName(s)[0];a.async=1;a.src="https://static.addtoany.com/menu/page.js";b.parentNode.insertBefore(a,b);})(document,"script");
</script>

		<script>
		(function(h,o,t,j,a,r){
			h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
			h._hjSettings={hjid:2196714,hjsv:5};
			a=o.getElementsByTagName('head')[0];
			r=o.createElement('script');r.async=1;
			r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
			a.appendChild(r);
		})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
		</script>
		<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<script src='https://www.google.com/recaptcha/api.js'></script>


<!-- AOS -->
<link href="https://www.mangu.com.br/wp-content/themes/mangu2019/css/aos.css" rel="stylesheet">

<style type="text/css" media="screen">
  
                     
           #bannerRotativo0{
               background: url('https://www.mangu.com.br/wp-content/uploads/2021/01/Banner-Home-Expectativas-clientes-2021.jpg') #173F42 no-repeat;
               background-size: cover;
               background-position: center center;
           }

                         @media(max-width: 540px){
                #bannerRotativo0{
                     background: url('https://www.mangu.com.br/wp-content/uploads/2021/01/Banner-Mobile-Expectativas-clientes-2021.jpg') #173F42 no-repeat;
                     background-size: cover;
                     background-position: center center;
                 }
              }
           
                     
           #bannerRotativo1{
               background: url('https://www.mangu.com.br/wp-content/uploads/2020/09/Banner-Home.jpg') #173F42 no-repeat;
               background-size: cover;
               background-position: center center;
           }

                         @media(max-width: 540px){
                #bannerRotativo1{
                     background: url('https://www.mangu.com.br/wp-content/uploads/2020/09/Banner-Home-Mobile.jpg') #173F42 no-repeat;
                     background-size: cover;
                     background-position: center center;
                 }
              }
           
                     
           #bannerRotativo2{
               background: url('https://www.mangu.com.br/wp-content/uploads/2020/07/banner25_oqueémarca.jpg') #173F42 no-repeat;
               background-size: cover;
               background-position: center center;
           }

                         @media(max-width: 540px){
                #bannerRotativo2{
                     background: url('https://www.mangu.com.br/wp-content/uploads/2020/07/banner25_oqueémarca_mobile.jpg') #173F42 no-repeat;
                     background-size: cover;
                     background-position: center center;
                 }
              }
           
                     
           #bannerRotativo3{
               background: url('https://www.mangu.com.br/wp-content/uploads/2020/06/banner-home21.jpg') #173F42 no-repeat;
               background-size: cover;
               background-position: center center;
           }

                         @media(max-width: 540px){
                #bannerRotativo3{
                     background: url('https://www.mangu.com.br/wp-content/uploads/2020/06/bannerhome21-mobile.jpg') #173F42 no-repeat;
                     background-size: cover;
                     background-position: center center;
                 }
              }
           
             
          .wpdiscuz-front-actions{
            display: none !important;
          }

</style>  


</head>
<body>


<!-- MENU SIDE -->
<div class="menu-side">
    
    <!-- LINHA UM -->
    <div class="row linha-um">

             <!-- REDES SOCIAIS CLOSE TOGGLE -->
             <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 redes-sociais-e-toggle-inside">
                 
                <div class="icon-social facebook">
                   <a href="https://www.facebook.com/mangubrand/" title="Nosso perfil no Facebook" target="_blank">&nbsp;</a>    
                </div>
                     
                <div class="icon-social instagram">
                   <a href="https://www.instagram.com/mangubrand/" title="Nosso perfil no Instagram" target="_blank">&nbsp;</a>
                </div>
                     
                <div class="icon-social linkedin">
                   <a href="https://www.linkedin.com/company/mangubrand/" title="Nosso perfil do Linkedin" target="_blank">&nbsp;</a>
                </div>
                
                <!-- TOGGLE MENU -->
                <div class="toggle-mobile-inside">
                    <a href="javascript:void(0)" onclick="fecharMenuSide();" title="Fechar o menu">
                      <span>MENU</span> <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/close.png" alt="Fechar o menu">    
                    </a>
                </div>
                <!-- TOGGLE MENU -->

             </div>
             <!-- REDES SOCIAIS CLOSE TOGGLE -->
    </div>
    <!-- LINHA UM -->
    

             <!-- LINHA 2 / NAVEGAÇÃO -->
             <div class="row linha-dois">
                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                     <nav>
                         <ul>
                             <li>
                                 <a href="https://www.mangu.com.br/a-mangu/" title="A Mangu">A Mangu</a>
                             </li>
                             <li>
                                 <a href="https://www.mangu.com.br/#servicos" onclick="fecharMenuSide();" id="servicosEfeito" title="Serviços">Serviços</a>
                             </li>
                             <li>
                                 <a href="https://www.mangu.com.br/projetos-mangu/" title="Projetos">Projetos</a>
                             </li>
                             <li>
                                 <a href="https://www.mangu.com.br/blog/" title="Blog">Blog</a>
                             </li>
                             <li>
                                 <a href="https://www.mangu.com.br/orcamento" title="Orçamento">Orçamento</a>
                             </li>
                             <li>
                                 <a href="https://www.mangu.com.br/vamos-conversar" title="Contato">Contato</a>
                             </li>
                         </ul>
                     </nav>
                 </div>
             </div>
             <!-- LINHA 2 / NAVEGAÇÃO -->

             <!-- LINHA 3 / SEPARAÇÃO -->
             <div class="row linha-tres">
                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <hr>
                </div>
             </div>
             <!-- LINHA 3 / SEPARAÇÃO -->

             <!-- LINHA 4 -->
             <div class="row linha-quatro">
                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h3>
                        <i class="fa fa-whatsapp"></i> <span>(11) 9 5604 8645</span>
                    </h3>
                    <h4>
                            <b>E-mail</b><br>
                            <a href="mailto:contato@mangu.com.br" title="Nosso e-mail de contato">contato@mangu.com.br</a>                        
                    </h4>
                    <h4>
                          <b>Endereço</b><br>
                          R. Antônio Cardoso Franco, 212<br>
                          Casa Branca - Santo André / SP
                    </h4>

                 </div>
             </div>
             <!-- LINHA 4 -->
        

</div>
<!-- MENU SIDE -->


    <!-- HEADER -->     
    <header id="header" class="interna" name="header">
         <div class="container">
             <div class="row">
                 <!-- LOGO -->
                 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-6 logo">
                     <a href="https://www.mangu.com.br/" title="Mangu Brand Logo">
                         <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/logo_positivo.svg" alt="Mangu Brand">
                     </a>
                 </div>
                 <!-- LOGO -->
                 <!-- REDES SOCIAIS E TOGGLE -->
                 <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-6 redes-sociais-e-toggle">
                      <!-- BUSCA HEADER -->
                      <div class="busca-header">
                        <form class="form-inline" method="post" action="https://www.mangu.com.br/">
                          <label class="sr-only" for="busca-header">Buscar</label>
                          <input type="text" class="form-control mb-2 mr-sm-2" id="busca-header" name="s" placeholder="Buscar">
                          <button type="submit" class="btn btn-primary mb-2"><i class="fa fa-search"></i></button>
                        </form>
                      </div>
                      <!-- BUSCA HEADER -->
                      <!-- REDES SOCIAIS -->
                      <div class="icon-social facebook">
                         <a href="https://www.facebook.com/mangubrand/" title="Nosso perfil no Facebook" target="_blank">&nbsp;</a>    
                      </div>
                      <div class="icon-social instagram">
                         <a href="https://www.instagram.com/mangubrand/" title="Nosso perfil no Instagram" target="_blank">&nbsp;</a>
                      </div>
                      <div class="icon-social linkedin">
                         <a href="https://www.linkedin.com/company/mangubrand/" title="Nosso perfil do Linkedin" target="_blank">&nbsp;</a>
                      </div>
                      <!-- REDES SOCIAIS -->
                    <!-- TOGGLE MENU -->
                    <div class="toggle-mobile">
                        <a href="javascript:void(0)" onclick="showMenuSide();" title="Exibir o menu">
                          <span>MENU</span> <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/menu-toggle.png" alt="Exibir o menu">    
                        </a>
                    </div>
                    <!-- TOGGLE MENU -->
                 </div>
                 <!-- REDES SOCIAIS E TOGGLE -->
             </div>
         </div>
    </header><!-- /header -->
    <!-- HEADER -->


     <!-- HEADER FIXO -->     
    <header class="interna interna-fixo">
         <div class="container">
             <div class="row">
                 <!-- LOGO -->
                 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-6 logo">
                     <a href="https://www.mangu.com.br/" title="Mangu Brand Logo">
                         <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/logo_positivo.svg" alt="Mangu Brand">
                     </a>
                 </div>
                 <!-- LOGO -->
                 <!-- REDES SOCIAIS E TOGGLE -->
                 <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-6 redes-sociais-e-toggle">
                      <!-- BUSCA HEADER -->
                      <div class="busca-header">
                        <form class="form-inline" method="post" action="https://www.mangu.com.br/">
                          <label class="sr-only" for="busca-header">Buscar</label>
                          <input type="text" class="form-control mb-2 mr-sm-2" id="busca-header" name="s" placeholder="Buscar">
                          <button type="submit" class="btn btn-primary mb-2"><i class="fa fa-search"></i></button>
                        </form>
                      </div>
                      <!-- BUSCA HEADER -->
                      <!-- REDES SOCIAIS -->
                      <div class="icon-social facebook">
                         <a href="https://www.facebook.com/mangubrand/" title="Nosso perfil no Facebook" target="_blank">&nbsp;</a>    
                      </div>
                      <div class="icon-social instagram">
                         <a href="https://www.instagram.com/mangubrand/" title="Nosso perfil no Instagram" target="_blank">&nbsp;</a>
                      </div>
                      <div class="icon-social linkedin">
                         <a href="https://www.linkedin.com/company/mangubrand/" title="Nosso perfil do Linkedin" target="_blank">&nbsp;</a>
                      </div>
                      <!-- REDES SOCIAIS -->
                    <!-- TOGGLE MENU -->
                    <div class="toggle-mobile">
                        <a href="javascript:void(0)" onclick="showMenuSide();" title="Exibir o menu">
                          <span>MENU</span> <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/menu-toggle.png" alt="Exibir o menu">    
                        </a>
                    </div>
                    <!-- TOGGLE MENU -->
                 </div>
                 <!-- REDES SOCIAIS E TOGGLE -->
             </div>
         </div>
             </header><!-- /header -->
    <!-- HEADER FIXO -->

<!-- ######## FUNDO ORÇAMENTOS ######## -->  
<div class="fundo-orcamentos">

    <!-- WORK / CONTEÚDO -->
    <div class="work conteudo conteudo-orcamento">
      <div class="container">
          
          <!-- PASSOS ORÇAMENTO -->
          <div class="col-12">
             
             <div id="sessaoOrcamentos" class="owl-carousel">
                 

                 <!-- PAGINA -->
                 <div class="item">
                   
                     <div class="row">
                       <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12 titulo-passo-orcamento">
                         <h1>Passo 1/3</h1>
                         <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/orcamento-passo-1.png" alt="Vamos lá! Primeiro, preencha com as suas informações de contato.">
                         <p>Vamos lá! Primeiro, preencha com as suas informações de contato.</p>
                       </div>
                     </div>
                     
                     <!-- LINHA 1 -->
                     <div class="row">

                         <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                            <div class="row">
                       
                                   <!-- COLUNA UM -->
                                   <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                     
                                     <div class="form-group">
                                       <label>Nome *</label>
                                       <input type="text" name="nome" id="nome" class="form-control">
                                     </div>

                                   </div>
                                   <!-- COLUNA UM -->

                                   <!-- COLUNA DOIS -->
                                   <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                     
                                     <div class="form-group">
                                       <label>E-mail *</label>
                                       <input type="email" name="email" id="email" class="form-control">
                                     </div>

                                   </div>
                                   <!-- COLUNA DOIS -->

                                   <!-- COLUNA TRES -->
                                   <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                     
                                     <div class="form-group">
                                       <label>Telefone *</label>
                                       <input type="text" name="telefone" id="telefone" class="form-control">
                                     </div>

                                   </div>
                                   <!-- COLUNA TRES -->

                            </div>

                        </div>


                     </div>
                     <!-- LINHA 1 -->  


                     <!-- LINHA 2 -->
                     <div class="row">

                         <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                            <div class="row">
                       
                                     <!-- COLUNA UM -->
                                     <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                       
                                       <div class="form-group">
                                         <label>Empresa</label>
                                         <input type="text" name="empresa" id="empresa" class="form-control">
                                       </div>

                                     </div>
                                     <!-- COLUNA UM -->

                                     <!-- COLUNA DOIS -->
                                     <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                       
                                       <div class="form-group">
                                         <label>Cargo</label>
                                         <input type="text" name="cargo" id="cargo" class="form-control">
                                       </div>

                                     </div>
                                     <!-- COLUNA DOIS -->

                                     <!-- COLUNA TRES -->
                                     <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                       
                                       <div class="form-group">
                                         <label>Setor da Empresa</label>
                                         <select class="form-control" id="setor_empresa" name="setor_empresa">
                                            <option value="Administrativo">Administrativo</option>
                                            <option value="Marketing">Marketing</option>
                                            <option value="Tecnologia da Informação">Tecnologia da Informação</option>
                                            <option value="Outro">Outro</option>
                                         </select>
                                       </div>

                                     </div>
                                     <!-- COLUNA TRES -->

                                </div>

                            </div>

                     </div>
                     <!-- LINHA 2 -->

                     <!-- LINHA 3 -->
                     <div class="row">
                       <div class="col-12">

                          <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                             <div class="row">

                                 <div class="form-group form-check">
                                    <input type="checkbox" class="form-check-input" id="checkboxWhatsapp" value="sim" name="contato_whatsapp">
                                    <label class="form-check-label" for="checkboxWhatsapp">Prefiro receber o contato via WhatsApp</label>
                                  </div>

                             </div>
                          </div>
                       </div>
                     </div>
                     <!-- LINHA 3 -->

                     <!-- LINHA 4 -->
                     <div class="row">
                       <div class="col-12 botao-action-orcamento">

                          <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                             <div class="row">
                                 
                                 <button type="button" class="btn btn-primary" onclick="sessaoOrcamentos.trigger('next.owl.carousel'); $('html,body').animate({ scrollTop: 0 }, 1000);">
                                   PRÓXIMO PASSO <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/proximo-passo.png" alt="PRÓXIMO PASSO">
                                 </button>

                                 
                             </div>
                          
                          </div>

                       </div>
                     </div>
                     <!-- LINHA 4 -->
                
                 </div>
                 <!-- PAGINA -->


                 <!-- PAGINA -->
                 <div class="item">
                       
                       <div class="row">
                       <div class="col-12 titulo-passo-orcamento">
                         <h1>Passo 2/3</h1>
                         <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/orcamento-passo-2.png" alt="Agora selecione tudo o que precisa, temos soluções diversas para fortalecer sua marca!">
                         <p>Agora selecione tudo o que precisa, temos soluções diversas para fortalecer sua marca!</p>
                       </div>
                     </div>
                     
                     <!-- LINHA 1 -->
                     <div class="row">
                        
                        <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12 todos-os-servicos-selecao">

                            <div class="row">
                                 
                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="IDENTIDADE VISUAL" onclick="processarEscolhaSelecao(this,'IDENTIDADE VISUAL');">
                                            <h4>IDENTIDADE VISUAL</h4>
                                            <p>Criação de marca com logotipo, grafismos e manual de aplicação.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="LOJA VIRTUAL" onclick="processarEscolhaSelecao(this,'LOJA VIRTUAL');">
                                            <h4>LOJA VIRTUAL</h4>
                                            <p>E-commerce para venda de produtos e/ou serviços online.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="SITE INSTITUCIONAL" onclick="processarEscolhaSelecao(this,'SITE INSTITUCIONAL');">
                                            <h4>SITE INSTITUCIONAL</h4>
                                            <p>Página na web para divulgação da empresa, produtos e serviços.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="APLICATIVO" onclick="processarEscolhaSelecao(this,'APLICATIVO');">
                                            <h4>APLICATIVO</h4>
                                            <p>Aplicação de software mobile com funcionalidades específicas.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="DESIGN DE INTERFACE" onclick="processarEscolhaSelecao(this,'DESIGN DE INTERFACE');">
                                            <h4>DESIGN DE INTERFACE</h4>
                                            <p>Layout (UI/UX) de site, aplicativo e/ou sistema para desenvolvedores.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                                        <!-- ITEM SELECAO -->
                                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 caixa-principal-selecao">
                                          <div class="caixa-selecao" data-nome="PLATAFORMA EAD" onclick="processarEscolhaSelecao(this,'PLATAFORMA EAD');">
                                            <h4>PLATAFORMA EAD</h4>
                                            <p>Sistema de cursos online personalizado para ensino a distância.</p>
                                          </div>
                                        </div>
                                        <!-- ITEM SELECAO -->

                                  
                           </div>

                        </div>

                     </div>


                      <!-- LINHA 2 -->
                     <div class="row">
                       <div class="col-12 botao-action-orcamento" style="margin-bottom: 58px;">

                          <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                             <div class="row">
                                 
                                 <button type="button" class="btn btn-primary" onclick="sessaoOrcamentos.trigger('next.owl.carousel'); $('html,body').animate({ scrollTop: 0 }, 1000);">
                                   PRÓXIMO PASSO <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/proximo-passo.png" alt="PRÓXIMO PASSO">
                                 </button>

                                  
                             </div>

                              <br clear="both">
                                   <p class="orcamento-passo-anterior">
                                     <a href="javascript:void(0)" title="PASSO ANTERIOR" onclick="sessaoOrcamentos.trigger('prev.owl.carousel'); $('html,body').animate({ scrollTop: 0 }, 1000);">PASSO ANTERIOR</a>
                                   </p>
                          
                          </div>

                       </div>
                     </div>
                     <!-- LINHA 2 -->


                 </div>
                 <!-- PAGINA -->


                  <!-- PAGINA -->
                 <div class="item">
                       
                       <!-- LINHA 1 -->
                       <div class="row">
                           <div class="col-12 titulo-passo-orcamento">
                             <h1>Passo 3/3</h1>
                             <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/orcamento-passo-3.png" alt="Para um atendimento eficiente, fale um pouco mais sobre suas ideias e expectativas.">
                             <p>Para um atendimento eficiente, fale um pouco mais sobre suas ideias e expectativas.</p>
                           </div>
                       </div>
                       <!-- LINHA 1 -->

                      <!-- LINHA 2 -->
                       <div class="row">
                         <div class="col-12 text-area-orcamento">

                            <div class="row">

                               <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 offset-xl-3 offset-lg-3 offset-md-3 offset-sm-3 col-12">
                                  
                                  <div class="form-group">
                                     <label>Aqui você pode nos contar detalhes sobre o projeto, nível de urgência e até mesmo o investimento disponível.</label>
                                     <textarea class="form-control" id="detalhesProjeto" rows="6"></textarea>
                                  </div>

                                  <div class="form-group">
                                      <div class="g-recaptcha" data-sitekey="6LemtLcUAAAAAGX-60Xvd7KIsKxad_LiQ4oQ-fs_"></div>
                                  </div>

                               </div>

                            </div>

                         </div>
                      </div>  
                      <!-- LINHA 2 -->

                       <!-- LINHA 3 -->
                       <div class="row">
                         <div class="col-12 botao-action-orcamento" style="margin-bottom: 58px;">

                            <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm-1 col-12">

                               <div class="row">
                                   
                                   <button type="button" id="finalizarOrcamento" class="btn btn-primary" onclick="finalizarProcessoOrcamento()">
                                      &nbsp;&nbsp;&nbsp;FINALIZAR&nbsp;&nbsp;&nbsp;
                                   </button>

                                  
                               </div>

                               <br clear="both">
                                   <p class="orcamento-passo-anterior">
                                     <a href="javascript:void(0)" title="PASSO ANTERIOR" onclick="sessaoOrcamentos.trigger('prev.owl.carousel'); $('html,body').animate({ scrollTop: 0 }, 1000);">PASSO ANTERIOR</a>
                                   </p>
                            
                            </div>

                         </div>
                       </div>
                       <!-- LINHA 3 -->


                </div>
                <!-- PAGINA -->


             </div>

          </div>
          <!-- PASSOS ORÇAMENTO -->

      </div>
    </div>
    <!-- WORK / CONTEÚDO -->


</div>
<!-- ######## FUNDO ORÇAMENTOS ######## -->


    <!-- BOTTOM -->
    <div class="bottom">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <p>Mangu Brand – Design de Identidade © Todos os direitos reservados.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- BOTTOM -->


<!-- MODAL CONSULTORIA GRATUITA -->
<div class="modal-consultoria-gratuita">
  
  <div class="container">
    
    <div class="row">
      <div class="col-12 titulo-modal">
        <h1>Nós te ligaremos em breve!</h1>
        <h3>Vamos definir juntos a melhor estratégia para o seu negócio</h3>
      </div>
    </div>
    

        <div class="row">
          
          <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 offset-xl-1 offset-lg-1 offset-md-1 offset-sm1 col-12">
               
               <form method="post" action="https://www.mangu.com.br/wp-content/themes/mangu2019/enviar-orcamento-simples.php" onSubmit="return ajaxSubmit(this);">

                    <div class="row">
                
                        <!-- COLUNA UM -->
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 colunas">
                          <div class="form-group">
                            <label>Nome</label>
                            <input type="text" name="nome" required class="form-control" placeholder="Nome">
                          </div>
                           
                        </div>
                        <!-- COLUNA UM -->

                        <!-- COLUNA DOIS -->
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 colunas">
                          <div class="form-group">
                            <label>Telefone/Celular</label>
                            <input type="text" name="telefone" required class="form-control" placeholder="(11) 0 0000-0000">
                          </div>
                          <br clear="both">
                          <div class="form-group">
                              <div class="g-recaptcha" data-sitekey="6LemtLcUAAAAAGX-60Xvd7KIsKxad_LiQ4oQ-fs_"></div>
                          </div>
                        </div>
                        <!-- COLUNA DOIS -->

                        <!-- COLUNA TRES -->
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 colunas">
                          <div class="form-group">
                            <label>Período</label>
                            <select class="form-control" name="periodo">
                              <option value="Manhã">Manhã</option>
                              <option value="Tarde">Tarde</option>
                              <option value="Noite">Noite</option>
                            </select>
                          </div>
                         
                        </div>
                        <!-- COLUNA TRES -->

                    </div>

                    <div class="row">
                        <div class="col-12">
                           <button type="submit" class="btn btn-primary">AGENDAR</button>
                        </div>
                    </div>

                    <div class="row">
                      <div class="col-12">
                        <p>
                          <a href="javascript:void(0)" onclick="$('.modal-consultoria-gratuita').fadeOut(500);" title="Não tenho interesse">Não tenho interesse</a>
                        </p>
                      </div>
                    </div>

                </form>

          </div>

        </div>

  </div>

</div>
<!-- MODAL CONSULTORIA GRATUITA -->

    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/tether.min.js"></script>
    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/owl.carousel.min.js"></script>
    <script>
        var homeUrl = "https://www.mangu.com.br";
    </script>

    <!-- AOS -->
    <script src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/aos.js"></script>
    <script>
        AOS.init({disable: 'mobile'});
    </script>


    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/scripts.js?v=18012021143250000000"></script>


    <script type="text/javascript" src="https://www.mangu.com.br/wp-content/themes/mangu2019/js/sweetalert2.min.js"></script>

    <script type="text/javascript">
            // COMO FAZER A CHAMADA NO FORMULÁRIO onSubmit="return ajaxSubmit(this);"
            var ajaxSubmit = function(form) {
                // fetch where we want to submit the form to
                var url = $(form).attr('action');
                var flag = 9;

                var data = $(form).serializeArray();

                // setup the ajax request
                $.ajax({
                    url: url,
                    data: data,
                    dataType: 'json',
                    type:'POST'
                });

                $('.modal-consultoria-gratuita').fadeOut(500);

                swal("Obrigado!", 'Sua mensagem foi enviada com sucesso', "success");

                $(".form-control").val("");

                return false;
            }
            

                                           var sessaoOrcamentos = $('#sessaoOrcamentos').owlCarousel({
                                        loop:false,
                                        margin:0,
                                        items: 1,
                                        autoplay: false,
                                        center: false,
                                        nav: false,
                                        drag: false,
                                        touchDrag: false,
                                        mouseDrag: false,                                       
                                });
            

                        $( document ).ready(function() {

                                var superBanner = $('#superBanner').owlCarousel({
                                        loop:true,
                                        margin:0,
                                        items: 1,
                                        autoplay: true,
                                        center: false,
                                        nav: false,
                                        //navText: [
                                        //    '<img src="images/esquerda.png" alt="Banner anterior">',
                                        //    '<img src="images/direita.png" alt="Próximo Banner">'
                                        //],
                                        //navContainer: '.custom-nav-banner',
                                        autoplay:true,
                                        autoplayTimeout:3500,
                                        dotsContainer: '#carousel-custom-dots',
                                        autoplayHoverPause:false,
                                        //animateIn: 'fadeIn', // add this
                                        //animateOut: 'fadeOut', // and this
                                        responsive:{
                                            0:{
                                                items:1,
                                                margin:0,
                                                loop:true,
                                                autoplay:false
                                            },
                                            600:{
                                                items:1
                                            },
                                            1000:{
                                                items:1
                                            },
                                            1200:{
                                                items:1,
                                                autoplay: true,
                                                autoplayTimeout:3500,
                                                dotsContainer: '#carousel-custom-dots',
                                                autoplayHoverPause:false,
                                            }
                                        }
                                });
                                // AGORA TEMOS ATÉ DOTS!!!
                                $('.owl-dot').click(function () {
                                  superBanner.trigger('to.owl.carousel', [$(this).index(), 300]);
                                });


                                var owlDepoimentos = $('#owlDepoimentos').owlCarousel({
                                        loop:true,
                                        margin:30,
                                        items: 1,
                                        autoplay: false,
                                        center: true,
                                        navText: [
                                            '<img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/esquerda.png" alt="Banner anterior">',
                                            '<img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/direita.png" alt="Próximo Banner">'
                                        ],
                                        navContainer: '.custom-nav-banner',
                                        autoplay:true,
                                        autoplayTimeout:6500,
                                        //dotsContainer: '#carousel-custom-dots',
                                        autoplayHoverPause:true,
                                        //animateIn: 'fadeIn', // add this
                                        //animateOut: 'fadeOut', // and this
                                        responsive:{
                                            0:{
                                                items:1,
                                                margin:10,
                                                loop:true,
                                                autoplay:false
                                            },
                                            600:{
                                                items:1
                                            },
                                            1000:{
                                                items:1
                                            },
                                            1200:{
                                                items:1,
                                                autoplay: false
                                            }
                                        }
                                });


                                var carrouselClientes = $('#carrouselClientes').owlCarousel({
                                        loop:true,
                                        margin:5,
                                        items: 6.5,
                                        autoplay: false,
                                        center: true,
                                        autoplay:true,
                                        autoplayTimeout:6500,
                                        //dotsContainer: '#carousel-custom-dots',
                                        autoplayHoverPause:true,
                                        //animateIn: 'fadeIn', // add this
                                        //animateOut: 'fadeOut', // and this
                                        responsive:{
                                            0:{
                                                items:3.5,
                                                margin:5,
                                                loop:true,
                                                autoplay:false
                                            },
                                            600:{
                                                items:3.5,
                                            },
                                            1000:{
                                                items:3.5,
                                            },
                                            1200:{
                                                items:6.5,
                                                autoplay: true
                                            }
                                        }
                                });
                                

                    });

    </script>
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    <script type='text/javascript' async src='https://d335luupugsy2.cloudfront.net/js/loader-scripts/9a30d7c3-68d8-41e6-8ecb-968a4f2fda48-loader.js'></script><script type='text/javascript' src='https://www.mangu.com.br/wp-includes/js/wp-embed.min.js?ver=5.4.4'></script>

</body>
</html>