<?php	include 'conexao.php';?>
<!DOCTYPE html>
<html lang="pt-br">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Cio Odontologia</title>
	<link rel="shortcut icon" href="favicon.png" />
	<script type="text/javascript" src="js/fontawesome-all.js"></script>
	<link rel="stylesheet" id="tp-montserrat-css"
		href="http://fonts.googleapis.com/css?family=Montserrat%3A400%2C700&amp;ver=4.9.8" type="text/css" media="all">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/contact-form.js" type="text/javascript"></script>
	<script>
		$(document).ready(function () {
			// Add smooth scrolling to all links
			$("a").on('click', function (event) {

				// Make sure this.hash has a value before overriding default behavior
				if (this.hash !== "") {
					// Prevent default anchor click behavior
					event.preventDefault();

					// Store hash
					var hash = this.hash;

					// Add hash (#) to URL when done scrolling (default click behavior)
					window.location.hash = hash;
				});
		} // End if
			  });
			});						
	</script>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
</head>

<body id="hometop" style="overflow-x: hidden;">
	<div id="home" class="col-md-12"
		style="position: fixed;     z-index: 99; height: 80px; background: #232830 ; box-shadow: 0px 0px 8px 2px #767676; ">
		<div class="row " id="header" style="">
			<div class="col-md-1"></div>
			<div class="col-md-2 text-center">
				<div class="site-branding" style="text-align: center;">
					<a href="#hometop" rel="home">
						<img style="width: 100%; margin-top: 18px;" src="images/logo.png" alt="logo">
					</a>
				</div>
			</div>
			<div id="links" class="col-md-8 text-right" style="padding-top: 22px; text-transform: uppercase;">
				<a href="#sec2">A Clínica</a> <a href="#trat">Tratamentos</a> <a href="#prev2">Prevenção</a> <a
					href="#sec3">Diferenciais</a> <a href="#prev22">Blog</a> <a href="#contato">Contato</a> <a></a>
				<a href="https://pt-br.facebook.com/ciodontologiacuritiba/" target="_blank"><i
						class="fab fa-facebook-f fa-2x"></i></a> <a
					href="https://www.instagram.com/ciodontologiacuritiba/" target="_blank"><i
						class="fab fa-instagram fa-2x"></i></a>
			</div>
			<div class="col-md-1"></div>
		</div>
	</div>
	<div id="banner">
		<img src="images/banner.jpg" width="100%">
	</div>
	<div class="col-md-11"></div>
	<div id="wat" class="col-md-1">
		<a style="position: fixed; text-align: right; margin-right: 2%; z-index: 1; bottom: 8%;"
			href="https://api.whatsapp.com/send?phone=5541996254111" target="_blank"><img
				style="width: 100%;max-width:46px" src="images/what.png"></img></a>
	</div>
	<div id="sec2" class="text-center" style="margin-top: 5%;">
		<div class="col-md-12">
			<h1 style="font-size: 24px; color: #333;">Conheça nossa clínica, na região Jardim das Américas, em Curitiba.
			</h1>
			<br><br>
		</div>
		<div id="pd" class="row" style="padding: 80px 0">
			<div class="col-md-6" style="padding: 80px">
				<p style="font-size: 18px; color: #333;">Seja bem-vindo(a) ao Consultório Integrado de Odontologia (CIO)
					localizado na região de Curitiba.
				</p>
				<p style="font-size: 18px; color: #333;"><br>Seja qual for sua necessidade, na CIO você conta com
					tranquilidade e a garantia de que sua saúde bucal, estará sempre em boas mãos!
				</p>
				<br>
				<a data-toggle="modal" href="#modalmais" style="font-size: 18px; padding: 10px; "
					class="btn btn-info">Saiba mais</a>
				<a id="bt23" data-toggle="modal" href="#modalequipe" style="font-size: 18px; padding: 10px; "
					class="btn btn-info">Conheça nossa equipe</a>
			</div>
			<div class="col-md-6">

				<img src="images/aclinica.jpg" class="img-responsive"></img>
			</div>
		</div>

	</div>

	<div class="text-center" style="background-color: #333; padding: 60px 0;">
		<form id="main-contact-form2" method="post">
			<div class="col-md-1"></div>
			<div class="col-md-4">
				<h4 style="color: white; font-size: 16px;     margin-top: -2%;">DEIXE SEU CONTATO, NÓS LIGAMOS PARA
					VOCÊ!</h4> <input type="hidden" name="tipo" value="ligar" />
				<br>
			</div>
			<div class="col-md-2" style="margin-top: -2%;">
				<div class="form-group">
					<input type="text" name="name" id="name" class="form-control" placeholder="Nome"
						required="required">
				</div>
			</div>
			<div class="col-md-2" style=" margin-top: -2%;">
				<div class="form-group">
					<input type="number" name="phone" id="phone" class="form-control" placeholder="Telefone"
						required="required">
				</div>
			</div>
			<div id="sendd" class="col-md-1" style="margin-top: -1%;">
				<div class="form-group " style="cursor: pointer;">
					<button type="submit" id="submit"
						style="line-height: 1.2;border-color: #eea23600;border-radius: 4px !important; float: left; margin-top: -17%; background: #5bc0de; color: white !important;"
						class="btn-warning btn-lg"><svg class="svg-inline--fa fa-paper-plane fa-w-16" aria-hidden="true"
							data-prefix="fas" data-icon="paper-plane" role="img" xmlns="http://www.w3.org/2000/svg"
							viewBox="0 0 512 512" data-fa-i2svg="">
							<path fill="currentColor"
								d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z">
							</path>
						</svg><!-- <i class="fas fa-paper-plane"></i> --></button>
				</div>
			</div>
			<div class="col-md-1"></div>
		</form>
	</div>
	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalmais" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Saiba mais</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 25px; text-align: justify !important;">

									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-justify">
										<p>Nossa clínica está localizada em uma ótima região no bairro Jardim das
											Américas, em Curitiba, há mais de 20 anos.
										</p>
										<br>
										<p>Diferenciais
										</p>
										<br>
										<p>SERVIÇO LEVA E TRAZ Para maior conforto e comodidade aos pacientes, o
											Consultório Integrado de Odontologia (CIO) disponibiliza o Serviço Leva e
											Traz. Neste serviço, um veículo da clínica se desloca até a residência ou
											local de trabalho do paciente e o leva para a consulta/procedimento
											cirúrgico sem nenhum custo adicional. Ao término, o veículo leva o paciente
											de volta ao local de origem. Sempre com um agendamento prévio com a nossa
											recepcionista.
										</p>
										<br>
										<p>RADIOGRAFIA DIGITAL Temos no consultório aparelho para raio-X digital. Com
											essa tecnologia conseguimos diagnósticos mais precisos devido a qualidade de
											imagem; rapidez no exame por termos a imagem instantânea; segurança para
											pacientes e funcionários porque a radiografia digital é feita com uma
											potência do raio diminuída em 100 vezes e ainda contribuímos com o ecologia
											de nossa cidade pois com esse método não utilizamos os líquidos de revelação
											e fixação (líquidos tóxicos que exigem descarte controlado).  
										</p>
										<br>
										<p>MÚSICA DE SUA PREFERÊNCIA O Consultório Integrado de Odontologia conta com um
											sistema integrado e uma vasta lista com músicas e álbuns de todos os
											estilos. Para o seu atendimento você pode selecionar a trilha de sua
											preferência, criando assim um clima de maior tranqüilidade.  
										</p>
										<p>ATENDIMENTO A ESTRANGEIROS O Consultório Integrado de Odontologia está apto a
											atender pacientes de outras nacionalidades. Falamos ESPANHOL, INGLÊS e
											COREANO.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->


	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalequipe" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Conheça nossa equipe</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div id="eq" class="row clearfix "
									style=" padding: 0px; text-align: center !important;">
									<div class="row">
										<div class="form-group img-responsive col-lg-6 col-md-6 col-xs-6">
											<img width="50%" height="" src="images/eq1.jpg">
											<p><b>Tassiane Borges</b></p>
											<p>TÉCNICA EM SAÚDE BUCAL</p>
										</div>
										<div class="form-group img-responsive col-lg-6 col-md-6 col-xs-6">
											<img width="50%" height="" src="images/eq2.jpg">
											<p><b>Paula Bugdanovicz</b></p>
											<p>AUXILIAR DE SERVIÇOS GERAISL</p>
										</div>
									</div>
									<div class="row">
										<div class="form-group img-responsive col-lg-6 col-md-6 col-xs-6">
											<img width="50%" height="" src="images/eq3.jpg">
											<p><b>Amanda Oliveira</b></p>
											<p>RECEPCIONISTA</p>
										</div>
										<div class="form-group img-responsive col-lg-6 col-md-6 col-xs-6">
											<img width="50%" height="" src="images/eq4.jpg">
											<p><b>Iohana Muniz</b></p>
											<p>CONSULTORA COMERCIAL</p>
										</div>
									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<div id="trat" class="text-center" style="padding: 15% 0;">
		<div class="col-md-12">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: #333; margin-top: 0%;">Nossos Tratamentos</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>
		<br><br>
		<div class="row" style="padding: 15px 65px; margin-top: 5%;">
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale1">
					<img src="images/e1.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Clareamento Dental</p>
					<br><br>
				</a>
			</div>
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale2">
					<img src="images/e2.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Lentes de Contato Dental</p>
					<br><br>
				</a>
			</div>
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale3">
					<img src="images/e3.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Alinhadores</p>
					<br><br>
				</a>
			</div>

		</div>
		<div class="row" style="padding: 15px 65px;">
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale4">
					<img src="images/e4.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Implante</p>
					<br><br>
				</a>
			</div>
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale5">
					<img src="images/e5.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Prótese</p>
					<br><br>
				</a>
			</div>
			<div class="col-md-4">
				<a data-toggle="modal" href="#modale6">
					<img src="images/e6.jpg" class="img-responsive"></img>
					<br>
					<p style="font-size: 22px;">Odontopediatria</p>
					<br><br>
				</a>
			</div>

		</div>

	</div>

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Clareamento Dental</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e1.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>O Clareamento Dental é um procedimento odontológico que visa melhorar a
											aparência dos dentes, proporcionando um sorriso mais branco e mais bonito.
										</p>
										<p>Ele pode ser realizado no consultório com aplicação de um gel clareador; em
											casa através do uso de uma moldeira individualizada com aplicação de gel; ou
											com a associação das duas técnicas.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Lentes de Contato Dental</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e2.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>As Lentes de Contato Dentais são lâminas de porcelana bem finas que são
											coladas sobre a superfície externa dos dentes. Desse modo é possível
											transformar seu sorriso, corrigindo pequenas imperfeições, cor e detalhes
											que te incomodam.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Alinhadores </h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e3.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>A Ortodontia é a especialidade odontológica que corrige a posição dos dentes
											e dos ossos maxilares posicionados de forma inadequada. Ela dispõe de
											diversas opções de tratamentos, que são eles:
										</p>
										<p>-Alinhadores Invisíveis: Os Alinhadores Invisíveis é um método eficiente para
											corrigir problemas estéticos de ortodontia. Sua maior vantagem é que o
											aparelho fica invisível, pode ser removido e o tempo de tratamento varia
											tanto quanto um tratamento convencional, diretamente proporcional à
											gravidade do problema.
										</p>
										<p>-Alinhadores Convencionais: É composto por peças chamadas de bandas,
											braquetes e fios, que são presos por elásticos de diversas cores. Sua maior
											vantagem é a possibilidade de escolher cores para “enfeitar” o sorriso.
										</p>
										<p>-Alinhadores Estéticos: Os alinhadores estéticos são indicados para pacientes
											que buscam um tratamento ortodôntico sem o famoso sorriso metálico. Quase
											imperceptíveis, eles funcionam da mesma maneira que os aparelhos
											tradicionais, proporcionando o mesmo resultado e tempo de tratamento.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Implante</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e4.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>Os implantes dentários são dispositivos feitos em titânio que servem para
											substituir a raiz do dente e dar suporte a uma prótese, contribuindo assim
											para uma melhor aparência física e função mastigatória. Eles são indicados
											para pacientes com perda unitária, parcial ou de todos os dentes.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Prótese</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e5.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>É a área da odontologia destinada à reconstrução e reposição de elementos
											dentais danificados ou perdidos, devolvendo ao paciente as características e
											funções mastigatórias, estéticas e fonéticas, além de recompor e proteger
											funções articulares.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modale6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Odontopediatria</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/e6.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>Muitos pais e responsáveis dão atenção apenas a consulta ao pediatra e acabam
											se esquecendo de uma área extremamente importante na saúde dos seus filhos:
											a odontopediatria. Essa área aborda a prevenção e a saúde bucal das crianças
											desde bebês.
										</p>
										<p>Nesta fase, é extremamente importante implementar os primeiros cuidados de
											higiene oral, para que futuramente a criança não desenvolva problemas
											bucais.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->
	<div id="trat1" class="text-center" style="margin-top: %;">
		<div class="col-md-12">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: #333; margin-top: 0%;">Anestesiologia</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>

		<div class="col-md-3"></div>
		<div class="col-md-6" style="padding: 40px;">
			<br><br>
			<p style="font-size: 18px;">Hoje, podemos deixar a dor e o medo da anestesia na antiga Odontologia. A
				Odontologia Moderna traz a oportunidade de praticarmos a arte dental com leveza, suavidade e segurança,
				em todos os seus procedimentos.
			</p>
			<p style="font-size: 18px;">Representa o fim da dor nas consultas dentárias em quase 100% dos casos, em
				todas as suas especialidades: dentisteria, endodontia, prótese, cirurgia, implantodontia,
				odontopediatria, entre outras.
			</p>
		</div>
		<div class="col-md-3"></div>

	</div>

	<br><br>
	<div id="trat2" class="text-center">
		<div class="col-md-12" style="margin-top: 15%;">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: #333; margin-top: 0%;">Etapas de Atendimento</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>

		<div class="col-md-2"></div>
		<div id="pd" class="col-md-8" style="padding: 80px 0;">
			<br><br>
			<div class="col-md-3">

				<img src="images/1.png"></img>
				<p style="font-size: 22px;"><b>Check-Up</b></p>
				<p style="font-size: 18px;">Preventivo Digital</p>
			</div>
			<div class="col-md-3">
				<img src="images/2.png"></img>
				<p style="font-size: 22px;"><b>Planejamento</b></p>
				<p style="font-size: 18px;">Solicitação de Exames</p>
			</div>
			<div class="col-md-3">
				<img src="images/3.png"></img>
				<p style="font-size: 22px;"><b>Tratamento</b></p>
				<p style="font-size: 18px;">Início do Tratamento</p>
			</div>
			<div class="col-md-3">
				<img src="images/4.png"></img>
				<p style="font-size: 22px;"><b>Prevenção</b></p>
				<p style="font-size: 18px;">Acompanhamento Preventivo</p>
			</div>
		</div>
		<div class="col-md-2"></div>

	</div>

	<br>
	<div id="too" style="margin-top: 75%;" class="parallax"></div>


	<div id="trat1" class="text-center" style="margin-top: 10%; margin-bottom: 10%;">
		<div class="col-md-12">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: #333; margin-top: 0%;">Prevenção</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>

		<div class="col-md-2"></div>
		<div class="col-md-8" style="padding: 40px;">
			<br><br>
			<p style="font-size: 18px;">O Check-Up Preventivo Digital é um exame realizado por uma câmera intra-oral de
				alta definição que aumenta a imagem em até 60 vezes, ou seja, com as imagens obtidas neste exame,
				pode-se analisar detalhadamente um dente e encontrar uma pequena infiltração ou início de cárie, antes
				mesmo que possam ser detectadas a olho nu ou até mesmo através de uma radiografia.
			</p>


		</div>
		<div class="col-md-2"></div>

		<div id="prev2">
			<br><br>
			<div class="row" style="padding: 15px 65px; margin-top: 5%;">
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp1">
						<img src="images/p1.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Kids</p>
						<br><br>
					</a>
				</div>
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp2">
						<img src="images/p2.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Adolescente</p>
						<br><br>
					</a>
				</div>
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp3">
						<img src="images/p3.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Gestante</p>
						<br><br>
					</a>
				</div>

			</div>
			<div class="row" style="padding: 15px 65px;">
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp4">
						<img src="images/p4.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Empresa</p>
						<br><br>
					</a>
				</div>
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp5">
						<img src="images/p5.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Atleta</p>
						<br><br>
					</a>
				</div>
				<div class="col-md-4">
					<a data-toggle="modal" href="#modalp6">
						<img src="images/p6.jpg" class="img-responsive"></img>
						<br>
						<p style="font-size: 22px;">Check-Up Melhor Idade</p>
						<br><br>
					</a>
				</div>

			</div>
		</div>

	</div>

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Kids</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p1.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>Quando crianças, os pais têm uma preocupação em levar os filhos ao médico
											regularmente. Entretanto, essa prática fica um pouco esquecida quando se
											trata de consultas odontológicas. Já imaginou seu filho sem cáries e
											problemas bucais? Isso pode ser possível com o Check-up Kids, conheça já
											essa tecnologia!
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Adolescente</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p2.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>Os pais devem estar atentos a saúde bucal de seus filhos, pois na
											adolescência eles estão passando por alterações comportamentais e isso pode
											ocasionar mudanças em seus hábitos diários de higiene e alimentação,
											ocasionando o aparecimento de gengivite e cáries dentais.
										</p>
										<p>O Check-up Adolescentes ajudará a prevenir essas doenças e manterá a saúde
											bucal do adolescente.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Gestante</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p3.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>A gestação é uma das fases mais belas da vida de uma mulher e cuidar da sua
											saúde é o primeiro passo para a construção de uma vida saudável para seu
											bebê. O Check-Up Gestante auxilia na prevenção de infecções geradas por
											problemas periodontais que podem prejudicar o bebê, além de prevenir e
											controlar algumas doenças que podem acometer a gestante, como a diabetes.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Empresa</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p4.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>O Check-up executivo tem o foco principal voltado para prevenção da saúde
											bucal dos pacientes que com a rotina corrida, não disponibilizam de muito
											tempo para ficar entre uma clínica e outra realizando exames.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Atleta</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p5.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>O Check-up Atleta é inteiramente seguro e indolor. Através de um exame
											preciso e rápido, conseguimos detectar problemas que não são possíveis serem
											visualizados a olho nu e agir diretamente no problema.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<!-- Modal: estetica now Starts -->
	<div class="modal fade" id="modalp6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Check-Up Melhor Idade</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
							aria-hidden="true">×</span></button>

				</div>
				<div class="modal-body">
					<div class="appoinment-form-outer">
						<div role="form" class="wpcf7" id="wpcf7-f600-o1" lang="en-US" dir="ltr">
							<div class="screen-reader-response"></div>
							<div class="form-portlet">
								<div class="row clearfix " style=" padding: 0px; text-align: left !important;">
									<div class="form-group img-responsive col-lg-12 col-md-12 col-xs-12">
										<img width="100%" height="" src="images/p6.jpg">
									</div>
									<div class="form-group col-lg-12 col-md-12 col-xs-12 text-center">
										<p>Cuidar da saúde bucal é importante em todas as fases da vida, porém na
											terceira idade, esse cuidado deve ser redobrado. Com o Check-Up Melhor
											Idade, conseguimos prevenir infecções e outros problemas que levam a
											dificuldades na mastigação. Além disso, um sorriso bonito aumenta o
											bem-estar melhora a qualidade de vida.
										</p>

									</div>


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal: tratamentos now Ends -->

	<div style="margin-top: 5%;" class="parallax2"></div>

	<div id="sec3" class="text-center" style="margin-top: 10%;">
		<div class="col-md-12">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: #333; margin-top: 0%;">Diferenciais</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>
		<br><br>
		<div class="row" style="padding: 80px 0">
			<div class="col-md-6">

				<img src="images/leva.jpg" class="img-responsive"></img>
			</div>
			<div class="col-md-6" style="padding: 40px 80px;">
				<p style="font-size: 16px; color: #333;"><b>Leva e Traz</b></p>
				<p style="font-size: 16; color: #333;"><br>Para maior conforto e comodidade aos pacientes,
					disponibilizamos o Serviço Leva e Traz. Com o agendamento prévio, o veículo do CIO se desloca até a
					residência ou local de trabalho do paciente e o leva para o procedimento cirúrgico na clínica sem
					nenhum custo adicional. Ao término, o veículo leva o paciente de volta ao local de origem.
				</p>
				<br>
				<p style="font-size: 16px; color: #333;"><b>Equipe</b></p>
				<p style="font-size: 16px; color: #333;"><br>Profissionais altamente especilizados em diversas áreas da
					Odontologia, integram nossa equipe multidisciplinar.
				</p>
				<br>
				<p style="font-size: 16px; color: #333;"><b>Segurança</b></p>
				<p style="font-size: 16px; color: #333;"><br>Nosso estacionamento é monitorado por câmeras, assim como
					todas as nossas salas. Tudo integrado a uma central de monitoramento.
				</p>
				<br>
			</div>

		</div>

	</div>
	<div style="margin-top: 2%;" class="parallax3"></div>
	<div id="prev22" style="background: #333;">
		<br><br>
		<div class="row" style="padding: 15px 65px; margin-top: 5%;">
			<div class="col-md-3" style="padding: 25px;">
				<p style="font-size: 36px; color: white;">Blog</p>
				<p style="font-size: 28px; color: white;">Ultimas Postagens</p>
			</div>
			<?php 					try{						 $sql  = "SELECT n.*, substring(n.descricao, 1 , 100) as texto									FROM noticias n								   WHERE n.idempresa = 1									 AND n.ativo = 'S' 									 AND n.dttermino >= CURRENT_TIMESTAMP 									 AND n.dtinicio <= CURRENT_TIMESTAMP 								   ORDER BY n.dtnoticia DESC								   LIMIT 3";								   						 //var_dump($sql);		   						 						 $stmt = $pdo->prepare($sql);						 $stmt->execute();						 $noticias_tipo =  $stmt->fetchAll(PDO::FETCH_ASSOC);						 foreach($noticias_tipo as $row)						 {							$html   = '<div class="col-md-3">';							$html  .= '	<a href = "#!" onclick="javascript:abreModal('.$row['id'].');">';							$html  .= '		<img src="webadmin/'.$row['imagem'].'" class="img-responsive"></img>';							$html  .= '		<br>';							$html  .= '		<p style="font-size: 16px; color: white;">'.$row['titulo'].'</p>';							$html  .= '	</a>';							$html  .= '</div>';							echo($html);						 }					 } catch(PDOException $e){						 echo 'Error: ' . $e->getMessage();					 }				?>
		</div>

	</div>



	<div id="contato" class="text-center" style="padding-top: 10%; background: #333;">
		<div class="col-md-12">
			<div class="col-md-3">
				<hr size="30">
			</div>
			<div class="col-md-6">
				<h1 style="font-size: 36px; color: white; margin-top: 0%;">Entre em Contato</h1>
			</div>
			<div class="col-md-3">
				<hr>
			</div>

		</div>
		<br><br><br><br>
		<div class="row" style="padding: 15px 65px; margin-top: 5%; text-align: left;">
			<div class="col-md-4" style="padding-left: 10%; ">

				<p style="font-size: 18px; color: white;">TELEFONES</p>
				<br>
				<p style="font-size: 18px; color: white;">41.99625-4111 <i class="fab fa-whatsapp"></i></p>
				<p style="font-size: 18px; color: white;">41.3266-2878</p>
				<p style="font-size: 18px; color: white;">41.3018-2589</p>
				<p style="font-size: 18px; color: white;">41.3024-0993</p>

				<br><br>
				<p style="font-size: 18px; color: white;">SIGA-NOS</p>
				<br>
				<a style="color: white; font-size: 18px;" href="https://pt-br.facebook.com/ciodontologiacuritiba/"
					target="_blank"><i class="fab fa-facebook-f fa-2x"></i></a> &nbsp;&nbsp;
				<a style="color: white; font-size: 18px;" href="https://www.instagram.com/ciodontologiacuritiba/"
					target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
				<br><br><br><br>

			</div>
			<div class="col-md-4">
				<p style="font-size: 18px; color: white;">LOCALIZAÇÃO</p>
				<br>
				<a target="_blank"
					href="https://www.google.com.br/maps/place/Av.+Cel.+Francisco+H.+dos+Santos,+815+-+Jardim+das+Americas,+Curitiba+-+PR,+82590-300/@-25.4555166,-49.2329861,17z/data=!3m1!4b1!4m5!3m4!1s0x94dce51632f99a07:0xd291e1e479f047f3!8m2!3d-25.4555166!4d-49.2307974">
					<img style="    padding-right: 8%;" src="images/map.jpg" class="img-responsive"></img>
					<br>

				</a>
			</div>
			<div class="col-md-4" style="    padding-right: 6%;">
				<p style="font-size: 18px; color: white;     padding-left: 4%;">DEIXE SUA MENSAGEM</p>
				<br>
				<form id="main-contact-form" method="post">
					<div class="col-md-12" style=" margin-left: ;"> <input type="hidden" name="tipo" value="contato" />
						<div class="form-group">
							<input type="text" name="name" id="nome" class="form-control" placeholder="Nome"
								required="required">
						</div>
					</div>
					<div class="col-md-12" style=" margin-left: ;">
						<div class="form-group">
							<input type="text" name="phone" id="telefone" class="form-control" placeholder="Telefone"
								required="required">
						</div>
					</div>
					<div class="">
						<div class="col-md-10" style=" margin-left: ; padding-right: 6%;">
							<div class="form-group">
								<textarea name="message" id="mensagem" class="form-control" rows="2"
									placeholder="Mensagem" required="required"></textarea>
							</div>
						</div>
						<div class="col-md-2" style=" margin-left: ;">
							<div class="form-group " style="cursor: pointer;">
								<button type="submit" id="submit"
									style="line-height: 1.455;border: none; float: right; background: #5bc0de; color: white;     border-radius: 4px !important;"
									class="btn-warning btn-lg"><svg class="svg-inline--fa fa-paper-plane fa-w-16"
										aria-hidden="true" data-prefix="fas" data-icon="paper-plane" role="img"
										xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
										<path fill="currentColor"
											d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z">
										</path>
									</svg><!-- <i class="fas fa-paper-plane"></i> --></button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>

		<footer>
			<div class="container">
				<img src="./images/logo.png" alt="Logo">
				<div class="copyrights">
					<span class="copy">©2023 | Feito com <svg id="cora" version="1.1" xmlns="http://www.w3.org/2000/svg"
							xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
							style="enable-background:new 0 0 100 100;" xml:space="preserve">
							<style type="text/css">
								.st0 {
									fill: url(#SVGID_1_);
								}
							</style>
							<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.1777" y1="50.2625"
								x2="115.4157" y2="50.2625">
								<stop offset="0" style="stop-color:#189EFF"></stop>
								<stop offset="0" style="stop-color:#189EFF"></stop>
								<stop offset="1" style="stop-color:#08FC8C"></stop>
							</linearGradient>
							<path class="st0"
								d="M94.8,35.7c-0.8-6.2-3.4-11.5-8.1-15.6c-5.5-4.8-11.9-6.6-19.1-5.7c-2,0.3-4,0.8-5.8,1.5c-3.8,1.5-7,4-9.7,7.4c-1.4,1.7-2.5,1.6-4,0c-1.2-1.3-2.3-2.6-3.7-3.7c-5.6-4.5-12-6.1-19-5C16.2,15.9,8.2,23,6,32c-1.8,7.3-0.5,14.2,3,20.7c3.1,5.7,7.5,10.3,12.4,14.3c8.7,7,17.6,13.7,27.5,19.1c0.8,0.5,1.4,0.4,2.2,0c7.9-4.3,15.2-9.5,22.3-15c4.3-3.3,8.5-6.7,12.1-10.7c0.7-0.8,1.4-1.6,2.1-2.5c4.4-5.7,7.2-12.1,7.1-19.5C94.8,37.5,94.9,36.6,94.8,35.7z">
							</path>
						</svg> por: <a href="https://www.gprede.com.br/" target="_blank">
							<svg id="gpr-c" version="1.1" xmlns="http://www.w3.org/2000/svg"
								xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
								style="enable-background:new 0 0 100 100;" xml:space="preserve">
								<style type="text/css">
									.st0 {
										fill: url(#SVGID_1_);
									}
								</style>
								<g>
									<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.659" y1="50"
										x2="94.341" y2="50">
										<stop offset="0" style="stop-color:#189EFF"></stop>
										<stop offset="0" style="stop-color:#189EFF"></stop>
										<stop offset="1" style="stop-color:#08FC8C"></stop>
									</linearGradient>
									<path class="st0"
										d="M34.2,58.6h4.4c0,0,0,0,0,0.1c0,9.1-7.4,16.4-16.4,16.4c-9.1,0-16.4-7.4-16.4-16.4c0,0,0,0,0-0.1H10c0,0,0,0,0,0.1c0,6.6,5.4,12.1,12.1,12.1C28.8,70.7,34.2,65.3,34.2,58.6C34.2,58.7,34.2,58.6,34.2,58.6z M38.5,41.7c0-9.1-7.4-16.4-16.4-16.4S5.7,32.6,5.7,41.7S13,58.1,22.1,58.1S38.5,50.7,38.5,41.7z M34.2,41.7c0,6.6-5.4,12.1-12.1,12.1S10,48.3,10,41.7s5.4-12.1,12.1-12.1S34.2,35,34.2,41.7z M36.5,24.9c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3s2.3-1,2.3-2.3C38.8,25.9,37.8,24.9,36.5,24.9z M75.2,41.7c0,9.1-7.4,16.4-16.4,16.4c-4.8,0-9.1-2-12.1-5.3V67h-4.4V41.7c0-9.1,7.4-16.4,16.4-16.4C67.8,25.2,75.2,32.6,75.2,41.7z M70.8,41.7c0-6.6-5.4-12.1-12.1-12.1c-6.6,0-12.1,5.4-12.1,12.1c0,6.6,5.4,12.1,12.1,12.1C65.4,53.7,70.8,48.3,70.8,41.7z M78.9,41.5L78.9,41.5L78.9,41.5l0,25.5h4.4h0V52.8c0-5.8,0-11.2,0-11.2v0c0-6.3,4.9-11.5,11.1-12v-4.4C85.8,25.8,79,32.8,78.9,41.5z">
									</path>
								</g>
							</svg>
						</a>
					</span>
					<span class="copy">Todos os dados informados neste site estão protegidos pela LGPD, Lei nº
						13.709/2018.</span>
				</div>
			</div>
		</footer>

		<style>
			footer {
				width: 100%;
				height: fit-content;
				display: grid;
				place-items: center;
				text-align: center;
				padding: 4rem 0 0.8rem 0;
				background: #232830;
			}

			footer .container {
				display: grid;
				place-items: center;
				gap: 3rem 0;
			}

			footer .container img {
				width: 18%;
			}

			footer .container .copyrights {
				display: grid;
				place-items: center;
				text-align: center;
			}

			footer .container .copyrights .copy {
				display: flex;
				align-items: center;
				gap: 0 0.5rem;
				font-size: 0.45rem;
				opacity: 1;
				color: rgba(255, 255, 255, 0.45);
			}

			footer .container .copyrights .copy svg {
				width: 0.75rem;
				height: 0.75rem;
			}

			@media screen and (max-width: 64rem) {
				footer .container img {
					width: 45%;
				}
			}
		</style>

	</div> <!--Modal blog-->
	<div class="modal fade" id="mdDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content ajuste">
				<div id="dvPortfolio"></div>
				<div class="modal-footer" style="width:100%"> <button type="button"
						style="font-size: 18px; padding: 10px; " class="btn btn-info"
						data-dismiss="modal">Fechar</button> </div>
			</div>
		</div>
	</div>
	<script>  			function abreModal(pId) { $.ajax({ type: "POST", url: "utils.php", data: { "getJson": "noticias", "id": pId }, success: function (data) { var html = '<div class="modal-header">'; html += '	<h4 class="modal-title" id="myModalLabel">' + data[0].Noticias[0].titulo + '</h4>';						//html += '	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>';						html += '</div>';																		html += '<div class="modal-body index" >';						html += '<div class="carousel slide" id="MyCarousel">';												//Montanto os Indicadores						html += '	<ol class="carousel-indicators">';						html += '		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>';												for(var i = 0; i < data[1].Imagens.length; i++){							html += '      <li data-target="#myCarousel" data-slide-to="'+ (i+1) +'" ></li>';						}						html += '      </ol>';												//Montanto as Imagens 						html += '	<div class="carousel-inner">';						html += '		<div class="item active imgalt">';						html += '			<img class = "" style = "margin: auto !important" src="webadmin/'+data[0].Noticias[0].imagem+'" alt="'+data[0].Noticias[0].titulo+'">';						html += '		</div>';													for(var i = 0; i < data[1].Imagens.length; i++){							html += '      <div class="item">';							html += '      	  <img  class = "" style = "margin: auto !important" src="webadmin/'+data[1].Imagens[i].path+'" alt="'+data[1].Imagens[i].descricao+'">';							html += '      </div>';											}						html += '	</div>';												html += '	<a href="#MyCarousel" class="left carousel-control" data-slide="prev"><span class="icon-prev"></span></a>';						html += '	<a href="#MyCarousel" class="right carousel-control" data-slide="next"><span class="icon-next"></span></a>';						html += '</div>';						html += '<div style = "margin-top:35px">';						html += '	<div class = "text-justify">';						html += '		<p>'+data[0].Noticias[0].descricao+'</p>';						html += '	</div>';						html += '</div>';						html += '</div>';						$('#dvPortfolio').html(html);						$('#mdDetail').modal('show');											},					error: function(xhr, status, error) {						//form_status.html('<p class="text-danger">ERRO:'+xhr.responseText+'</p>').delay(5000).fadeOut();					}				});			}						function myFunctionSend() {				alert("Email enviado com sucesso!");			}
	</script>

</body>

</html>