<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="iso-8859-1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>P�gina n�o encontrada</title>
    <!-- Bootstrap -->
    <link rel="shortcut icon" href="http://impop.com.br/img/icone.png">
    <link rel="icon" href="http://impop.com.br/img/icone.png">
    <link href="http://impop.com.br/css/montserrat.css" rel="stylesheet">
    <link href="http://impop.com.br/css/bootstrap.css" rel="stylesheet">
    <link href="http://impop.com.br/css/custom.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="http://impop.com.br/slick/slick.css">
    <link rel="stylesheet" type="text/css" href="http://impop.com.br/slick/slick-theme.css">
    <link href="http://impop.com.br/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

    <div class="container-fluid" style="padding:10px 15px; background-color:#192234; color:#fff; font-size:11px;">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                
                    <i class="fa fa-envelope-o fa-lg" style="color:#0086ff;"></i>&nbsp;&nbsp;contato@impop.com.br
                </div>
                <div class="col-md-6 text-right">
                
                    <a href="https://www.instagram.com/impopoficial/" target="_blank"><i class="fa fa-instagram fa-lg"></i>&nbsp;&nbsp;&nbsp;<span style="color:#8c919a; font-weight:600;">INSTAGRAM</span></a>
                
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <a href="http://impop.com.br/"><img class="img-responsive center-block" src="http://impop.com.br/img/logo.png"></a>
                </div>
                <div class="col-md-8">
                    <div class="navbar-header text-center">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-principal" aria-expanded="false">
                            <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="collapse navbar-collapse" id="menu-principal">
                        <ul class="nav navbar-nav navbar-right">
                            <li ><a href="http://impop.com.br/">Home</a></li>
                            <!--<li ><a href="http://impop.com.br/assinar">Assinar</a></li>-->
                            <li ><a href="http://impop.com.br/como-funciona">Como Funciona</a></li>
                            <li ><a href="http://impop.com.br/a-empresa">A Empresa</a></li>
                            <li ><a href="http://impop.com.br/blog">Blog</a></li>
                            <li ><a href="http://impop.com.br/contato">Contato</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2" style="padding:5px 15px;">
                
                    <a href="http://impop.com.br/acesso-restrito" class="btn btn-formulario btn-block">ACESSO RESTRITO</a>
                
                </div>
            </div>
        </div>
    </nav>
	<div class="container-fluid" style="height:1px; background-color:#d6d6d6;"></div>
    <div class="container" style="padding-top:40px; padding-bottom:40px;">
        <div class="row">
            <div class="col-md-12">
                <h1 style="margin:0; font-size:30px; color:#0086ff; font-weight:600;">P�GINA N�O ENCONTRADA</h1>
                <hr style="border-color:#d6d6d6; margin:20px 0 10px;">
                <ol class="breadcrumb">
                    <li><a href="http://impop.com.br/">Home</a></li>
                    <li class="active">P�gina n�o encontrada</li>
                </ol>
            </div>
            <div class="col-md-12 text-center" style="padding-top:20px; padding-bottom:20px;">
                <i class="fa fa-frown-o fa-fw" style="font-size:12em; color:#0086ff;"></i>
                <div style="font-size:120px; color:#0086ff; display:inline-block; vertical-align:top;">404</div>
                <div style="font-size:20px; margin-top:20px;">P�gina n�o encontrada.</div>
            </div>
        </div>
    </div>
    
    <div class="container-fluid fundo-contato">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row" style="font-size:20px; color:#373d3f; padding-bottom:20px;">
                        <div class="col-md-8" style="letter-spacing:1px; font-weight:500;">ENTRE EM CONTATO</div>
                        <div class="col-md-4 text-right" style="color:#0086ff; font-weight:300;"></div>
                    </div>
                    <form action="envia_email.asp" target="frodape" class="row form-rodape">
                        <div class="col-md-4 form-group input-esquerda">
                            <input type="text" class="form-control" name="nome" placeholder="Nome" maxlength="50" />
                        </div>
                        <div class="col-md-4 form-group input-centro">
                            <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="50" />
                        </div>
                        <div class="col-md-4 form-group input-direita">
                            <input type="tel" class="form-control" name="telefone" placeholder="Telefone" maxlength="50" />
                        </div>
                        <div class="col-md-12 form-group">
                            <textarea class="form-control" name="mensagem" placeholder="Mensagem" rows="8" style="resize:none;"></textarea>
                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-formulario btn-block">ENVIAR MENSAGEM</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid" style="background-color:#0086ff; padding:10px 15px; color:#fff; font-size:12px;">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    Todos os Direitos Reservados - Desenvolvido por <a href="http://www.foxcriacaodesitesbh.com.br" target="_blank" style="font-weight:400; color:#fff;" title="Cria��o de Sites BH">SITEFOX</a>
                    <iframe name="frodape" src="about:blank" frameborder="0" width="0" height="0"></iframe>
                </div>
                <div class="col-md-2 col-md-offset-2 text-center">
                    <a href="" target="_blank"><i class="fa fa-facebook fa-lg"></i>&nbsp;&nbsp;&nbsp;<span style="color:rgba(255, 255, 255, .5); font-weight:600;">FACEBOOK</span></a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalCadastro" tabindex="-1" role="dialog" aria-labelledby="modalCadastroLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="modalCadastroLabel">Cadastre seu e-mail para receber novidades e a data de lan�amento oficial:</h4>
                </div>
                <div class="modal-body">
                    <form action="http://impop.com.br/newsletter.asp" target="frodape">
                        <div class="form-group">
                            <input type="text" class="form-control" name="email" placeholder="E-mail" maxlength="50" size="100" />
                        </div>
                        <button type="submit" class="btn btn-formulario">Cadastrar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://impop.com.br/js/bootstrap.js"></script>
    <script type="text/javascript" src="http://impop.com.br/js/jquery.nanogallery2.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery(".galeriaFotos").nanogallery2({
                thumbnailWidth: '280',
                thumbnailAlignment: 'left',
                thumbnailBorderVertical: 0,
                thumbnailBorderHorizontal: 0,
                thumbnailHoverEffect2: 'toolsAppear|imageScaleIn80',
                thumbnailLabel: {
                    "titleMultiLine": true
                },
                thumbnailToolbarImage: {
                    topRight: '',
                },
                viewerToolbar: {
                    standard: 'fullscreenButton, closeButton, label',
                },
                viewerTools: {
                    topRight: 'zoomButton,closeButton',
                },
            });
        });
    </script>
    <script type="text/javascript" src="http://impop.com.br/js/smoothscroll.js"></script>
    <script type="text/javascript">
        $(window).on('load', function () {
            $(this).impulse();
        });
    </script>
    <script type="text/javascript" src="http://impop.com.br/slick/slick.js" charset="utf-8"></script>
    <script type="text/javascript">
        $('.slider-servicos').slick({
            dots: false,
            infinite: false,
            speed: 300,
            slidesToShow: 3,
            slidesToScroll: 1,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1,
                        infinite: true,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
            ]
        });
    </script>
</body>
</html>