


<!DOCTYPE html>
<!--[if IE 8 ]> <html lang="pt-br" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="pt-br" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="gtie9" lang="pt-br"> <!--<![endif]-->
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="pt-br">

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true">
        <meta name="format-detection" content="telephone=no"><!-- set auto detect off for IOS -->

        <title>404 - Magic Web Design - Agência de Marketing Digital e Comunicação Integrada</title>

        <meta name="Robots" content="all" />
        <meta name="distribution" content="Global" />

        <meta name="classification" content="" />
        <meta name="description" content="Há mais de 20 anos atuando no mercado, a Magic Web Design é uma agência de marketing digital e comunicação integrada, com sedes em Curitiba e São Paulo." />
        <meta name="keywords" content="Magic Web Design, agência de marketing digital, agência de comunicação integrada, projetos digitais, mídias sociais, web sites" />

        <meta name="google-site-verification" content="OAHOtIeMJSItYTJbMTvPkegkoltXQ283mbLupq3PKUA" />
        <base href="https://www.magicwebdesign.com.br/" />

        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">

                	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-theme.css"/>
			<link rel="stylesheet" type="text/css" href="assets/css/dcsns.css"/>
			<link rel="stylesheet" type="text/css" href="assets/css/main.css?20210406"/>
        
        <script src="assets/js/lib/modernizr.custom.43103.js"></script>
        <script>
            var WWWURL = 'https://www.magicwebdesign.com.br/';
            if( !Modernizr.mediaqueries) { loadJS('assets/js/lib/respond.min.js'); }
            if( !Modernizr.input.placeholder ){ loadJS('assets/js/lib/placeholders.min.js'); }
        </script>

        <!-- generated: https://realfavicongenerator.net -->
        <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
        <link rel="icon" type="image/png" href="assets/images/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="assets/images/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="assets/images/favicons/manifest.json">
        <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#67038c">
        <link rel="shortcut icon" href="assets/images/favicons/favicon.ico">
        <meta name="msapplication-config" content="assets/images/favicons/browserconfig.xml">
        <meta name="theme-color" content="#67038c">

        

        <!-- // GOOGLE ANALYTICS -->
        <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-10613932-1']);
            _gaq.push(['_trackPageview']);
            (function () {
                var ga = document.createElement('script');
                ga.type = 'text/javascript';
                ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(ga, s);
            })();
        </script>
        <!-- GOOGLE ANALYTICS // -->


        <!-- 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', '437454563286575'); // Insert your pixel ID here.
            fbq('track', 'PageView');
            </script>
            <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=437454563286575&ev=PageView&noscript=1"/></noscript>
            <!-- DO NOT MODIFY -->
        <!-- End Facebook Pixel Code -->


        <!-- Tag Remarketing -->
        <script>(function() {
          var _fbq = window._fbq || (window._fbq = []);
          if (!_fbq.loaded) {
            var fbds = document.createElement('script');
            fbds.async = true;
            fbds.src = '//connect.facebook.net/en_US/fbds.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(fbds, s);
            _fbq.loaded = true;
          }
          _fbq.push(['addPixelId', '708486449298263']);
        })();
        window._fbq = window._fbq || [];
        window._fbq.push(['track', 'PixelInitialized', {}]);
        </script>
        <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=708486449298263&amp;ev=PixelInitialized" /></noscript>

        <script type="text/javascript"> var _ss = _ss || []; _ss.push(['_setDomain', 'https://koi-3QNA4JYJZS.marketingautomation.services/net']); _ss.push(['_setAccount', 'KOI-3UHXMQ7Q8Y']); _ss.push(['_trackPageView']); (function() { var ss = document.createElement('script'); ss.type = 'text/javascript'; ss.async = true; ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'koi-3QNA4JYJZS.marketingautomation.services/client/ss.js?ver=1.1.1'; var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(ss, scr); })(); </script>


    </head>
    <body>

        <!-- facebook --><!--
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.7";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>-->

        
        <header class="main-header " role="navigation">
            <div class="container">

                <h1 class="navbar-brand">
                    <a href="https://www.magicwebdesign.com.br/">
                        <img src="assets/images/magic_logo.png" alt="Magic" class="img-responsive">
                    </a>
                </h1>

                <div>
                    <div class="collapse navbar-collapse" id="main-nav">

                        <ul class="nav navbar-nav navbar-left nav-menu">
                            <li class="">
                                <a href="cases">Cases</a>
                                <ul>
                                    <li><a href="cases-babyboo">BabyBoo</a></li>
                                    <li><a href="cases-sepac">SEPAC</a></li>
                                    <li><a href="cases-tempur">TEMPUR®</a></li>
                                    <li><a href="cases-aeroflex">Aeroflex</a></li>
                                    <li><a href="cases-portal-ic">Portal IC</a></li>
                                    <li><a href="cases-laguna">Laguna</a></li>
                                </ul>
                            </li>
                            <li class=""><a href="a-agencia">Magic+Rede</a></li>
                            <li class="">
                                <a href="solucoes">Soluções</a>
                                <ul>
                                    <li  class=""><a href="solucoes-branding">Branding</a></li>
                                    <li  class=""><a href="solucoes-web-site">Web Site</a></li>
                                    <li  class=""><a href="solucoes-marketing-digital">Marketing Digital</a></li>
                                    <li  class=""><a href="solucoes-midia-online">Mídia de Performance</a></li>
                                    <li  class=""><a href="solucoes-comunicacao-integrada">Comunicação Integrada</a></li>
                                </ul>
                            </li>
                            <li class=""><a href="contato">Contato</a></li>
                        </ul>

                        <!-- covid-19 call desk -->
                         <div class="LocalConfiavelSelo desk">
                            <a href="https://localconfiavel.com/" target="_blank">
                                <img src="assets/images/LC-Selo-1.svg" alt="Local Confiável"/>
                            </a>
                        </div>

                        <ul class="nav navbar-nav nav-social navbar-right">
                            <!-- <li class="btRedeMagic">
                                <a href="https://www.redemagic.com/" target="_blank" title="RedeMagic">
                                    <div class="colEsq">
                                        <h5>Hot Site Promocional?</h5>
                                        <div class="btClique">clique aqui</div>
                                    </div>
                                    <div class="colDir">
                                        <img src="assets/images/btRedeMagic.png" alt="RedeMagic">
                                    </div>
                                    <div class="btMais"><img src="assets/images/btMaisRede.png" alt="RedeMagic"></div>
                                </a>
                            </li> -->
                             <li class="blog" title="Blog">
                                <a target="_blank" href="//www.redemagic.com/blog/" title="Blog"><i class="magic-icon-blog"></i></a>
                            </li>
                            <li class="facebook" title="Facebook">
                                <a target="_blank" href="https://www.facebook.com/RedeMagic/" title="Facebook"><i class="magic-icon-facebook"></i></a>
                            </li>
                            <li class="instagram" title="Instagram">
                                <a target="_blank" href="//instagram.com/redemagic" title="Instagram"><i class="magic-icon-instagram"></i></a>
                            </li>
                            <li class="linkedin" title="LinkedIn">
                                <a target="_blank" href="https://www.linkedin.com/company/redemagic" title="LinkedIn"><i class="magic-icon-linkedin"></i></a>
                            </li>
                            <!-- <li class="youtube" title="YouTube">
                                <a target="_blank" href="https://www.youtube.com/c/redemagic" title="YouTube"><i class="magic-icon-youtube3"></i></a>
                            </li> -->
                            <!-- <li class="google-plus" title="Google">
                                <a target="_blank" href="//plus.google.com/102660222422865567532/posts" title="Google Plus"><i class="magic-icon-google-plus"></i></a>
                            </li>
                            <li class="flickr" title="Flickr">
                                <a target="_blank" href="//www.flickr.com/photos/MagicWebDesign/" title="Flickr"><i class="magic-icon-flickr"></i></a>
                            </li>
                            <li class="vimeo" title="Vimeo">
                                <a target="_blank" href="//vimeo.com/channels/magicwebdesign" title="Vimeo"><i class="magic-icon-vimeo"></i></a>
                            </li>     -->
                            <!-- <li class="idiomas">
                                <div class="bordaIdioma">
                                    <a class="ptBR active" href="https://www.magicwebdesign.com.br/" title="Magic Português"><span>Magic Português</span></a>
                                    <a class="eng" href="https://www.magicwebdesign.com.br/en" title="Magic Inglês"><span>Magic Inglês</span></a>
                                </div>
                            </li> -->
                            <!--<li class="twitter" title="Twitter">
                                <a target="_blank" href="//twitter.com/MagicWebDesign" title="Twitter"><i class="magic-icon-twitter"></i></a>
                            </li>-->
                        </ul>

                        <div class=" sub-menus clearfix">
                                                                                </div>

                    </div><!-- /.navbar-collapse -->
                </div>


                <button type="button" class="btn navbar-toggle" aria-controls="main-nav" aria-expanded="false" data-target="#main-nav" data-toggle="collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- <div class="btRedeMagicMob">
                <a href="https://www.redemagic.com/" target="_blank" title="RedeMagic">
                    <div class="colEsq">
                        <h5>Hot Site Promocional?</h5>
                        <div class="btClique">clique aqui</div>
                    </div>
                    <div class="colDir">
                        <img src="assets/images/btRedeMagic.png" alt="RedeMagic">
                    </div>
                    <div class="btMais"><img src="assets/images/btMaisRede.png" alt="RedeMagic"></div>
                </a>
            </div> -->
            <!-- covid-19 call mob -->


        </header>

    <div class="page-contato">
        <div class="tit-page-contato"> 
            <h1>404</h1>
        </div>
        <div class="bloco">
            <h3 style="color: #FFF; text-align: center; padding: 80px 0">Página não encontrada!</h3>
        </div>
    </div>

    <div class="contato-section">
            <div class="contato-section__header text-center">
                <div class="container container--small">
                    <h2 class="page-title">Contato</h2>
                    <div class="cols">
                        <div class="col-sm-6 text-left sp" data-offset="-350">
                            <p class="address text-left">
                                <span><strong>São Paulo</strong>
                                <b>(11) 2526 6666</b><br>
                                Rua Tenerife, 31 4º andar - Vila Olímpia<br>
                                CEP 04548-040 São Paulo, SP</span>
                            </p>
                        </div>
                        <div class="col-sm-6 text-right pr" data-offset="-330">
                            <p class="address text-left">
                                <span><strong>Curitiba</strong>
                                <b>(41) 3202 6666</b><br>
                                Av. Sete de Setembro, 5426 cj 1602 - Batel<br>
                                CEP 80240-000 Curitiba, PR</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="contato-section__map gmap" data-scrollwheel="false" data-offset="-350">
                    <div class="marker" data-icon="assets/images/pin_map1.png" data-lat="-23.5963955" data-lng="-46.6877595">
                        <div class="marker-content">
                            <p class="address text-left">
                                <strong>São Paulo</strong><br>
                                <b>(11) 2526 6666</b><br>
                                Rua Tenerife, 31 4º andar - Vila Olímpia<br>
                                CEP 04548-040 São Paulo, SP
                            </p>
                        </div>
                    </div>
                </div>
                <div class="contato-section__map gmap" data-scrollwheel="false" data-offset="-350">
                    <div class="marker" data-icon="assets/images/pin_map2.png" data-lat="-25.44650681" data-lng="-49.29016717">
                        <div class="marker-content">
                            <p class="address text-left">
                                <strong>Curitiba</strong><br>
                                <b>(41) 3202 6666</b><br>
                                Av. Sete de Setembro, 5426 cj 1602 - Batel<br>
                                CEP 80240-000 Curitiba, PR
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <script type="text/javascript">
    window.onload = function(){
        new dgCidadesEstados({
            estado: $('#estado').get(0),
            cidade: $('#cidade').get(0)
        });
        $("#contato").validate({
            rules: {
                nome: "required",
                data_nascimento: "required",
                telefone: "required",
                cidade_que_pretente_trabalhar: "required",
                email: {
                    required: true,
                    email: true
                },
                vaga_desejada: "required",
                arquivo: "required"
            }
       });
    }

</script>

		<div class="hide">

            <!-- BabyBoo -->
            <div class="modal-case" id="case-babyboo">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_babyboo__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">BabyBoo</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>As <strong>fraldas BabyBoo</strong> foram desenvolvidas com o mesmo carinho que você tem pelo seu bebê!</p>
                            <p>A nova linha de produtos infantis da <strong>SEPAC</strong>, grupo de Mallet/PR com mais 40 anos de atuação no mercado, foi lançada com apoio do casal <strong>Michel Teló</strong> e <strong>Thais Fersoza</strong> como embaixadores da marca.</p>
                            <p>A Magic desenvolve a comunicação digital da <strong>BabyBoo</strong>, com estratégia de <strong>mídias sociais, marketing de conteúdo</strong> e <strong>Inbound Marketing</strong>.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-babyboo" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.linhababyboo.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- SEPAC -->
            <div class="modal-case" id="case-sepac">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_sepac__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">SEPAC</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!-- <ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                            </ul> -->
                        </div>
                        <div class="case-content">

                            <p>A <strong>SEPAC</strong> é uma indústria de Mallet/PR, <strong>líder de mercado na Região Sul</strong> e responsável por mais de 2/3 do <strong>papel tissue</strong> fabricado no Paraná.</p>
                            <p>Suas marcas de produtos são: papéis higiênicos <strong>Duetto</strong> e <strong>Paloma</strong>, toalhas de papel <strong>Maxim</strong> e <strong>Stylus</strong> e fraldas descartáveis <strong>BabyBoo</strong>.</p>
                            <p>A Magic desenvolve a comunicação digital da <strong>SEPAC</strong>, com criação de <strong>web sites</strong>, gestão de <strong>mídias sociais</strong> e estratégia de <strong>marketing de conteúdo</strong>.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-sepac" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://www.sepac.com.br//" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- tempur -->
            <div class="modal-case" id="case-tempur">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_tempur__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">TEMPUR®</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>A <strong>Tempur Sealy</strong> é a <strong>maior fabricante de colchões do mundo</strong>, presente em mais de 80 países. No Brasil, suas coleções exclusivas podem ser encontradas nas <strong>lojas BedTime</strong>.</p>
                            <p>Sua marca mais conhecida, a TEMPUR®, é a única <strong>licenciada pela US Space Foundation</strong>, tendo desenvolvido em parceria com a <strong>NASA</strong> a <strong>espuma viscoelástica de células abertas</strong>.</p>
                            <p>A <strong>BedTime</strong>, por sua vez, foi lançada como uma linha própria de colchões de mola e travesseiros que obedecem a um padrão internacional de excelência e qualidade.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-tempur" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <!-- <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.bedtime.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div> -->

                        </div>
                    </div>
                </div>
            </div>

            <!-- AEROFLEX -->
            <div class="modal-case" id="case-aeroflex">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_aeroflex__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Aeroflex</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>Desenvolvendo tecnologia em aerossol desde 2006, a <strong>Aeroflex</strong> é detentora da marca <strong>Mundial Prime</strong>, que atende aos segmentos automotivo, de construção civil e tinta spray com um portfolio composto por mais de 300 produtos.</p>
                            <p>Em 2016, a indústria lançou mais duas marcas próprias, a <strong>My Health</strong> (cosméticos, estética e bem-estar) e <strong>My Place</strong> (produtos voltados para casa).</p>
                            <p>A Magic atende à Aeroflex e suas marcas em toda a comunicação digital, com criação de <strong>web sites</strong>, gestão de <strong>mídias sociais</strong> e estratégia de <strong>marketing de conteúdo</strong> com <strong>Inbound Marketing</strong>.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-aeroflex" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://blog.aeroflex.ind.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o blog</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- PORTAL IC -->
            <div class="modal-case" id="case-portal-IC">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_portal-ic__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Portal IC</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>O <strong>Portal IC Parques Industriais e Corporativos</strong> atua há mais de 27 anos na construção e locação de estruturas em condomínios industriais, contando com mais de <strong>320.000 m² de galpões modulares</strong> em seu portfolio.</p>
                            <p>O <strong>Portal do Porto</strong>, com localização única junto ao Contorno Leste em São José dos Pinhais, é vencedor do reconhecido <strong>Prêmio Pini</strong>, sendo considerado o <strong>melhor condomínio industrial do país</strong> na categoria <strong>Obras de Infraestrutura</strong>.</p>
                            <p>A Magic desenvolveu para o Portal IC um trabalho completo de <strong>rebranding</strong>, criação de <strong>web site</strong> e estratégia de <strong>marketing de conteúdo com gestão de mídias sociais</strong>.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-portal-ic" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://www.portalic.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- laguna -->
            <div class="modal-case" id="case-laguna">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_laguna__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Laguna</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>A <strong>Construtora Laguna</strong> é referência na construção de edifícios residenciais e corporativos de alto padrão, situados nas regiões mais nobres de Curitiba.</p>
                            <p>A incorporadora atua desde 1996, e nestes 20 anos foi pioneira na implantação do <strong>LEED</strong> no Brasil (selo verde de reconhecimento internacional).</p>
                            <p>Os empreendimentos da Laguna oferecem uma combinação de <strong>luxo</strong>, <strong>sustentabilidade</strong> e <strong>arquitetura diferenciada</strong>.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-laguna" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.construtoralaguna.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

             <!-- ademilar -->
            <div class="modal-case" id="case-ademilar">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_ademilar__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Ademilar</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>A <strong>Ademilar Consórcio de Investimento Imobiliário</strong> nasceu em Curitiba e conta com várias unidades por todo o país.</p>
                            <p>Especializada em <strong>consórcio de imóveis</strong>, a empresa também oferece produtos como a<strong> Aposentadoria Imobiliária</strong> e conta com mais de 50 mil clientes atendidos.</p>
                            <p>Fiscalizada pelo Banco Central, a Ademilar é a <strong>maior administradora de consórcios de imóveis do Paraná</strong> e já comercializou mais de 14 bilhões de reais em créditos.</p>

                            <div class="case-destaque">
                                <p>Este é um case destaque de marketing digital.</p>
                                <a href="cases-ademilar" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div>
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://www.ademilar.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- ceabs -->
            <div class="modal-case" id="case-ceabs">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_ceabs__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">CEABS</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>A <strong>CEABS Serviços </strong>é uma empresa do grupo <strong>Europ Assistance </strong>fundada em 2011. Seu foco é oferecer qualidade no atendimento e na prestação de serviços de solução em mobilidade e rastreamento de bens e pessoas.</p>
                            <p>Os produtos da <strong>CEABS</strong> são caracterizados por inovação tecnológica. A inteligência na aplicação da telemática é um dos diferenciais aplicados a serviços como o rastreamento de cargas e frotas, entre outros.</p>
                            <p>A empresa conta com aproximadamente 350 colaboradores em sua sede no centro de Curitiba/PR, e <strong>mais de 1.000 profissionais</strong> alocados em todo o país para instalação e manutenção dos produtos.</p>

                            <!-- <div class="case-destaque">
                                <p>Este é um case destaque <b>de marketing digital.</b></p>
                                <a href="cases-ceabs" class="btn btn-block btn-primary">
                                    <span class="text">Clique e conheça mais!</span>
                                    <i class="magic-icon-arrow2-right"></i>
                                </a>
                            </div> -->
                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.ceabs.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- banco-de-eventos -->
            <div class="modal-case" id="case-banco-de-eventos">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_banco_eventos__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Banco de Eventos</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p><strong>Banco de Eventos</strong> é uma <strong>agência de live marketing</strong> com amplo know-how em ativações, congressos, convenções, eventos, promoções, lançamentos, PDV, incentivo e trial.</p>
                            <p>Faz parte da <strong>Holding Clube</strong>, que é o maior grupo de live marketing e um dos maiores grupos de comunicação do país.</p>
                            <p>Entre os clientes atendidos pelo BE, estão: Nike, LOL, Samsung, Louis Vitton, Sadia, Latam, Natura, Mercedes, Ambev e muitos outros.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.bancodeeventos.com/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

             <!-- MARCA LASER -->
            <div class="modal-case" id="case-marca-laser">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_marca-laser__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Marca Laser</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">

                            <p>A <strong>Marca Laser</strong> atua no mercado de <strong>brindes e produtos promocionais</strong> desde 1997, utilizando tecnologia de ponta em sua linha de produção e contando com processos próprios, como “Tech Screen” e “Splash Color”, entre outros.</p>
                            <p>A atuação da empresa se dá através de um escritório de desenvolvimento na China e da sede em Pinhais/PR, com vendas corporativas para todo o Brasil.</p>
                            <p>O <strong>web site</strong> da Marca Laser possui <strong>busca preditiva inteligente</strong> e divisão por categorias para uma navegação rápida e efetiva pelo catálogo de produtos.</p>

                             <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://www.brindesmarcalaser.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- Mizza -->
            <div class="modal-case" id="case-mizza">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_mizza__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Mizza</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p>A Mizza desenvolve e comercializa <strong>móveis de design</strong> com alta qualidade de fabricação para diversos segmentos do mercado, de grandes lojas de decoração a clientes corporativos.</p>
                            <p>Além da coleção de alto luxo, a <strong>Mizza For All</strong> oferece uma linha mais acessível de produtos, com objetivo de democratizar o design, agregando funcionalidade e qualidade ao portfolio de grandes lojas.</p>
                            <p>Este é um cliente de <strong>comunicação integrada</strong> da Magic Web Design.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.mizzacompany.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- JRD -->
            <div class="modal-case" id="case-jrd">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_jrd__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">JRD Logística de Marketing</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Twitter"><i class="icon-twitter"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p>A JRD oferece soluções completas para os departamentos de <strong>Trade Marketing</strong>, utilizando a logística como integradora através de 60 centros de distribuição em todo o Brasil, operando com sedes nas regiões metropolitanas de Curitiba e São Paulo.</p>
                            <p>A gestão online dos serviços foi um pioneirismo da JRD no setor, por meio de uma parceria de longa data iniciada com a Magic há <strong>mais de 15 anos</strong>.</p>
                            <p>Hoje, a empresa atende clientes como Volvo, Bosch, Shell, L’Oréal e McDonald’s através de um exclusivo <strong>Sistema de Logística Promocional</strong> feito pela Magic e integrado com o ERP da empresa, além de um <strong>aplicativo Android</strong> para positivação e controle de rotas.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.jrdlogisticademarketing.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- ICOINOMIA -->
            <div class="modal-case" id="case-icoinomia">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_icoinomia__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Icoinomia</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p><strong>Icoinomia</strong> é um site brasileiro do setor de <strong>criptomoedas</strong>. Fazendo o papel de um instituto imparcial, oferece um ranking para comparar valores e outros índices de <strong>Bitcoins e Altcoins</strong>.</p>
                            <p>O Icoinomia representa uma aposta inédita no mercado de moedas virtuais, propondo não somente disponibilizar dados públicos das <strong><em>exchanges</em> brasileiras</strong>, mas atuar para conferir credibilidade ao setor e na defesa dos interesses dos investidores.</p>
                            <p>A Magic desenvolve o <strong>web site</strong> e cuida da <strong>gestão de marketing digital</strong> do Instituto, com presença em redes sociais e estratégia de <strong>marketing de conteúdo</strong> para o blog.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.icoinomia.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- magic-hologram -->
            <div class="modal-case" id="case-magic-hologram">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_hologram__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Magic Hologram</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p>Fundada em 1995, a <strong>Magic Hologram</strong> é uma empresa do grupo <strong>Magic</strong> e tem tradição atendendo às áreas de eventos, autenticação e controle em todo o Brasil.</p>
                            <p>Os principais produtos da Hologram são os <strong>selos holográficos</strong>, produzidos em uma diversidade de tamanhos e acabamentos, destinados a segurança, autenticação, lacres ou simplesmente comemorativos.</p>
                            <p>A empresa oferece também as <strong>pulseiras de controle</strong> em Tyvek e outros materiais, além dos <strong>ingressos antifalsificação</strong>, utilizados inclusive como moeda por diversos estabelecimentos.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="http://www.magichologram.com.br/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- REDE MAGIC -->
            <div class="modal-case" id="case-rede-magic">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_rede_magic__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">Rede Magic</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!-- <ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                            </ul> -->
                        </div>
                        <div class="case-content">
                            <p>Atuando em São Paulo há mais de 12 anos, a <strong>Rede Magic</strong> é uma agência digital especializada em ações de <strong>marketing promocional</strong> e <strong>serviços de tecnologia ligados à segurança</strong> no meio online.</p>
                            <p>Parte do grupo <strong>Magic Web Design</strong>, a Rede Magic atua diretamente na ativação de <strong>hot sites para campanhas promocionais</strong>, desenvolvidos diretamente para os clientes ou em parceria com agências de <strong>live marketing</strong> como Batuque Promo, Aktuellmix, Avantgarde, TMSW e Agência Tudo; além de agências de comunicação como Africa, DPZ&T e outras.</p>
                            <p>Entre os clientes da Rede Magic, estão: <strong>Itaú Unibanco, Rede, Weber Quartzolit, Cielo, Grupo Petrópolis</strong> (Itaipava e Crystal), <strong>Ferrero, McDonald’s, Danone, Goodyear e Yamaha</strong>.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://www.redemagic.com/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- minha promo -->
            <div class="modal-case" id="case-minha-promo">
                <div class="modal-case__cols">
                    <div class="modal-case__image" style="background: url('assets/images/cases/case_minha-promo__large.jpg') center;"></div>
                    <div class="modal-case__desc">
                        <div class="case-header">
                            <h3 class="case-title">MinhaPromo.com</h3>
                            <!-- <ul class="case-tags">
                                <li>Brand Identity</li>
                                <li>Brand Strategy</li>
                                <li>Naming</li>
                            </ul> -->
                            <!--<ul class="case-categs clearfix">
                                <li data-toggle="tooltip" data-placement="top" title="WWW"><i class="icon-www"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-face"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Instagram"><i class="icon-insta"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="icon-in"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="Blog"><i class="icon-blog"></i></li>
                                <li data-toggle="tooltip" data-placement="top" title="YouTube"><i class="icon-youTube"></i></li>
                            </ul>-->
                        </div>
                        <div class="case-content">
                            <p><strong>MinhaPromo.com</strong> é a primeira plataforma para <strong>automação de campanhas promocionais</strong>.</p>
                            <p><strong>Sorteio, concurso, incentivo</strong> e outras modalidades de <strong>promoções</strong> comerciais podem ser operacionalizadas de forma automática através da MinhaPromo.com. O hotsite da ação pode ser customizado facilmente com logo, tema da campanha, conteúdo e cores.</p>
                            <p>A plataforma é um produto <strong>Rede Magic</strong>, agência digital com 12 anos de atuação e parte do grupo <strong>Magic Web Design</strong>, que desenvolveu o <strong>web site</strong>.</p>

                            <div class="case-destaque case-projeto">
                                <p>Conheça o projeto.</p>
                                <a href="https://minhapromo.com/" target="_blank" class="bt-site">
                                    <span class="text">Acesse o site</span>
                                    <i class=""></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

         <div
id="privacyBar"
style="
  box-sizing: border-box;
  font-family: 'arial', sans-serif;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 0 15px;
"
>
<div
  style="
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    margin: 0 auto;
    max-width: 1500px;
  "
>
    <p
      style="
        color: #010101;
        font-size: 14px;
        line-height: 135%;
        max-width: 75%;
        margin: 15px auto;
      "
    >
      A <strong style="color: #6b038e;">Magic Web Design</strong> coleta cookies com dados não confidenciais para facilitar sua navegação em nosso website e blog.
      Para obter maiores detalhes a respeito, consulte nossa
      <a href="politica-uso-cookies" rel="noopener" style="color: #01c6da;">
        <strong>Política Sobre Uso de Cookies</strong></a>.
        Você pode conhecer também nossa
      <a href="politica-de-privacidade" rel="noopener" style="color: #01c6da;">
        <strong>Política de Privacidade e Tratamento de Dados</strong></a>.

        Ao prosseguir navegando em nosso website ou blog, você concorda com nossa política.
    </p>

    <button
      onclick="acceptCookies()"
    style="
        display: inline-block;
        cursor: pointer;
        background: #6b038e;
        color: #fff;
        font-size: 16px;
        border: none;
        box-shadow: none;
        border-radius: 100px;
        min-width: 150px;
        padding: 10px 20px;
        margin: 15px auto;
      "
    >
      <strong>
      OK, ENTENDI
      </strong>
    </button>
  </div>
</div>

        <footer class="main-footer">
            <nav class="footer__nav">
                <div class="container">
                    <div class="footer-nav__container">
                        <div class="col acesso-rapido">
                            <h6 class="footer-nav__title">Acesso Rápido</h6>
                            <ul class="links-list">
                                <li><a>Home</a></li>
                                <li><a>Cases</a></li>
                                <li><a>Magic+Rede</a></li>
                                <li><a>Soluções</a></li>
                                <li><a>Contato</a></li>
                                <li><a>Politica de uso de Cookies</a></li>
                                <li><a>Politica de Privacidade</a></li>
                            </ul>

                            <!-- <ul class="sub-dashed-list desk">
                                <li>
                                    <a href="a-agencia.htm" alt="A Agência">A Agência</a>
                                    <ul>
                                        <li><a href="solucoes-midias-sociais.htm" alt="Mídias Sociais">Mídias Sociais</a></li>
                                        <li><a href="solucoes-producao-web.htm" alt="Produção Web">Produção Web</a></li>
                                        <li><a href="solucoes-links-patrocinados.htm" alt="Links Patrocinados">Links Patrocinados</a></li>
                                        <li><a href="solucoes-hot-sites-promocionais.htm" alt="Hot Sites Promocionais">Hot Sites Promocionais</a></li>
                                        <li><a href="solucoes-analytics.htm" alt="Analytics">Analytics</a></li>
                                        <li><a href="solucoes-mobile.htm" alt="Mobile">Mobile</a></li>
                                        <li><a href="solucoes-e-learning.htm" alt="E-learning">E-learning</a></li>
                                    </ul>
                                </li>

                                <li><a href="premios.htm" alt="Prêmios">Prêmios</a></li>
                                <li><a href="portfolio.htm" alt="Portfolio">Portfolio</a></li>

                            </ul> -->

                        </div>
                        <div class="col redes-sociais">
                            <h6 class="footer-nav__title">Redes Sociais</h6>
                            <ul class="social-list">
                                 <li class="blog" title="Blog">
                                    <a title="Blog">Blog</a>
                                </li>
                                <li class="facebook" title="Facebook">
                                    <a title="Facebook">Facebook</a>
                                </li>
                                <li class="instagram" title="Instagram">
                                    <a title="Instagram">Instagram</a>
                                </li>
                                <li class="linkedin" title="LinkedIn">
                                    <a title="LinkedIn">Linkedin</a>
                                </li>
                                <!--<li class="twitter" title="Twitter">
                                    <a target="_blank" href="//twitter.com/MagicWebDesign" title="Twitter">Twitter</a>
                                </li>-->
                            </ul>
                        </div>
                        <div class="col empty"></div>
                       
                    </div>
                    <button class="btn-go-top" type="button"><i class="magic-icon-arrow2-up"></i></button>
                </div>
            </nav>

            <div class="LocalConfiavelSelo mob">
                <a href="https://localconfiavel.com/" target="_blank">
                    <img src="assets/images/LC-Selo-1.svg" alt="Local Confiável"/>
                </a>
            </div>
            <div class="footer__magic">
                <a href="//www.redemagic.com" target="_blank" title="Rede Magic">
                    <span>#MadeWithMagic</span>
                    <img src="assets/images/logo_rede.svg" alt="Rede Magic">
                    <span>Copyright © 2016</span>
                </a>
            </div>

            <button type="button" class="btn-newsletter">
                <i class="magic-icon-mail"></i>
                <span class="text">Newsletter</span>
                <span class="icon"><i class="magic-icon-arrow2-up"></i></span>
            </button>

            <!-- <div class="footer__newsletter collapse in">
                <div class="container">
                    <button type="button" class="btn btn-close-text newsletter__close" data-target=".footer__newsletter" data-toggle="collapse">
                        <span class="icon"><i class="magic-icon-close"></i></span>
                        <span class="text">FECHAR</span>
                    </button>
                    <div class="newsletter__container">
                        <div class="cols">
                            <div class="col col-tt">
                                <h4 class="newsletter__title">Newsletter</h4>
                                <h5 class="newsletter__sub-title">Cadastre seu e-mail e fique por dentro das novidades da Magic Web Design</h5>
                            </div>
                            <div class="col col-form">
                                <form method="post" name="formIntegration" id="formIntegration" class="form_socio" action="https://receiver.emkt.dinamize.com/in/305682/1/e7ca">

                                    <input type="hidden" name="update_mode" value="AS">
                                    <input type="hidden" name="form-code" value="3" />
                                    <input type="hidden" id="isMsg" name="isMsg" value="false" />
                                    <input type="hidden" name="redirect-url" value="https://www.magicwebdesign.com.br/cadastro-newsletter-sucesso">
                                    <input type="hidden" name="phase-change" value="off">
                                    <input type="hidden" name="cmp4" value="Magic - Site">
                                    <input type="hidden" name="text-error" value="">

                                    <div class="form-group">
                                        <input type="text" class="form-control" name="cmp2" id="cmp2" placeholder="Nome" style="margin-top: 5px;">
                                        <input type="email" class="form-control" name="cmp1" id="cmp1" placeholder="E-mail" style="margin-top: 5px;">
                                    </div>
                                    <div class="form-group">
                                        <div class="linha linha_captcha" id="recaptcha_div" style="margin-left: 20px;">
                                            <div class='g-recaptcha' data-sitekey='6LfjylUUAAAAAGI5UX_jy71JXJpEDdPPN6DmhsES' data-callback="newsRecaptchaCallbackCheck" style='margin-bottom:5px; height: 50px'></div>
                                            <input type="text" name="dnz-captcha-google" style="width: 0; height:0; padding: 0; margin: 0; opacity: 0 ">
                                        </div>
                                    </div>
                                    <div class="form-footer">
                                        <button type="submit" class="btn btn-primary btn-sm btn-send ">
                                            <span>Enviar</span>
                                            <i class="magic-icon-arrow2-right"></i>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->

        </footer>

        <script type="text/javascript">
            var __ss_noform = __ss_noform || [];
            __ss_noform.push(['baseURI', 'https://app-3QNA4JYJZS.marketingautomation.services/webforms/receivePostback/MzawMDEzMDC1AAA/']);

            __ss_noform.push(['form', 'trabalhe-conosco', '0f8c5494-1d3a-4a77-a636-a821baae4406']);
            __ss_noform.push(['form', 'contato', 'a48ae343-a43b-44f8-b3bc-d387a118bcce']);
            __ss_noform.push(['form', 'midias-sociais', 'a48ae343-a43b-44f8-b3bc-d387a118bcce']);
            __ss_noform.push(['form', 'formIntegration', 'd65d3d58-72db-4f80-92aa-c997cb8146cb']);

            __ss_noform.push(['submitType', 'manual']);

        </script>

<script>
    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(";");
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == " ") {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    if (getCookie("politica-cookie-20200923") === "1") {
        hideCookieBar()
    }
    function acceptCookies(){
        setCookie('politica-cookie-20200923',1,365)
        hideCookieBar()
    }
    function hideCookieBar(){
        document.getElementById('privacyBar').style.display = 'none'
    }
</script>
        <script type="text/javascript" src="https://koi-3QNA4JYJZS.marketingautomation.services/client/noform.js?ver=1.24" ></script>
        <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&ver=1.0&key=AIzaSyA6TobdOuXJM0_w4Z43r37ijz7vxh7k6ko"></script>

        <!-- Scripts -->
                    <script type="text/javascript" src="assets/dist/js/jquery.js"></script>
            <script type="text/javascript" src="assets/dist/js/bootstrap.js"></script>
            <script type="text/javascript" src="assets/dist/js/slick.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.validate.js"></script>
            <script type="text/javascript" src="assets/dist/js/messages_pt_BR.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.mask.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.matchHeight.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.colorbox.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.colorbox-pt-BR.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.throttledresize.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.debouncedresize.js"></script>
            <script type="text/javascript" src="assets/dist/js/cidades-estados-1.2-utf8.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.social.stream.wall.1.6.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.social.stream.1.5.7.js"></script>
            <script type="text/javascript" src="assets/dist/js/TweenMax.min.js"></script>
            <script type="text/javascript" src="assets/dist/js/ScrollMagic.min.js"></script>
            <script type="text/javascript" src="assets/dist/js/DrawSVGPlugin.js"></script>
            <script type="text/javascript" src="assets/dist/js/AttrPlugin.min.js"></script>
            <script type="text/javascript" src="assets/dist/js/jquery.ScrollMagic.min.js"></script>
            <script type="text/javascript" src="assets/dist/js/animation.gsap.min.js"></script>
            <script type="text/javascript" src="assets/dist/js/debug.addIndicators.min.js"></script>
            <script type="text/javascript" src="assets/js/animacoes.js"></script>
            <script type="text/javascript" src="assets/js/maps.js"></script>
            <script type="text/javascript" src="assets/js/main.js?20200508162100"></script>
            <script src="https://www.google.com/recaptcha/api.js?hl=pt-BR" async defer></script>
        


        <script>
            if($(".home-midias-sociais").length){

                $.get("https://www.redemagic.com/middle-connections/api/v2/midias/redemagic?services=instagram,facebook,blog&limit=12")
                .done(function(result) {
                    mountFeed(result);
                })
                .fail(function() {
                    console.log( "error" );
                })


                function mountFeed (feeds){
                    var feedsHTML = ""
                    for (x in feeds){
                        if(feeds[x].text === '' || feeds[x].image === null ){
                            console.log("Magic Middle Connection: ","mídia "+feeds[x].type+" está retornando conteúdo sem texto ou imagem");
                        }else{
                            feedsHTML += feedToHtml(feeds[x]);
                        }
                    }
                    $("#midias-feed").html(feedsHTML)
                }
                function feedToHtml(feed){
                    template = `
                    <a class="card #&#MIDIA#&#" href="#&#LINK#&#" target="_blank">
                        <div style="background-image: url('#&#IMG#&#')" class="image background"></div>
                        <div style="background-image: url('#&#IMG#&#')" class="image front"></div>
                        <div class="body">
                            <div class="header #&#TITLECLASS#&#">
                                #&#TITLE#&#
                            </div>
                            <p class="text">
                            #&#TEXT#&#
                            </p>
                            <div class="footer">
                            <span class="data">#&#DATE#&#</span>
                            <span class="midia">#&#MIDIA#&#</span>
                            </div>
                        </div>
                    </a>
                    `;
                    var feedHTML = template.replace("#&#LINK#&#", feed.link)
                    .replace("#&#IMG#&#", feed.image)
                    .replace("#&#IMG#&#", feed.image)
                    .replace("#&#DATE#&#", feed.date)
                    .replace("#&#TEXT#&#", feed.text)
                    .replace("#&#MIDIA#&#", feed.type)
                    .replace("#&#MIDIA#&#", feed.type);
                    if(feed.title){
                        feedHTML = feedHTML.replace("#&#TITLE#&#", feed.title);
                        feedHTML = feedHTML.replace("#&#TITLECLASS#&#", "");
                    }else{
                        feedHTML = feedHTML.replace("#&#TITLE#&#", "");
                        feedHTML = feedHTML.replace("#&#TITLECLASS#&#", "hidden");
                    }
                    return feedHTML;

                }

                $("#dcsns-filter a").click(function(e){
                    e.preventDefault();

                    $("#dcsns-filter a.iso-active").removeClass("iso-active");
                    $(this).removeClass("iso-active");


                    $("#midias-feed .card").hide()
                    if($(this).data("filter")=="*"){
                        $("#midias-feed .card").show()
                    }else{
                        $("#midias-feed .card."+$(this).data("filter")).show()
                    }
                })
            }
        </script>
    </body>
</html>
