*{
	padding: 0;
	margin: 0;
}

@font-face{
	font-family: Montserrat;
	url: 'font/montserrat.ttf';
}

a{
	text-decoration: none;
	color: #00008B;
}

a:hover{
	color: #FFD700;
}

#btn_whatsapp{
	width: 100px;
	height: 100px;
	position: fixed;
	z-index:100;
	cursor: pointer;
	right: 2%;
	bottom: 3%;
	background-image: url('imagens/whats.png');
	background-size: 100% 100%;
}

#site_responsivo_pc{
	display: block;
}

#site_responsivo_mobile{
	display: none;
}

	#fundo_pop_up_inicial{
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		cursor: pointer;
		z-index: 5;
	}

	#pop_up_inicial{
		display: block;
		width: 40%;
		height: 75%;
		background: #fff;
		position: fixed;
		z-index: 5;
		top: 12.5%;
		left: 30%;
		border-radius: 10px;
		background-image: url('imagens/popup.png');
		background-size: 100% 100%;
	}

	#fecha_pop_up{
		position: absolute;
		right: 5%;
		top: 3%;
		font-weight: bold;
		font-size: 18px;
		font-family: Montserrat;
		cursor: pointer;
		color: #fff;
	}

	#fecha_pop_up:hover{
		color: red;
	}

	#btn_popup_agenda{
		position: absolute;
		width: 40%;
		height: 43px;
		border: none;
		cursor: pointer;
		color: #00008B;
		background: #FFD700;
		border-radius: 15px;
		bottom: 7%;
		right: 5%;
		font-weight: bold; 
	}

	#btn_popup_agenda:hover{
		background: none;
		color: #FFD700;
		border: 2px solid #FFD700;
	}



	#fundo_todos_os_diferenciais{
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		cursor: pointer;
		z-index: 5;
	}

	#todos_os_diferenciais{
		display: none;
		width: 80%;
		height: 80%;
		background: #fff;
		position: fixed;
		z-index: 5;
		top: 10%;
		left: 10%;
		border-radius: 10px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#img_todos_os_diferenciais{
		width:100%;
		height: 350%;
	}

	#fecha_todos_os_diferenciais{
		position: absolute;
		right: 5%;
		top: 3%;
		font-weight: bold;
		font-size: 18px;
		font-family: Montserrat;
		cursor: pointer;
		color: #00008B;
	}

	#fecha_todos_os_diferenciais:hover{
		color: red;
	}


/*==========TOPO=================*/
#topo{
	width: 100%;
	height: 15vh;
	background: #fff;
	position: fixed;
	z-index: 3;
	box-shadow: 2px 2px 8px #777;
}

#img_logo{
	width: 200px;
	width: 200px;
	position: absolute;
	top: 8%;
	left: 5%;
}

#menu_container{
	position: absolute;
	right: 20%;
	top: 28%;
}

#menu_container td{
	padding: 20px 30px 20px 30px;
	color: #00008B;
	cursor: pointer;
	font-family: Montserrat;
	font-weight: bold;
}

#menu_container td:hover{
	color: #FFD700;
}

#btn_area_sponte{
	width: 10%;
	height: 53px;
	cursor: pointer;
	border: none;
	background: #FFD700;
	color: #00008B;
	border-radius: 10px;
	font-weight: bold;
	font-size: 15px;
	padding: 5px;
	position: absolute;
	top: 28%;
	right: 8%;
}

#btn_area_sponte:hover{
	border: 2px solid #00008B;
	background: #fff;
	color: #00008B;
}

/*-------------------------------------*/

#container_1{
	background-image: url('imagens/container1.png'); 
	background-size: 100% 100%;
	width: 100%;
	height: 85vh;
	margin-top: 15vh;
	position: absolute;
}

#btn_conheca_instalacoes{
	width: 18%;
	height: 60px;
	cursor: pointer;
	position: absolute;
	left: 61%;
	top:75%;
}


/*=========================== Sobre ================================*/

#container_2{
	width: 100%;
	height: 100vh;
	margin-top: 100vh;
	position: absolute;
}

#img_conteudo_sobre{
	width: 90%;
	margin-top:3%;
}

#escurecer_video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 25, 0.9);
}

.video-container {
  position: relative;
  width: 100%;
  height: 100%; /* Defina a altura desejada */
  overflow: hidden;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Para manter a proporção de aspecto do vídeo */
}

.conteudo {
  position: relative;
  z-index: 1;
  color: #fff; /* Cor do texto, altere conforme necessário */
  padding: 20px;
  text-align: center;
}

#btn_abrir_mapa{
	width: 12.5%;
	height: 130px;
	cursor: pointer;
	position: absolute;
	left: 44%;
	top:58%;
}

#btn_saiba_mais{
	width: 18%;
	height: 130px;
	cursor: pointer;
	position: absolute;
	left: 41%;
	top: 42%;
}

#texto_fundacao{
	position: absolute;
	top: 37%;
	left: 19%;
	width: 16.5%;
	font-family: Montserrat;
	font-size: 17px;
	color: #333;
}

#texto_estrutura{
	position: absolute;
	top: 37%;
	left: 65%;
	width: 16.5%;
	font-family: Montserrat;
	font-size: 17px;
	color: #fff;
}

#mapa_fundo{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	cursor: pointer;
	z-index: 5;
}

#mapa{
	display: none;
	width: 70%;
	height: 90%;
	background: #fff;
	position: fixed;
	z-index: 5;
	top: 5%;
	left: 15%;
	border-radius: 10px;
	background-image: url('imagens/mapa-nautico.png');
	background-size: 100% 100%;
}

#lbl_titulo_mapa{
	font-size: 60px;
	font-weight: bold;
	color: #00008B;
	position: absolute;
	font-family: Montserrat;
	padding: 70px;
}

#lbl_fecha_mapa{
	font-size: 20px;
	font-weight: bold;
	color: #00008B;
	position: absolute;
	font-family: Montserrat;
	right: 3%;
	top:3%;
	cursor: pointer;
}

#lbl_fecha_mapa:hover{
	color: red;
}

/*-------Natureza------------*/
#natureza_container_btn{
	width: 14%;
	height: 43px;
	position: absolute;
	margin-top: 14%;
	margin-left: 55%;
	cursor: pointer;
}

#natureza_sustetabilidade{
	display: none;
	width: 30%;
	height: 150px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #8aa23f;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 14%;
	margin-left: 55%;
	cursor: pointer;
}

#img_natureza{
	width: 50%;
}

#texto_natureza{
	font-size: 15px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem{
	width: 25px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*-------Saúde------------*/
#saude_corporal_btn{
	width: 14%;
	height: 43px;
	position: absolute;
	margin-top: 46%;
	margin-left: 29%;
	cursor: pointer;
}

#saude_corporal{
	display: none;
	width: 30%;
	height: 125px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #369c75;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 45%;
	margin-left: 29%;
	cursor: pointer;
}

#img_saude{
	width: 50%;
}

#texto_saude{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem2{
	width: 35px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*-------Artistico------------*/
#artistico_btn{
	width: 15%;
	height: 43px;
	position: absolute;
	margin-top: 23%;
	margin-left: 17%;
	cursor: pointer;
}

#artistico{
	display: none;
	width: 30%;
	height: 190px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #623d8c;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 21%;
	margin-left: 17%;
	cursor: pointer;
}

#img_artistico{
	width: 50%;
}

#texto_artistico{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem3{
	width: 35px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*-------Linguagem Verbal------------*/
#linguagem_verbal_btn{
	width: 15%;
	height: 43px;
	position: absolute;
	margin-top: 32%;
	margin-left: 64%;
	cursor: pointer;
}

#linguagem_verbal{
	display: none;
	width: 30%;
	height: 140px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #a7161a;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 31%;
	margin-left: 63%;
	cursor: pointer;
}

#img_linguagem_verbal{
	width: 50%;
}

#texto_linguagem_verbal{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem4{
	width: 45px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*-------Tecnologia------------*/
#tecnologia_btn{
	width: 15%;
	height: 43px;
	position: absolute;
	margin-top: 33%;
	margin-left: 33%;
	cursor: pointer;
}

#tecnologia{
	display: none;
	width: 30%;
	height: 190px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #d48129;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 33%;
	margin-left: 33%;
	cursor: pointer;
}

#img_tecnologia{
	width: 50%;
}

#texto_tecnologia{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem5{
	width: 25px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}


/*-------Lógico------------*/
#logico_btn{
	width: 15%;
	height: 43px;
	position: absolute;
	margin-top: 43%;
	margin-left: 54%;
	cursor: pointer;
}

#logico{
	display: none;
	width: 30%;
	height: 210px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #ddb91b;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 37%;
	margin-left: 54%;
	cursor: pointer;
}

#img_logico{
	width: 50%;
}

#texto_logico{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem6{
	width: 35px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*-------Liderança------------*/
#lideranca_btn{
	width: 15%;
	height: 43px;
	position: absolute;
	margin-top: 26%;
	margin-left: 69%;
	cursor: pointer;
}

#lideranca{
	display: none;
	width: 30%;
	height: 170px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #a54e93;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 25%;
	margin-left: 68%;
	cursor: pointer;
}

#img_lideranca{
	width: 50%;
}

#texto_lideranca{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem7{
	width: 30px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}


/*-------Existencial------------*/
#existencial_btn{
	width: 12%;
	height: 43px;
	position: absolute;
	margin-top: 39%;
	margin-left: 77%;
	cursor: pointer;
}

#existencial{
	display: none;
	width: 30%;
	height: 200px;
	border-radius: 10px;
	background: #fff;
	border: 4px solid #21408f;
	z-index: 8;
	position: absolute;
	padding: 20px;
	margin-top: 32%;
	margin-left: 65%;
	cursor: pointer;
}

#img_existencial{
	width: 50%;
}

#texto_existencial{
	font-size: 15px;
	margin-top: 5px;
	font-family: Montserrat;
	text-align: justify;
}

#img_personagem8{
	width: 35px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/*====================Instagram==================*/


.elfsight-app-9c5132d4-23ce-497d-8fff-a7f556632e05{
	width: 100%;
	height: 115vh;
	top: 205vh;
	position: absolute;
}


/*================= Diferenciais =============================*/

#container_3{
	background-image: url('imagens/container3.png');
	background-size: 100% 100%;
	width: 100%;
	height: 115vh;
	margin-top: 300vh;
	position: absolute;
}

.lbl_container3_1{
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 5%;
	font-size: 30px;
	color: #00008B;
	font-family: Montserrat;
	font-weight: bold;
}

.lbl_container3_2{
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 7%;
	font-size: 30px;
	color: #00008B;
	font-family: Montserrat;
	font-weight: 900;
}

.lbl_container3_3{
	width: 30%;
	left: 35%;
	text-align: center;
	position: absolute;
	margin-top: 10%;
	font-size: 15px;
	color: #000;
	font-family: Montserrat;
}

#carrossel_diferenciais{
	width:100%;
	left: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	border: none;
	top:0;
}

#img_logo_infinito{
	width: 30%;
	position: absolute;
	margin-top: 18%;
	left: 35%;
	z-index: 2;
}



/*-------------------------------------------------------------------*/

#container_4{
	background-image: url('imagens/container4.png');
	background-size: 100% 100%;
	width: 100%;
	height: 115vh;
	margin-top: 410vh;
	position: absolute;
}

/*----------------------------------------------------------*/

#container_5{
	background: #00008B;
	width: 100%;
	height: 115vh;
	margin-top: 523vh;
	position: absolute;
	z-index: 1;
}

#container5_img{
	width: 65%;
	margin-left: 15%;
	margin-top: 5%;
}

/*======================================= Contatos ============================*/

#tel_contato{
	width: 235px;
	height:30px;
	position: absolute;
	left: 11%;
	top: 46.5%;
	cursor: pointer;
}

#mapa_contato{
	width: 290px;
	height:82px;
	position: absolute;
	left: 11.5%;
	top: 58%;
	cursor: pointer;
}

#instagram{
	width: 35px;
	height:30px;
	position: absolute;
	left: 14%;
	top: 70%;
	cursor: pointer;
}

#facebook{
	width: 35px;
	height:30px;
	position: absolute;
	left: 11.2%;
	top: 70%;
	cursor: pointer;
}

#container_6{
	background-image: url('imagens/contato.png');
	background-size: 100% 100%;
	width: 100%;
	height: 115vh;
	margin-top: 635vh;
	position: absolute;
}

#form_contato{
	width: 24%;
	height: 52%;
	background: #fff;
	color: #00008B;
	position: absolute;
	right: 10%;
	margin-top: 12%;
	border-radius: 30px;
}

#lbl_form_titulo{
	color: #00008B;
	width:100%;
	text-align: center;
	margin-top: 5%;
	font-size: 20px;
	font-weight: bold;
	font-family: Montserrat;
}

#form_contato input{
	width: 80%;
	border-radius: 35px;
	background: #fff;
	color: #00008B;
	margin: 5% 0 0 8%;
	height: 40px;
	border: 1px solid #00008B;
	padding: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
}

#form_contato textarea{
	width: 80%;
	border-radius: 20px;
	background: #fff;
	color: #00008B;
	margin: 5% 0 0 8%;
	height: 70px;
	border: 1px solid #00008B;
	padding: 15px 0 0 10px;
	font-size: 15px;
	font-weight: bold;
}

input::placeholder{
	color:#00008B;
}

textarea::placeholder{
	color:#00008B;
}

#btn_enviar_contato{
	width: 80%;
	border-radius: 35px;
	background: #ffdd00;
	color: #00008B;
	margin: 5% 0 0 8%;
	height: 40px;
	border: none;
	padding: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

/*-----------------------------------------------------------------*/
#footer{
	width: 100%;
	height: 5vh;
	background: #00008B;
	margin-top: 745vh;
	position: absolute;
}

#lbl_footer{
	color: #fff;
	width: 100%;
	font-family: Montserrat;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}

/*========================================================= Parte Responsiva do site ======================================================*/

@media only screen and (max-width: 600px) {
	
	
	#site_responsivo_pc{
		display: none;
	}

	#site_responsivo_mobile{
		display: block;
	}

	#fundo_pop_up_inicial{
		display: none;
	}
	
	#pop_up_inicial{
		display: none;
	}
	
	
	#fundo_pop_up_inicial_mobile{
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: fixed;
		cursor: pointer;
		z-index: 5;
	}

	#pop_up_inicial_mobile{
		display: block;
		width: 80%;
		height: 50%;
		background: #fff;
		position: fixed;
		z-index: 5;
		top: 25%;
		left: 10%;
		border-radius: 10px;
		background-image: url('imagens/popup.png');
		background-size: 100% 100%;
	}

	#fecha_pop_up{
		position: absolute;
		right: 5%;
		top: 3%;
		font-weight: bold;
		font-size: 18px;
		font-family: Montserrat;
		cursor: pointer;
		color: #fff;
	}

	#fecha_pop_up:hover{
		color: red;
	}

	#btn_popup_agenda{
		position: absolute;
		width: 40%;
		height: 43px;
		border: none;
		cursor: pointer;
		color: #00008B;
		background: #FFD700;
		border-radius: 15px;
		bottom: 7%;
		right: 5%;
		font-weight: bold; 
	}

	#btn_popup_agenda:hover{
		background: none;
		color: #FFD700;
		border: 2px solid #FFD700;
	}
	

/* Diferenciais mobile*/

	#fundo_todos_os_diferenciais_mobile{
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		cursor: pointer;
		z-index: 5;
	}

	#todos_os_diferenciais_mobile{
		display: none;
		width: 80%;
		height: 80%;
		background: #fff;
		position: fixed;
		z-index: 5;
		top: 10%;
		left: 10%;
		border-radius: 10px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#img_todos_os_diferenciais_mobile{
		width:100%;
		height: 300%;
	}

	#fecha_todos_os_diferenciais_mobile{
		position: absolute;
		right: 5%;
		top: 3%;
		font-weight: bold;
		font-size: 18px;
		font-family: Montserrat;
		cursor: pointer;
		color: #00008B;
	}

	#fecha_todos_os_diferenciais_mobile:hover{
		color: red;
	}

	/*fim diferenciais mobile*/
	
	#lbl_fecha_menu_mobile{
		display: none;
		right: 8%;
		position: absolute;
		top: 5%;
		font-size: 18px;
		font-family: Montserrat;
		color: #00008B;
	}
	
	#lbl_fecha_menu_mobile:hover{
		color: red;
	}
	
	#lbl_abre_menu_mobile{
		display: block;
		right: 8%;
		position: absolute;
		top: 20%;
		font-size: 60px;
		font-family: Montserrat;
		color: #00008B;
		transition: 1s;
	}
	
	#lbl_abre_menu_mobile:hover{
		color: red;
	}
		
	#topo_mobile{
		height: 15vh;
		width: 100%;
		background: #fff;
		position: fixed;
		z-index: 3;
		box-shadow: 2px 2px 8px #777;
		transition: 1s;
	}
	
	#menu_container_mobile{
		display: none;
		position: absolute;
		width: 50%;
		left: 25%;
		top: 28%;
	}

	#menu_container_mobile td{
		padding: 20px 30px 20px 30px;
		color: #00008B;
		cursor: pointer;
		font-family: Montserrat;
		font-weight: bold;
		text-align: center;
	}

	#menu_container_mobile td:hover{
		color: #FFD700;
	}
	
	#btn_area_sponte_mobile{
		display: none;
		width: 40%;
		height: 53px;
		cursor: pointer;
		border: none;
		background: #FFD700;
		color: #00008B;
		border-radius: 10px;
		font-weight: bold;
		font-size: 15px;
		padding: 5px;
		position: absolute;
		top: 80%;
		left: 30%;
	}

	#btn_area_sponte:hover{
		border: 2px solid #00008B;
		background: #fff;
		color: #00008B;
	}
	
	/*================= Diferenciais =============================*/

	#container_3_mobile{
		background-image: url('imagens/container3.png');
		background-size: 100% 100%;
		width: 100%;
		height: 80vh;
		margin-top: 280vh;
		position: absolute;
	}
	
	#btn_ver_mais_diferenciais_mobile{
		width: 40%;
		height: 50px;
		border: none;
		position: absolute;
		margin-top: 148%;
		left: 30%;
		background: #00008B;
		cursor: pointer;
		color: #fff;
		border: none;
		font-size: 18px;
		border-radius: 15px
	}

	#btn_ver_mais_diferenciais_mobile:hover{
		background: #fff;
		color: #00008B;
		border: 2px solid #00008B;
	}

	.lbl_container3_1_mobile{
		width: 100%;
		text-align: center;
		position: absolute;
		margin-top: 9%;
		font-size: 20px;
		color: #00008B;
		font-family: Montserrat;
		font-weight: bold;
	}

	.lbl_container3_2_mobile{
		width: 100%;
		text-align: center;
		position: absolute;
		margin-top: 14%;
		font-size: 20px;
		color: #00008B;
		font-family: Montserrat;
		font-weight: 900;
	}

	.lbl_container3_3_mobile{
		width: 90%;
		left: 5%;
		text-align: center;
		position: absolute;
		margin-top: 22%;
		font-size: 15px;
		color: #000;
		font-family: Montserrat;
	}
	
	#infinito_mobile{
		width: 60%;
		position: absolute;
		left: 20%;
		margin-top: 50%;
	}

	#carrossel_diferenciais_mobile{
		width:100%;
		left: 0;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top:0%;
		border: none;
		padding:0;
	}
	
	
	/*-------------------------------------*/

	#container_1_mobile{
		background-image: url('imagens/container1_mobile.png');
		background-size: 100% 100%;
		width: 100%;
		height: 85vh;
		margin-top: 15vh;
		position: absolute;
	}

	#btn_conheca_instalacoes_mobile{
		width: 42%;
		height: 60px;
		cursor: pointer;
		position: absolute;
		left: 10%;
		top:88%;
	}
	
	/*=========================== Sobre ================================*/

	#container_2_mobile{
		width: 100%;
		height: 100vh;
		margin-top: 100vh;
		position: absolute;
	}

	#img_conteudo_sobre{
		width: 100%;
		height: 100vh;
		margin-top: -10%;
	}

	#escurecer_video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 25, 0.9);
	}

	.video-container {
	  position: relative;
	  width: 100%;
	  height: 100%; /* Defina a altura desejada */
	  overflow: hidden;
	}

	video {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Para manter a proporção de aspecto do vídeo */
	}

	.conteudo {
	  position: relative;
	  z-index: 1;
	  color: #fff; /* Cor do texto, altere conforme necessário */
	  padding: 20px;
	  text-align: center;
	}

	#btn_abrir_mapa{
		width: 25%;
		height: 80px;
		cursor: pointer;
		position: absolute;
		left: 38%;
		top:48%;
	}

	#btn_saiba_mais{
		width: 35%;
		height: 80px;
		cursor: pointer;
		position: absolute;
		left: 33%;
		top:37%;
	}

	#mapa_fundo_mobile{
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		cursor: pointer;
		z-index: 5;
	}

	#mapa_mobile{
		display: none;
		width: 90%;
		height: 90%;
		background: #fff;
		position: fixed;
		z-index: 5;
		top: 5%;
		left: 5%;
		border-radius: 10px;
		overflow: scroll;
	}
	
	#linha_img{
		width: 90%;
		position: absolute;
		height: 180%;
		margin-bottom: 5%;
		top: 20%;
		left: 5%;
	}

	#lbl_titulo_mapa{
		font-size: 20px;
		font-weight: bold;
		color: #00008B;
		position: absolute;
		font-family: Montserrat;
		padding: 70px;
	}

	#lbl_fecha_mapa{
		font-size: 20px;
		font-weight: bold;
		color: #00008B;
		position: absolute;
		font-family: Montserrat;
		right: 5%;
		top:3%;
		cursor: pointer;
	}

	#lbl_fecha_mapa:hover{
		color: red;
	}

	/*====================Instagram==================*/


	.elfsight-app-6b05e606-e588-45fb-ba52-d964f5f467c4{
		width: 100%;
		height: 115vh;
		top: 200vh;
		position: absolute;
	}

	
	
	/*-------------------------------------------------------------------*/

	#container_4_mobile{
		background-image: url('imagens/container4_mobile.png');
		background-size: 100% 100%;
		width: 100%;
		height: 100vh;
		margin-top: 360vh;
		position: absolute;
	}

	/*----------------------------------------------------------*/

	#container_5_mobile{
		background-image: url('imagens/container-5-novo-mobile-fundo.png');
		background-size: 100% 100%;
		width: 100%;
		height: 100vh;
		margin-top: 460vh; 
		position: absolute;
		z-index: 1;
	}
		
		
		
	/*======================================= Contatos ============================*/

	#tel_contato{
		width: 235px;
		height:30px;
		position: absolute;
		left: 11%;
		top: 46.5%;
		cursor: pointer;
	}

	#mapa_contato{
		width: 290px;
		height:82px;
		position: absolute;
		left: 11.5%;
		top: 58%;
		cursor: pointer;
	}

	#instagram{
		width: 35px;
		height:30px;
		position: absolute;
		left: 14%;
		top: 70%;
		cursor: pointer;
	}

	#facebook{
		width: 35px;
		height:30px;
		position: absolute;
		left: 11.2%;
		top: 70%;
		cursor: pointer;
	}

	#container_6_mobile{
		background-image: url('imagens/container6_mobile.png');
		background-size: 100% 100%;
		width: 100%;
		height: 102vh;
		margin-top: 558vh;
		position: absolute;
	}

	#form_contato{
		width: 90%;
		height: 52%;
		background: #fff;
		color: #00008B;
		position: absolute;
		right: 5%;
		margin-top: 65%;
		border-radius: 30px;
	}

	#lbl_form_titulo{
		color: #00008B;
		width:100%;
		text-align: center;
		margin-top: 5%;
		font-size: 20px;
		font-weight: bold;
		font-family: Montserrat;
	}

	#form_contato input{
		width: 80%;
		border-radius: 35px;
		background: #fff;
		color: #00008B;
		margin: 5% 0 0 8%;
		height: 40px;
		border: 1px solid #00008B;
		padding: 0 0 0 10px;
		font-size: 15px;
		font-weight: bold;
	}

	#form_contato textarea{
		width: 80%;
		border-radius: 20px;
		background: #fff;
		color: #00008B;
		margin: 5% 0 0 8%;
		height: 70px;
		border: 1px solid #00008B;
		padding: 15px 0 0 10px;
		font-size: 15px;
		font-weight: bold;
	}

	input::placeholder{
		color:#00008B;
	}

	textarea::placeholder{
		color:#00008B;
	}

	#btn_enviar_contato{
		width: 80%;
		border-radius: 35px;
		background: #ffdd00;
		color: #00008B;
		margin: 5% 0 0 8%;
		height: 40px;
		border: none;
		padding: 0 0 0 10px;
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
	}
	
		
	/*-----------------------------------------------------------------*/
	#footer_mobile{
		width: 100%;
		height: 5vh;
		background: #00008B;
		margin-top: 658vh;
		position: absolute;
	}

	#lbl_footer{
		color: #fff;
		width: 100%;
		font-family: Montserrat;
		font-size: 10px;
		text-align: center;
		padding: 3% 0 0 0;
	}
}