div:hover > .btn {
	display: block;
	opacity: 1;
	transform: rotate(360);
	transition: all 1s;
}

.btn {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 40px;
	padding: 5px 0px;
	bottom: 0px;
	z-index: 999;
	cursor: pointer;
	opacity: 0.6;
	transition: all 1s;
}

.btn.absolute {
	position: absolute;
}

.btn > div {
	width: 100px;
	display: inline-block;
}

.btn .add::before {
	font-weight: 900;
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-size: 40px;
	color: #000;
	width: 100%;
	text-align: center;
	display: block;
}

.btn .add::after {
	content: "RETORNAR";
	font-family: calibri, sans-serif;
	font-size: 16px;
	color: #000;
	width: 100%;
	text-align: center;
	display: block;
}

.btn.white *::before,
.btn.white *::after {
	color: #fff !important;
}

* {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#erro-total {
	width: 700px;
	height: 270px;
	margin: 15px 0;
}

#imagem-centralizada {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

#texto-404 {
	width: 100%;
	font-family: calibri, sans-serif;
	font-size: 22px;
	text-align: center;
}

#aguarde {
	width: 100%;
	font-family: calibri, sans-serif;
	font-size: 19px;
	text-align: center;
	margin: 5px 0;
}

.page-404 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 600px;
}

a {
	text-decoration: none;
}

.global {
	margin: 0 auto;
}

.conteudo-pages {
	min-height: 500px;
}

.texto-pages {
	font: 15px/25px calibri, sans-serif;
	color: #000;
	text-align: justify;
}

.texto-pages h1 {
	font: 25px calibri, sans-serif;
	padding-left: 20px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #000;
}

.texto-pages h2 {
	font: 20px calibri, sans-serif;
	padding-left: 10px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #000;
}

.menu-resp {
	display: none;
}

.contato input {
	font-size: 17px;
	width: 100%;
	padding: 15px 20px;
	background: #eee;
	border: 1px solid #ccc;
	color: #666;
	box-sizing: border-box;
	margin-bottom: 10px;
	outline: none !important;
}

.contato textarea {
	font-size: 17px;
	width: 100%;
	padding: 10px 20px;
	background: #eee;
	border: 1px solid #ccc;
	color: #666;
	box-sizing: border-box;
	margin-bottom: 10px;
	outline: none !important;
	resize: none;
	height: 200px;
}

.contato .submit {
	cursor: pointer;
	background: #006c32;
	color: #fff;
}

body {
	overflow-x: hidden;
}

.linha-topo-total {
	background: rgb(0 109 51);
	/* box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px; */
}

.linha-topo {
	width: 860px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}
.linha-topo .item {
	padding: 10px 0 0 10px;
	color: #fff;
	font: 18px calibri, sans-serif;
}

.linha-topo .item i {
	color: inherit;
	font-size: 25px;
	vertical-align: text-top;
}

.topo-total {
	padding: 30px 0;
	background: #e6e7e9;
	/* width: 20px; */
	padding: 0px;
	/* box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px; */
	/* margin-bottom: 5px; */
}

.topo {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px; */
}

.topo > div {
	margin: 20px 0;
}
.logo {
	padding-right: 50px;
}
.menu-total {
	display: flex;
	align-items: center;
}

.menu li {
	display: inline-block;
	margin: 10px 0;
	padding: 0 20px;
}

.menu li a {
	font: 18px calibri, sans-serif;
	color: #3a8b5f;
	font-weight: bold;
	transition: 0.5s;
}

.menu li a:hover {
	color: #006d33;
}

.menu li a.ativo {
	color: rgb(0 109 51);
	font-weight: bold;
}

.formulario-topo {
	display: flex;
	align-items: center;
}

.check-in {
	color: #fff;
	font-size: 14px;
	padding: 10px;
}

.check-in .input {
	color: #006c32;
	font-size: 12px;
	min-height: 28px;
}

.check-in.number .input {
	width: 90px;
}

select.input {
	width: 90px;
	height: 32px;
}

.formulario-topo .submit {
	color: #fff;
	background-color: #06b156;
	/* width: 200px; */
	font-size: 17px;
	margin: 10px 0;
	/* height: 32px; */
	border: 0;
	/* border-color: #06b156; */
	border-radius: 10px;
	/* margin: 0; */
	padding: 10px 20px;
	box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px;
}

.fundo-slider {
	display: flex;
	position: relative;
	width: 100%;
	background: #000;
	overflow: hidden;
}

.slogan-total {
	width: 700px;
	position: absolute;
	height: 100%;
	top: 0;
	text-align: center;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slogan {
	width: 700px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.slogan .titulo {
	font: 50px calibri, sans-serif;
	font-weight: lighter;
	color: #fff;
	margin-bottom: 10px;
	visibility: hidden;
	background: rgb(0 109 51);
	width: unset;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px;
}

.slogan .conteudo {
	font: 25px calibri, sans-serif;
	font-weight: lighter;
	color: #fff;
	visibility: hidden;
	background-color: rgb(0 109 51);
	width: 450px;
	margin: 0 auto;
	padding: 5px;
	border-radius: 10px;
	box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px;
}

.logo-pw div p:first-child a {
	color: #878787;
	font: 12px Helvetica;
	margin-top: -8px;
	display: block;
}

.logo-pw div a span {
	color: transparent;
}

.mapa {
	display: flex;
	position: relative;
	border: 2px solid #0a6fa5;
	height: 450px;
}

.rodape {
	width: 65%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	background: #e6e7e9;
}
.texto-rodape {
	display: flex;
	flex-direction: column;
}
.texto-rodape .item {
	display: flex;
	font: 20px "calibri";
	color: #000000;
	justify-content: right;
	align-items: center;
}
.texto-rodape i {
	font-size: 22px;
	padding: 10px;
}
.rodape > div {
	padding: 20px 0;
	font: 20px calibri, sans-serif;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rodape .social img {
	padding: 5px;
}

.logo-pw {
	text-align: right;
	width: 15%;
}

.g-recaptcha {
	display: flex;
	justify-content: center;
}

/* Index */
.box-01-total {
	padding: 20px 0px;
}

.box-01 {
	width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.box-01 .box {
	width: 350px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 10px 0px;
	border-radius: 10px;
}

.box-01 .box .item {
	width: 350px;
	height: 290px;
	margin: 0px 0px;
	overflow: hidden;
	position: relative;
	visibility: hidden;
	border-radius: 10px;
	box-shadow: rgb(0 108 50) 0px 4px 6px -1px, rgb(0 108 50) 0px 2px 4px -1px;
}

.box-01 .box:last-child .item {
	width: 350px;
	height: 100%;
	margin: 0px 0px !important;
	overflow: hidden;
	position: relative;
}

.box-01 .box a:last-child .item {
	margin-top: 10px;
}

.box-01 .box .item:hover .titulo {
	background: rgb(0 108 50 / 0%);
	transition: all 1s;
}

.box-01 .box .item .img {
	width: 350px;
	height: 290px;
}

.box-01 .box .item .img img {
	width: 100%;
	height: auto;
	min-height: 100%;
}

.box-01 .box .item .titulo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font: 40px Calibri, sans-serif;
	color: #fff;
	font-weight: lighter;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: rgb(0 109 51 / 70%);
	transition: all 0.5s;
	/* border-radius: 10px; */
}

.box-02-total {
	background: #006c32;
	position: relative;
}

.box-02 {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.box-02 .item {
	width: 400px;
	text-align: center;
	padding: 60px 0px;
	position: relative;
	color: #fff;
	visibility: hidden;
}

.box-02 .item > i {
	opacity: 0;
	font-size: 30px;
	color: inherit;
	transition: all 0.5s;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.box-02 .item:hover > i {
	opacity: 1;
	transition: all 0.5s;
}

.box-02 a:nth-child(2) .item {
	background: #fff;
	color: #333;
}

.box-02 a:nth-child(2) .titulo,
.box-02 a:nth-child(2) .conteudo {
	color: inherit;
	transition: all 0.3s;
}

.box-02 .item .img {
	width: 120px;
	height: 120px;
	background: #e6e7e9;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2),
		5px 5px 0px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.5s;
}

.box-02 .item .img i {
	font-size: 60px;
	color: #983a32;
}

.box-02 .item .titulo {
	font: 25px "calibri";
	font-weight: lighter;
	color: inherit;
	margin-bottom: 20px;
	padding: 0px 30px;
	transition: all 0.3s;
}

.box-02 .item .conteudo {
	font: 20px "calibri";
	font-weight: lighter;
	color: inherit;
	padding: 0px 30px;
	transition: all 0.3s;
}

.box-03-total {
	padding: 40px 0px;
	background: #f4f5f5;
	box-shadow: rgb(0 108 50 / 39%) 0px 4px 6px 4px,
		rgb(0 108 50 / 40%) 0px 2px 4px -1px;
}

.box-03 {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.box-03 .item {
	width: 630px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.box-03 .item:first-child {
	width: 322px;
	overflow: hidden;
}

.box-03 .item .titulo {
	font: 40px "calibri";
	font-weight: lighter;
	color: #035428;
	margin-bottom: 30px;
}

.box-03 .item .titulo span {
	font: 22px "calibri";
	font-weight: lighter;
	color: #933120;
	display: block;
}

.box-03 .item .conteudo {
	font: 20px "calibri";
	color: #999999;
	margin-bottom: 30px;
	color: black;
}

.box-03 .item .entrar {
	font: 22px "calibri";
	font-weight: lighter;
	color: #fff;
	padding: 15px;
	width: 200px;
	text-align: center;
	display: table;
	background: #006c32;
	transition: all 0.5s;
}

.box-03 .item .entrar:hover {
	background: #006c32;
	color: #fff;
	transition: all 0.5s;
}

.box-04-total {
	background: url("../pw-images/fundo-box-04.jpg");
	background-size: cover;
	padding: 20px 0px;
}

.box-04 {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.box-04 .item {
	width: 500px;
	margin: 20px 0px;
}

.box-04 .item > .titulo {
	font: 40px "calibri";
	font-weight: lighter;
	color: #053957;
	margin-bottom: 10px;
}

.box-04 .item > .titulo span {
	font: 22px "calibri";
	font-weight: lighter;
	color: #0a6fa5;
	display: block;
}

.box-04 .item .contato {
	padding: 0px 10px;
}

.whatsapp {
	position: fixed;
	bottom: 30px;
	right: 30px;
	animation: atencao 10s 10s infinite;
	z-index: 999;
}

.whatsapp a {
	background: #25d366;
	width: 327px;
	height: 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 28px;
}

.whatsapp a:hover {
	animation: whatsapp 1.5s;
}

.whatsapp i {
	font-size: 39px;
	color: #fff;
	margin: 11px;
}

@keyframes whatsapp {
	30% {
		box-shadow: 0 0 0 7px rgba(37, 211, 102, 0.4);
	}

	45% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
	}

	60% {
		box-shadow: 0 0 0 7px rgba(37, 211, 102, 0.4);
	}
}

.rodape-total {
	background: #e6e7e9;
	/* box-shadow: rgb(0 108 50 / 0%) 0px 4px 6px 5px, rgb(0 108 50 / 39%) 0px 2px 4px -1px; */
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 30px;
}

strong {
	font-size: 19px;
	color: white;
	justify-content: right;
	padding: 0px;
	margin: 10px 0;
}
/* FILTRO */

.container {
	overflow: hidden;
}

.filterDiv {
	display: none; /* Hidden by default */
}
.filtro-total {
	background-color: #ccc;
}
.filtro {
	width: 1210px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.ajustador.botao {
	width: 585px;
}
/* The "show" class is added to the filtered elements */
.show {
	display: block;
}

/* Style the buttons */
.btn-filter {
	border: none;
	outline: none;
	padding: 8px 16px;
	background-color: #ccc;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font: 16px calibri, sans-serif;
}

/* Add a light grey background on mouse-over */
.btn-filter:hover {
	background-color: #ddd;
}

/* Add a dark background to the active button */
.btn-filter.active {
	background-color: #006d33;
	color: white;
}

/*ACOMODACOES*/
.titulo {
	width: 1210px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.titulo p {
	color: #006c32;
	font: 18px "calibri";
	font-weight: bold;
	/* width:fit-content; */
}
.ajustador.cima {
	width: 640px;
}
.box-01-acomodacoes-total {
	display: flex;
	width: 1200px;
	justify-content: space-around;
	margin: 0 auto;
	padding: 5px 0;
}

.box-01-acomodacoes.esquerda {
	width: 600px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background-image: url("../pw-images/banners/acomodacoes-economico-1.jpg");
	border-right: 3px solid #933120;
}
.box-01-acomodacoes.esquerda.standard {
	background-image: url("../pw-images/banners/acomodacoes-standard-1.jpg");
}
.box-01-acomodacoes.esquerda.superior {
	background-image: url("../pw-images/banners/hotel-quarto-superior-1.jpg");
}
.box-01-acomodacoes.esquerda.cafe-da-manha {
	background-image: url("../pw-images/banners/cafe-da-manha-1.jpg");
}

.box-01-acomodacoes.esquerda.conheca-batatais {
	background-image: url("../pw-images/banners/fundo-conheca-batatais.jpg");
}

.box-01-acomodacoes.esquerda.facilidades {
	background-image: url("../pw-images/banners/fundo-facilidades.jpg");
}

.box-01-acomodacoes.esquerda.localizacao {
	background-image: url("../pw-images/banners/fundo-localizacao.jpg");
}

.box-01-acomodacoes.esquerda h2 {
	margin-top: 100px;
	color: #fff;
	font-size: 36px;
	padding-left: 60px;
}
.box-01-acomodacoes.esquerda a {
	display: flex;
	margin-bottom: 20px;
	padding-left: 60px;
}
.box-01-acomodacoes.esquerda p {
	color: #fff;
	font-size: 24px;
	font-weight: lighter;
	padding-left: 15px;
}
.box-01-acomodacoes.esquerda i {
	color: #fff;
	font-size: 40px;
}
.final-pagina {
	background: #e6e7e9;
	border-top: 5px solid #933120;
	/* margin-top: -8px; */
}
.final-pagina.cafe-da-manha {
	margin-top: -3px;
}
.box-02-acomodacoes-total {
	display: flex;
	width: 1200px;
	margin: 0 auto;
}
.box-02-acomodacoes.esquerda {
	display: flex;
	justify-content: space-evenly;
	width: 600px;
}
.box-02-acomodacoes.esquerda p {
	font-size: 16px;
	padding-top: 45px;
	text-align: center;
}
.box-02-acomodacoes.esquerda i {
	font-size: 46px;
	padding: 15px;
}
.box-02-acomodacoes.direita {
	display: flex;
	flex-direction: column;
	width: 600px;
}
.box-02-acomodacoes.direita :first-child {
	background: #02c95c;
}
.box-02-acomodacoes.direita p {
	background: #035428;
	font-size: 24px;
	color: #fff;
	height: 50%;
	padding: 20px;
}
.box-03-acomodacoes {
	width: 1200px;
	margin: 0 auto;
}
.box-03-acomodacoes p {
	font-size: 12px;
	color: #303030;
	padding: 60px 0;
}
.box-03-acomodacoes p strong {
	font-size: 14px;
	color: #303030;
}
.box-03-acomodacoes.cafe-da-manha p strong {
	font-size: 18px;
	color: #006c32;
	text-transform: uppercase;
}
.box-03-acomodacoes.cafe-da-manha p {
	font-size: 16px;
}
.formulario {
	margin: 40px auto;
	width: 1200px;
}
.formulario .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.formulario input {
	width: 70%;
	padding: 19px 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	border: none;
	background: #fff;
	box-sizing: border-box;
	background: #eee;
	outline: none !important;
	font: 18px "calibri";
}

.formulario input:focus {
	box-shadow: 2px 0px 0px 0px #006c32 inset;
}

.formulario textarea {
	width: 70%;
	height: 200px;
	padding: 19px 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	border: none;
	background: #fff;
	box-sizing: border-box;
	background: #eee;
	outline: none !important;
	resize: none;
	font: 18px "calibri";
}

.formulario textarea:focus {
	box-shadow: 2px 0px 0px 0px #006c32 inset;
}

.formulario .submit {
	width: 70%;
	padding: 20px 70px;
	background: #006c32;
	margin: 0 auto;
	color: #fff;
	font: 20px "calibri";
	display: table;
	transition: all 0.5s;
	cursor: pointer;
}
.conteudo-pages.contato h1 {
	font: 35px "calibri";
	color: #983a32;
	text-align: center;
	padding-top: 18px;
}

.titulo.home {
	width: unset;
	display: unset;
	margin: 0;
}

.titulo.home p {
	font-size: 30px;
}

.titulo.home p:last-child {
	color: #853623;
	font-size: 40px;
}

.box-01-acomodacoes.direita {
	height: 400px;
}

.menu li a:hover {
	color: #933120;
	transition: 0.5s;
}

.rodape .social i {
	font-size: 40px !important;
	color: #006d33;
	transition: 0.5s;
}

.rodape .social i:hover {
	color: #853623;
	transition: 0.5s;
}

.logo-empiria {
	width: 15%;
}

.rodape .logo-pw {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.rodape .logo-pw p {
	width: 100%;
	font: 16px calibri, sans-serif;
	color: black;
}

.rodape .logo-empiria {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.rodape.logos {
	justify-content: center;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	* {
		max-width: 100%;
		box-sizing: border-box;
	}

	.menu-total {
		display: block;
		width: 100%;
	}

	.menu ul {
		display: flex;
		justify-content: center;
	}

	.menu li {
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.rodape div {
		width: 100%;
		margin: 0 0;
		text-align: center;
		padding: 10px 0;
	}

	.topo > div {
		margin: 0 !important;
	}
}

@media only screen and (max-width: 800px) {
	.slogan .titulo {
		font-size: 30px;
	}

	.slogan .conteudo {
		font-size: 18px;
	}

	.box-03-total,
	.box-04-total {
		padding: 10px;
	}
}

@media only screen and (max-width: 550px) {
	.fundo-slider {
		display: block;
	}

	.slogan-total {
		position: relative !important;
		top: unset;
		left: unset;
		transform: unset;
		padding: 10px 30px;
		background: #053957;
	}

	.menu ul {
		flex-wrap: wrap;
	}

	.topo-total {
		padding: 30px 0 0;
	}

	.logo {
		padding: 0;
	}

	.menu ul {
		padding: 20px 0;
	}

	.linha-topo {
		width: 100%;
		justify-content: center;
	}

	div#wowslider-container1 {
		display: none;
	}

	.slogan-total {
		background-color: #f4f5f5;
		padding: 20px 0;
	}

	.titulo.home p {
		text-align: center;
	}

	.box-03 .item .titulo {
		margin-bottom: 10px;
	}

	.texto-rodape .item {
		justify-content: center;
	}

	.rodape {
		padding-bottom: 20px;
	}

	.logo-pw {
		padding-bottom: 70px;
	}
	.box-03 .item .conteudo {
		padding: 0 20px;
	}

	.titulo {
		flex-wrap: wrap;
	}

	.box-01-acomodacoes-total {
		flex-wrap: wrap;
	}

	.box-01-acomodacoes.direita {
		height: auto;
	}

	.box-02-acomodacoes.esquerda {
		width: 100%;
		margin-bottom: 30px;
	}

	.box-02-acomodacoes-total {
		flex-wrap: wrap;
	}

	.box-03-acomodacoes p {
		padding: 20px;
	}

	.menu li {
		width: 100%;
	}

	.slogan .conteudo {
		width: 90%;
		font-size: 16px;
	}

	.slogan .titulo {
		font-size: 25px;
	}

	.formulario-topo .submit {
		font-size: 16px;
	}

	.rodape.logos {
		margin-bottom: 70px;
	}
}