Error loading template file (template/header-template.php).<br/>
<!-- Video -->
<div id="video" class="v-intro">
    <div class="darken"></div>
    <div class="video-container">
        <video width="100%" height="auto" autoplay loop preload="metadata">
            <source src="../assets/files/mshow.webm" type="video/webm">
            <source src="../assets/files/mshow.3gp" type="video/3gp">
            <source src="../assets/files/mshow.ogg" type="video/ogg">
            <source src="../assets/files/mshow.mp4" type="video/mp4">
			Seu browser não suporta a tag video
    </video>
    </div>
    <div class="menuVideo">
        <div class="titulo">
            <span class="icon-caixa-som"></span> EVENTO
        </div>
        <div class="titulo" onClick="window.location = '../expositores';">
            <span class="icon-expositores"></span> EXPOSITORES
        </div>
        <div class="titulo"><span class="icon-como-chegar"></span> COMO CHEGAR</div>
        <div class="titulo" onClick="window.location = '../hospedagem';">
            <span class="icon-hospedagem"></span> HOSPEDAGEM
        </div>
        <div class="titulo" onClick="window.open('http://musicshow.bcseventos.inf.br/visitantes/index.php?id_edicao=1','_blank');"><span class="icon-ingresso"></span> CREDENCIAMENTO
        </div>
    </div>
    <div align="center" class="iconSetaFix">
        <a class="pointer" id="continue"><span class="icon-seta"></span></a>
    </div>
</div>

<!-- QUEM SOMOS -->
<div id="gray" class="bg-gray">
    <div id="ef1">
        <h1 class="">
            O maior evento da América Latina
        </h1>
        <p class="">
            Pessoas interagindo com a música e tecnologia, aprendendo coisas novas, consumindo, experimentando produtos, apreciando novidades, observando tendências e convivendo. E simultaneamente a tudo isso, pessoas escutando e vivenciando a música. Assim será o <b>Music Show</b>!
        </p>
    </div>
</div>
<div class="bg-1 snap">
    <div id="t1" class="row">
        <div class="col-5">
            <div class="mt-6" style="opacity:0;">
                <h1>
                    O maior evento da América Latina
                </h1>
                <p class="">
                    Pessoas interagindo com a música e tecnologia, aprendendo coisas novas, consumindo, experimentando produtos, apreciando novidades, observando tendências e convivendo. E simultaneamente a tudo isso, pessoas escutando e vivenciando a música. Assim será o <b>Music Show</b>!
                </p>
            </div>
            <div class="mt-6 pb-2 hidden-Fade">
                <button id="saibaMais" class="button">SAIBA MAIS</button>
            </div>
            <div class="flex col-12">
                <div id="ico1" class="pointer circle ico">
                    <span class="icon-como-chegar"></span>
                </div>
                <div id="ico2" onClick="window.location = '../hospedagem';" class="pointer circle ico">
                    <span class="icon-hospedagem"></span>
                </div>
                <div id="ico3" class="pointer circle ico" onClick="window.open('http://musicshow.bcseventos.inf.br/visitantes/index.php?id_edicao=1','_brank');">
                    <span class="icon-ingresso"></span>
                </div>
            </div>
        </div>
        <div class="specific-1 col-7">
            <div class="bg-red col-12 row">
                <div class="col-7">
                    <h2 class="hidden-Fade">Preview de Vídeo</h2>
                    <p class="hidden-Fade">Clique para ver o vídeo e sentir a emoção de estar no Music Show! </p>
                </div>
                <div class="col-5">
                    <div id="vidDestaque"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="conteudoExtra">
    <div>
        <button id="close">X</button>
        <h2>O maior evento da América Latina<br>Para quem faz, compra, vende e respira música!</h2>
        <p class="book">Pessoas interagindo com a música e tecnologia, aprendendo coisas novas, consumindo, experimentando produtos, apreciando novidades, observando tendências e convivendo. E simultaneamente a tudo isso, pessoas escutando e vivenciando a música. Assim será o <b>Music Show</b>!</p>
        <p class="book">
            Um acontecimento inédito no mundo da música, o Music Show será o maior evento do mercado musical na América Latina. Quem estiver presente, vai testemunhar um evento que poderá ser escutado em detalhes, registrado pela visão, carregado no coração e relembrado por muitos anos.
        </p>
        <h2 class="">O que será visto no Music Show? </h2>
        <p class="book">Apresentações, shows, workshops, talks, painéis, palestras, equipamentos de áudio profissional, instrumentos musicais e acessórios.</p>
        <h2 class="">Quais serão as atrações do evento?</h2>
        <p class="book"><b><i>Business Hall | Stands com produtos  de marcas gringas e nacionais | Handmade incríveis | Performances ao vivo | Música Digital e Tecnológica | Praça de Alimentação | Meetups e Networking</i></b>
        </p>

        <h2 class="">O local: São Paulo Expo</h2>
        <p class="book">Um dos principais espaços destinados a eventos de negócios e entretenimento da América Latina, o <b>São Paulo Expo</b> tem hospedado diversos eventos de sucesso em vários segmentos e também será a casa do <b>Music Show</b>. </p>
        <p class="book">Instalado em uma região de fácil acesso, o <b>São Paulo Expo</b> tem se destacado por receber exposições, feiras e eventos grandiosos. Sua expectativa de público é de 50 mil pessoas, fator que privilegiou a sua escolha para o <b>Music Show</b>.</p>
    </div>
</div>

<!-- ESPAÇO X -->
<div class="row snap t2">
    <div class="col-5">
    </div>
    <div class="col-7">
        <div class="flex">
            <h2 class="hidden-Fade">O local: São Paulo Expo</h2>
            <p class="hidden-Fade">Um dos principais espaços destinados a eventos de negócios e entretenimento da América Latina, o <b>São Paulo Expo</b> tem hospedado diversos eventos de sucesso em vários segmentos e também será a casa do <b>Music Show</b>.</p>
        </div>
        <div class="vh50">
            <img src="../assets/files/mapa.png" width="70%" height="70%">
            <button class="mt-2 button hidden-Fade" onClick="window.open('../assets/files/planta1.0.pdf','_blank');">DOWNLOAD PDF</button>
        </div>
    </div>
</div>

<!-- MAPA -->
<div id="t3" class="row snap t3">
    <div class="col-8">
        <div class="flex">
            <h2>Descritivo Mapa<br>Google</h2>
            <div class="flex-mapa">
                <a href="https://www.google.com.br/maps/dir//S%C3%A3o+Paulo+Expo,+Rodovia+dos+Imigrantes,+km+1,5+-+Vila+%C3%81gua+Funda,+S%C3%A3o+Paulo+-+SP,+04329-900/@-23.6436107,-46.6996443,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x94ce5adda4c3cb95:0x31916ce58f719167!2m2!1d-46.6296029!2d-23.6436264" target="_blank">
                    <div class="socialIcons">
                        <img src="../assets/files/googlemaps.png" width="40px" height="40px">
                    </div>
                </a>
            </div>
        </div>
        <div class="vh50">
            <div class="row">
                <div align="center" class="col-3">
                    <span class="icon-localizador"></span>
                </div>
                <div class="col-9 specific-2 hidden-Fade">
                    <div>
                        <p class="txt1">São Paulo Expo</p>
                        <p>A localização do São Paulo Expo é muito favorável, sendo possível ir até o local por diversos meios, inclusive via transporte público.
                        </p>
                    </div>
                    <p class="txt2">Rodovia dos Imigrantes, km 1,5 - Vila Água Funda, São Paulo - SP, 04329-900</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-4">
        <div id="map">
        </div>
    </div>
</div>

<!-- Agenda -->
<div id="ag" class="row t3">
    <div class="col-4">
        <div class="carrosel">
            <button id='bt1' class="cVoltar" onClick="carVoltar('c1')"><</button>
            <button id='bt2' class="cIr" onClick="carIr('c1')">></button>
            <ul id="c1" class="">
                
                <li class='carroLi'><img src='../assets/files/tabelas/tabela%20(1).jpg'></li>
                <li class='carroLi'><img src='../assets/files/tabelas/tabela%20(2).jpg'></li>
                <li class='carroLi'><img src='../assets/files/tabelas/tabela%20(3).jpg'></li>
                <li class='carroLi'><img src='../assets/files/tabelas/tabela%20(4).jpg'></li>            </ul>
        </div>
    </div>
    <div class="col-8">
        <div class="flex">
            <h2>Agenda</h2>
            <p class="prvw-4 f18">Dezenas de shows, atividades e outras atrações que não dá para você perder: veja a programação detalhada, reserve na agenda e anote para não esquecer!<br>
            Quando: 13 à 16 de Setembro de 2018, Quinta-feira à Domingo<br>
                Horários: 10h às 18h (5a e 6a feira); 13h às 20h (Sábado); 10h às 17h (Domingo)</p>
        </div>
    </div>
</div>

<!-- Vinil -->
<div class="bg-vinil">
    <div style="background-color:transparent;" class="row content relative">
        <div align="center" class="vinilDiv" style="">
            <span class="icon-quotes"></span>
            <div class="carrosel">
                <ul id="c2" class="cAuto">
                    <li id="l1">
                        <div class="quotes">
                            <h2>"Uma super experiência que você pode viver com os melhores produtos da música mundial, vários workshops, você vai encontrar lá seus artistas favoritos, eu vou estar lá, um monte de gente legal também e as maiores marcas de instrumentos musicais."</h2>
                            <img id="v1" class="none adjust" src="../assets/files/templatePessoa.png" height="100px">
                            <h4>PAULINHO FONSECA</h4>
                            <p class="">Baterista Jota Quest</p>
                        </div>
                    </li>
                    <li id="l2">
                        <div class="quotes">
                            <h2>"De 13 a 16 de setembro, estaremos na Music Show, em São Paulo, com vários artistas Aquarian! Vai ter sonzeira! Esperamos todo mundo lá! Preparem-se, porque serão mais de 2.000 clínicas somadas! "</h2>
                            <img id="v2" class="none adjust" src="../assets/files/templatePessoa.png" height="100px">
                            <h4>MAURÍCIO LEITE E FABIANO MANHAS</h4>
                            <p class="">Músicos</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="d2" class="none justify-center cDots">
                <div onClick="goTo('c2','l1')" class="dot active"></div>
                <div onClick="goTo('c2','l2')" class="dot"></div>
            </div>
        </div>
        <img id="vinil" class="vinil" src="../assets/files/vinil.png">
    </div>
</div>
<div id="videoExtra">
    <div align="center">
        <button id="close2">X</button>
        <iframe class="" width="100%" height="100%" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>
</div>

<!-- Expositores -->
<div id="t2" class="expositores">
    <p class='f25'><a href="../expositores">EXPOSITORES<br>
        Clique aqui para ver todos os expositores</a></p>
    <ul id="sponsor">
        <li><img src='../assets/files/logos/logo (1).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (2).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (3).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (4).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (5).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (6).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (7).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (8).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (9).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (10).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (11).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (12).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (13).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (14).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (15).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (16).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (17).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (18).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (19).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (20).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (21).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (22).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (23).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (24).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (25).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (26).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (27).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (28).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (29).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (30).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (31).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (32).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (33).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (34).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (35).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (36).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (37).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (38).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (39).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (40).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (41).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (42).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (43).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (44).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (45).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (46).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (47).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (48).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (49).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (50).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (51).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (52).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (53).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (54).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (55).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (56).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (57).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (58).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (59).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (60).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (61).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (62).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (63).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (64).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (65).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (66).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (67).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (68).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (69).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (70).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (71).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (72).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (73).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (74).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (75).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (76).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (77).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (78).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (79).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (80).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (81).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (82).png' width='80%' height='auto'></li><li><img src='../assets/files/logos/logo (83).png' width='80%' height='auto'></li>    </ul>
</div>
<!-- Patrocinio -->
<div align="center" class="patrocinio none">
    <p>PATROCINIO</p>
    <img src="../assets/files/logos/nucleo.png" width="auto" height="auto">
    <img class="patro" src="../assets/files/logos/tagima.png" width="auto" height="auto">
    <img class="mb-2" src="../assets/files/logos/fishman.png" width="auto" height="auto">
</div>

<div id="contato" class="contato row">
    <div class="col-5">
    </div>
    <div class="col-7">
        <form id="form" method="post" action="send.php">
            <h2>Fale com a gente</h2>
            <p class="light"><b>Ainda restou alguma dúvida?</b><br> Nossa equipe preza muito a sua opinião, envie uma mensagem para nossa central de atendimento e assim que possível retornaremos com uma reposta em relação ao assunto.</p>
            <label><p class="light">Nome</p>
				<input placeholder="Nome" type="text" name="nome" required>
			</label>
            <div class="row">
                <div class="prvw-1 col-6">
                    <label><p class="light">Email</p>
				<input placeholder="Email" type="email" name="email" required>
			     </label>
                </div>
                <div class="plvw-1 col-6">
                    <label><p class="light">Telefone</p>
				<input placeholder="Telefone" type="text" name="tel" maxlength="11" required>
			     </label>
                </div>
            </div>
            <label><p class="light">Mensagem</p>
				<textarea placeholder="Mensagem" name="mensagem" required></textarea>
			</label>
            <input type="submit" class="mt-2 button">
        </form>
    </div>
</div>

<script>
    window.onscroll = function() {
        movePicture();
        //headerColor();
    };

    $(document).ready(function() {
        var top = $(document).scrollTop();
        if (top == 0) {
            if (window.location.href.indexOf("contato") < 0) {
                $('body').on('scroll mousewheel touchmove', stopScrolling);
            }
            if (window.location.href.indexOf("ag") > 0) {
                $('body').off('scroll mousewheel touchmove', stopScrolling);
            }
        }
        //headerColor();

        //document.getElementsByClassName('icone')[0].style.display = 'none';
    });


    $('#continue').click(function() {
        $('body').off('scroll mousewheel touchmove', stopScrolling);
        $('html, body').animate({
            scrollTop: $('#t1').offset().top
        }, 1000);
    });

    $('#saibaMais').click(function() {
        var mais = document.getElementById('conteudoExtra');
        mais.style.display = "block";
        $('body').on('scroll mousewheel touchmove', stop);
        $('html, body').animate({
            scrollTop: $('#t1').offset().top
        }, 1000);
    });

    $('#v1').click(function() {
        var mais = document.getElementById('videoExtra');
        mais.style.display = "block";
        $(mais.getElementsByTagName('iframe')[0]).attr('src', 'https://www.youtube.com/embed/vabnZ9-ex7o');
        $('body').on('scroll mousewheel touchmove', stop);
    });

    $('#v2').click(function() {
        var mais = document.getElementById('videoExtra');
        mais.style.display = "block";
        $(mais.getElementsByTagName('iframe')[0]).attr('src', 'https://www.youtube.com/embed/LTseTg48568');
        $('body').on('scroll mousewheel touchmove', stop);
    });

    $('#close').click(function() {
        var mais = document.getElementById('conteudoExtra');
        mais.style.display = "none";
        $('body').off('scroll mousewheel touchmove', stop);
    });

    $('#close2').click(function() {
        var mais = document.getElementById('videoExtra');
        mais.style.display = "none";
        $('body').off('scroll mousewheel touchmove', stop);
    });

    $('#ico1').click(function() {
        $('html, body').animate({
            scrollTop: $('#t3').offset().top
        }, 1000);
    });

    function stop(e) { //função de parar o scroll do usuário
        e.preventDefault();
        e.stopPropagation();
        return false;
    }

    function headerColor() {
        var menu = document.getElementsByClassName("menuColor")[0];
        var infoH = document.getElementById('infoH');
        var lang = document.getElementsByClassName("lang");
        var header = document.getElementsByTagName('header')[0];


        var div1 = document.getElementById("video").getBoundingClientRect().bottom;
        var div2 = document.getElementById("gray").getBoundingClientRect().top;
        var div3 = document.getElementsByClassName("t2")[0].getBoundingClientRect().top;
        var div4 = document.getElementsByClassName("bg-vinil")[0].getBoundingClientRect().top;

        
        if (div4 < 50) {
            black();
        } else
        if (div3 < 50) {
            white();
        } else
        if (div2 < 50) {
            black();
        } else if (div1 > 0) {
            white();
        }

        function black() {
            menu.style.color = "black";
            infoH.style.color = "black";
            /*lang[0].style.color = "black";
            lang[1].style.color = "black";
            lang[2].style.color = "black";*/
            header.style = 'background-color: rgba(255,255,255,0.5);';
        }

        function white() {
            menu.style.color = "white";
            infoH.style.color = "white";
            /*lang[0].style.color = "white";
            lang[1].style.color = "white";
            lang[2].style.color = "white";*/
            header.style = 'background-color: rgba(0,0,0,0.5);';
        }
    }


    var pic1 = document.getElementById("ef1");
    var bodyRect = document.body.getBoundingClientRect(),
        elemRect = pic1.getBoundingClientRect(),
        offset1 = elemRect.top - bodyRect.top;

    var pic2 = document.getElementById("t3");
    var elemRect2 = pic2.getBoundingClientRect(),
        offset2 = elemRect2.top - bodyRect.top;

    var vinil = document.getElementById("vinil");
    var elemRectV = vinil.getBoundingClientRect(),
        offsetV = elemRectV.top - bodyRect.top;
    var vMaxLeft = 50,
        vOffSetExtra = 400,
        vReturn = 105;

    function movePicture() {

        var y = (window.pageYOffset || document.documentElement.scrollTop) - offset1;
        /*
                var y2 = (window.pageYOffset || document.documentElement.scrollTop) - offset2;*/

        var v = (window.pageYOffset || document.documentElement.scrollTop) - offsetV + vOffSetExtra;
        var vS = (30 + v / 8);
        var vS2 = (((v - (vOffSetExtra + (vReturn - vMaxLeft))) / 8) - 30);


        if (y >= 300) {
            pic1.style = 'position:relative;top:400px;';
        } else if (y >= -100) {
            pic1.style.position = 'relative';
            pic1.style.top = (y + 100) + 'px';
        } else {
            pic1.style = " ";
        }
        /*
                if (y2 >= 700) {
                    pic2.style = 'position:relative;top:700px;';
                } else if (y2 >= 0) {
                    pic2.style.position = 'relative';
                    pic2.style.top = y2 + 'px';
                } else {
                    pic2.style = " ";
                }*/


        var vS2calc = (vMaxLeft - vS2);
        if (vS2calc <= 30) {
            vS2calc = 30;
        }

        if (vS >= vReturn) {
            if (vS2 < 37) {
                vinil.style.left = vS2calc + 'vw';
            } else {
                vinil.style.left = '30vw';
            }
        } else if (v >= 0) {
            if (vS < vMaxLeft) {
                vinil.style.left = vS + 'vw';
            } else {
                vinil.style.left = vMaxLeft + 'vw';
            }
        } else {
            vinil.style.left = '30vw';
        }
        if (vinil.style.left > vMaxLeft + 'vw') vinil.style.left = vMaxLeft + 'vw';
    }

    function initMap() {
        var myLatLng = {
            lat: -23.6436264,
            lng: -46.6296029
        };


        // Create a map object and specify the DOM element
        // for display.
        var map = new google.maps.Map(document.getElementById('map'), {
            center: myLatLng,
            zoom: 16
        });

        // Create a marker and set its position.
        var marker = new google.maps.Marker({
            map: map,
            position: myLatLng,
            title: 'Music Show'
        });
    }

    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (document.getElementsByClassName('icone')[0]) {
            var icon = document.getElementsByClassName('icone')[0];

            if (top > 0) {
                icon.style.height = '50px';
                icon.style.paddingBottom = '0px';
            } else {
                icon.style.height = '50px';
            }
        }
    });

</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBnVa05GcTTr6fDrnNIhKRVkREprFiZCR4&callback=initMap&libraries=places">


</script>

<script src="../assets/js/animate-scroll.js"></script>

<script src="../assets/js/carrosel.js"></script>
<script src="../assets/js/letreiro.js"></script>
<script src="../assets/js/maisconteudo.js"></script>
<script src="../assets/js/menuscroll.js"></script>

Error loading template file (template/footer-template.php).<br/>