<!--
                             `..-://++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=10042021113107000000" />
<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="" />
      <!-- PALAVRAS CHAVE -->
      <meta name="keywords" content="" />

      <!-- FACEBOOK -->
      <meta property="og:title" content="Cativa Mangu Brand" />
      <meta property="og:type" content="article" />

            <meta property="og:image" content="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-01-2.jpg" />
      

      <meta property="og:url" content="https://www.mangu.com.br/projetos/cativa/" />
      <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/2020/12/portfólio-cativa-01.jpg"
              ]
            }
          </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>Cativa - 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/projetos/cativa/" />
	<meta property="og:locale" content="pt_BR" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Cativa - Mangu Brand" />
	<meta property="og:url" content="https://www.mangu.com.br/projetos/cativa/" />
	<meta property="og:site_name" content="Mangu Brand" />
	<meta property="og:image" content="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-01-2.jpg" />
	<meta property="og:image:width" content="1640" />
	<meta property="og:image:height" content="878" />
	<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":"ImageObject","@id":"https://www.mangu.com.br/projetos/cativa/#primaryimage","inLanguage":"pt-BR","url":"https://www.mangu.com.br/wp-content/uploads/2020/12/portf\u00f3lio-cativa-01-2.jpg","width":1640,"height":878},{"@type":"WebPage","@id":"https://www.mangu.com.br/projetos/cativa/#webpage","url":"https://www.mangu.com.br/projetos/cativa/","name":"Cativa - Mangu Brand","isPartOf":{"@id":"https://www.mangu.com.br/#website"},"primaryImageOfPage":{"@id":"https://www.mangu.com.br/projetos/cativa/#primaryimage"},"datePublished":"2021-01-12T17:36:01+00:00","dateModified":"2021-01-12T17:36:01+00:00","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https://www.mangu.com.br/projetos/cativa/"]}]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Feed de comentários para Mangu Brand &raquo; Cativa" href="https://www.mangu.com.br/projetos/cativa/feed/" />
		<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=2389' />
<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%2Fprojetos%2Fcativa%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%2Fprojetos%2Fcativa%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>  

  <style type="text/css" media="screen">
    .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  </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>
                  <!-- CALL TO ACTION -->
<div class="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-12">
          
          <div class="visivel-desktop">
          	<h2>Vamos conversar sobre <span>o seu projeto?</span> <a href="https://www.mangu.com.br/orcamento" title="SOLICITAR UM ORÇAMENTO">SOLICITAR UM ORÇAMENTO</a></h2>
          </div>

          <div class="visivel-mobile">
          	<h2><a href="https://www.mangu.com.br/orcamento" title="SOLICITAR UM ORÇAMENTO">SOLICITAR UM ORÇAMENTO</a></h2>
          </div>

      </div>
    </div>
  </div>
</div>
<!-- CALL TO ACTION -->             </header><!-- /header -->
    <!-- HEADER FIXO -->


<!-- CALL TO ACTION -->
<div class="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-12">
          
          <div class="visivel-desktop">
          	<h2>Vamos conversar sobre <span>o seu projeto?</span> <a href="https://www.mangu.com.br/orcamento" title="SOLICITAR UM ORÇAMENTO">SOLICITAR UM ORÇAMENTO</a></h2>
          </div>

          <div class="visivel-mobile">
          	<h2><a href="https://www.mangu.com.br/orcamento" title="SOLICITAR UM ORÇAMENTO">SOLICITAR UM ORÇAMENTO</a></h2>
          </div>

      </div>
    </div>
  </div>
</div>
<!-- CALL TO ACTION -->


<!-- WORK / CONTEÚDO -->
<div class="work conteudo">
  
  <div class="container">
    
    <!-- TÍTULO SESSÃO --> 
    <div class="row">
      <div class="col-12 titulo-pagina labels-projetos">

        <a href="https://www.mangu.com.br/projetos-mangu/"  title="Voltar para todos os projetos" class="voltar">
          <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/voltar.png" alt="Voltar" />
        </a>

        <h1><span>Cativa</span></h1>
     
        <!-- LABELS -->
        <p style="padding-top: 16px;">
          <a href="javascript:void(0)" title="Design de Interface, Identidade Visual, Site Institucional" class="badge badge-primary badge-ativo">
            Design de Interface, Identidade Visual, Site Institucional          </a>
        </p>
        <!-- LABELS -->
     
      </div>
    </div>
    <!-- TÍTULO SESSÃO --> 

        
    <!-- CONTEÚDO -->
    <div class="row">

      <!-- COLUNA -->
      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 coluna-diagramacao coluna-diagramacao-projeto">
          
          <!-- TÍTULO SESSÃO -->
          <div class="row">
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-xs-12">
              <h3>PROPOSTA</h3>             </div>
            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-7 col-xs-12">
               <p>A Cativa é uma empresa que presta consultoria em gestão e planejamento financeiro, iniciou suas atividades em 2020 e foi muito bacana pra nós a experiência de trabalhar na identidade visual da marca!</p>
<p>Além do logotipo e itens de papelaria, também desenvolvemos um site institucional com blog totalmente do zero, atendendo as necessidades e particularidades do negócio.</p>
            </div>
          </div>
          <br clear="both">
          <!-- TÍTULO SESSÃO -->

                 
               <!-- IMAGENS PROJETOS -->
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-01-1.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-02.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-05.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-06.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-07.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-08.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-09.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-10.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-11.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-12.jpg" alt="Cativa">
                 </p>
                                <p>
                   <img src="https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-13.jpg" alt="Cativa">
                 </p>
                        
               <!-- IMAGENS PROJETOS --> 

         
          <!-- SEPARAÇÃO -->
          <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 separacao">
              <hr>
            </div>
          </div>
          <!-- SEPARAÇÃO -->

          <!-- TÍTULO SESSÃO -->
         <br clear="both">
          <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center;">
              <h3>GOSTOU DO PROJETO? VEJA TAMBÉM</h3>
            </div>            
          </div>
          <br clear="both">
          <!-- TÍTULO SESSÃO -->


           <!-- LOOP DE PROJETOS -->
           <div class="row loop-projetos my-shuffle-container">

                    
                    <!-- PROJETO -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 projeto" data-group="site" style="background:url('https://www.mangu.com.br/wp-content/uploads/2020/05/capa-ipbdiadema.jpg') #f2f2f2 no-repeat;background-size: cover;background-position: center center;">
                      <div class="link-projeto">
                        <a href="https://www.mangu.com.br/projetos/ipb-diadema/" title="IPB Diadema">
                          IPB Diadema<br>
                          <small>Design de Interface, Site Institucional</small>
                        </a>
                      </div>
                    </div>
                    <!-- PROJETO -->

                    
                    <!-- PROJETO -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 projeto" data-group="site" style="background:url('https://www.mangu.com.br/wp-content/uploads/2020/12/portfólio-cativa-01.jpg') #f2f2f2 no-repeat;background-size: cover;background-position: center center;">
                      <div class="link-projeto">
                        <a href="https://www.mangu.com.br/projetos/cativa/" title="Cativa">
                          Cativa<br>
                          <small>Design de Interface, Identidade Visual, Site Institucional</small>
                        </a>
                      </div>
                    </div>
                    <!-- PROJETO -->

                    
                    <!-- PROJETO -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 projeto" data-group="site" style="background:url('https://www.mangu.com.br/wp-content/uploads/2018/12/capa-aerinstaladora.jpg') #f2f2f2 no-repeat;background-size: cover;background-position: center center;">
                      <div class="link-projeto">
                        <a href="https://www.mangu.com.br/projetos/aer-instaladora/" title="A&#038;R Instaladora">
                          A&#038;R Instaladora<br>
                          <small>Identidade Visual, Redesign de Logotipo</small>
                        </a>
                      </div>
                    </div>
                    <!-- PROJETO -->

                    
          </div>
          <!-- LOOP DE PROJETOS -->


          <!-- VER MAIS PROJETOS -->
          <div class="row">
            <div class="col-12 ver-mais">
              <a href="https://www.mangu.com.br/projetos-mangu" title="VER MAIS PROJETOS">
                VER MAIS PROJETOS <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/ver-mais-projetos.png" alt="VER MAIS PROJETOS" />
              </a>
            </div>
          </div>
          <!-- VER MAIS PROJETOS -->


      </div>
      <!-- COLUNA -->

   </div>
   <!-- CONTEÚDO -->
  

    </div>


</div>


<p>&nbsp;</p>
<p>&nbsp;</p>


                        <!-- CONSULTORIA (VISIVEL APENAS NO DESKTOP) -->
            <section class="consultoria d-none d-xl-block d-lg-block d-md-block">
                <div class="container">
                    <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-xs-12">
                            
                            <div class="row">
                                
                                <!-- COLUNA UM -->
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 coluna-um" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="40">
                                    <a href="javascript:void(0)" onclick="$('.modal-consultoria-gratuita').fadeIn(500);" class="btn btn-primary" title="Agendar contato">AGENDAR CONTATO</a>
                                </div>
                                <!-- COLUNA UM -->

                                <!-- COLUNA DOIS -->
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 coluna-dois" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="100">
                                    <h2>CONSULTORIA <span>GRATUITA</span></h2>
                                    <p>Vamos definir juntos a melhor estratégia para o seu negócio. Agende um horário para falar com um de nossos especialistas!</p>
                                </div>
                                <!-- COLUNA DOIS -->

                            </div>

                        </div>

                    </div>
                </div>
            </section>
            <!-- CONSULTORIA (VISIVEL APENAS NO DESKTOP) -->

            <!-- ORÇAMENTO (VISIVEL APENAS NO MOBILE) -->
            <div class="visible-mobile">
                <div class="orcamento-mobile">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <a href="https://www.mangu.com.br/orcamento" title="SOLICITAR ORÇAMENTO">SOLICITAR UM ORÇAMENTO</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ORÇAMENTO (VISIVEL APENAS NO MOBILE) -->
            
<!-- RODAPE -->
<footer>
    
    <div class="container">
        
        <div class="row">
            
            <!-- COLUNA UM -->
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-xs-12 coluna-um">
                
                <div class="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_negativo.svg" alt="Mangu Brand Logo" />
                    </a>
                </div>

                <p>A Mangu Brand é uma agência de design com foco na construção de marcas fortes, que refletem identidade e propósito.</p>
                
                <!--
                <div class="social">
                    <a href="https://www.facebook.com/mangubrand/" title="Nosso perfil no Facebook" target="_blank">
                        <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/facebook-2.png" alt="Nosso perfil no Facebook">
                    </a>
                    <a href="https://www.instagram.com/mangubrand/" title="Nosso perfil no Instagram" target="_blank">
                        <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/instagram-2.png" alt="Nosso perfil no Instagram">
                    </a>
                    <a href="https://www.linkedin.com/company/mangubrand/" title="Nosso perfil no Linkedin" target="_blank">
                        <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/linkedin-2.png" alt="Nosso perfil no Linkedin">
                    </a>
                </div>
                -->

                <div class="footer-side">

                        <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>

                </div>

            </div>
            <!-- COLUNA UM -->


            <!-- COLUNA DOIS -->
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-xs-12 coluna-dois">

                    <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>
            <!-- COLUNA DOIS -->


            <!-- COLUNA TRES -->
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-xs-12 coluna-tres d-none d-xl-block d-lg-block d-md-block">
                
                <nav>
                    <ul>
                        <li><a href="https://www.mangu.com.br/" title="Home">Home</a></li>
                        <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/orcamento" title="Orçamento">Orçamento</a></li>
                        <li><a href="https://www.mangu.com.br/#servicos" 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/#depoimentos" title="Depoimentos">Depoimentos</a></li>
                        <li><a href="https://www.mangu.com.br/blog/" title="Mangu Blog">Mangu Blog</a></li>
                        <li><a href="https://www.mangu.com.br/vamos-conversar" title="Contato">Contato</a></li>
                    </ul>
                </nav>

            </div>
            <!-- COLUNA TRES -->


            <!-- COLUNA QUATRO -->
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-xs-12 coluna-quatro d-none d-xl-block d-lg-block d-md-block">
                
                <h5>Nossos<br>Diferenciais<br><span>&nbsp;</span></h5>

                <nav>
                    <ul>
                        <li><a href="javascript:void(0)" style="cursor: default;" title="Consultoria">Consultoria</a></li>
                        <li><a href="javascript:void(0)" style="cursor: default;" title="Estratégia">Estratégia</a></li>
                        <li><a href="javascript:void(0)" style="cursor: default;" title="Acessibilidade">Acessibilidade</a></li>
                        <li><a href="javascript:void(0)" style="cursor: default;" title="Tecnologia">Tecnologia</a></li>
                        <li><a href="javascript:void(0)" style="cursor: default;" title="Suporte">Suporte</a></li>
                    </ul>
                </nav>

            </div>
            <!-- COLUNA QUATRO -->

        </div>

    </div>


    <a href="#header" class="topo" title="Clique para voltar ao topo">
        <img src="https://www.mangu.com.br/wp-content/themes/mangu2019/images/topo.png" alt="Voltar ao topo">
    </a>
    

</footer>
<!-- RODAPE -->


    <!-- 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=10042021113107000000"></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;
            }
            

                        $( 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>