@charset "utf-8";
/* CSS Document */

body, html
{
	height: 100%;
	margin: 0.5% 0 0 0;
	width: 100%;
	position: relative;
	background: #F99144;
	}

a:link, a:visited
{
	color: inherit;
	text-decoration: none;
}

h1
{
	font-size: 5vw;
	font-weight: bold;
}

h2, h3, h4, h5, h6
{
	font-size: 4vw;
	font-weight: bold;
	display: inline;
}

p
{
	margin: 9px;
}

input[type=checkbox]
{
	display: none;
}

.logo
{
	width: 90%;
	margin: 20px auto 5px auto;
	text-align: center;
	background: linear-gradient(#FEDE98, #FA522D) no-repeat;
	padding: 1% 2% 1% 2%;
	border-radius: 10px;
	
	
}
.logo img
{
	width: 35%;
	height: 70px;
}

.titulo
{
	width: 90%;
	font-family: Arial;
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
	margin: 0px auto 5px auto;
	color:#2E2E2E;
	background: linear-gradient(#FA522D, #F8DD61) no-repeat;
	padding: 2%;
	border-radius: 7px;
}

.menu-mobile
{
	display: block;
	padding: 0 0 1% 5%;
	font-size: 9vw;
	
}

.menu
{
	display: none;
}

.menu a:hover
{
	transition: 0.3s ease;
	color:#FC0A10;
}
input[type=checkbox]:checked ~
.menu
{
	position: absolute;
	margin: auto;
	left: calc(50% - 46.5%);
	width: 85%;
	padding: 4%;
	display: inline-grid;
	text-align: left;
	font-family: Arial;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color:#2E2E2E;
	background: #FEA141;
	border-radius: 20px;
	line-height: 180%;
	opacity: 1;
	transition: 10s;
	animation: fadeIn 2s;
	z-index: 2;
}
.conteudo
{
	display: block;
	width: 85%;
	margin: auto;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	font-family: Arial;
	font-size: 4vw;
	padding: 2% 4%;
	background: #F8DD61;
	border-radius: 20px;
	
}


.conteudo img, video
{
	width: 49.7%;
		
}

.testemunhos
{
	display: block;
	width: 79%;
	margin: auto;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	font-family: Arial;
	font-size: 4vw;
	padding: 5%;
	background: #F8DD61;
	border-radius: 20px;
}
	
.testemunhos p
{
	margin: 0;	
}

.form
{
	display: block;
	font-family: Arial;
	color:#2E2E2E;
	font-weight: bold;
	font-size: 3.5vw;
	text-align: left;
	width: 70%;
	margin: auto;
	padding: 5% 9% 11% 9%;
	background: #F8DD61;
	border-radius: 20px;
}
.table-form
{
	width: 100%;
	height: 150px;
	margin: auto;
}

.input
{
	overflow: hidden;
	font-size: 3.5vw;
	border: 1px solid #FFFFFF;
	width: 100%;
	height:100%;
	background-color: #E1E685;
	resize: none;
}

.g-recaptcha
{
	position: absolute;
	transform:scale(70%);
	transform-origin:0 0;
}

.botao
{
	width: 35%;
	font-family: Arial;
	color: #2E2E2E;
	font-size: 3.5vw;
	font-weight: bold;
	background-color: #E1E685;
	height:100%;
	border: solid 2px #FFF9F9;
	border-radius: 20px;
}

.msg
{
	display: grid;
	width: 85%;
	margin: auto;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	place-items: center;
	font-family: Arial;
	font-size: 4vw;
	padding: 9% 2% 9% 2%;
	background: #F8DD61;
	border-radius: 20px;
	z-index: 1;
	
	}
.msg video
{
	width: 60%;
}

.hospedagem h1
{
	position: absolute;
	right: 4%;
	padding-bottom: 1%;
	color: #FF0004;
	text-align: center;
	font-family: Arial;
	font-size: 2.5vw;
	font-style: italic
}

@keyframes fadeIn
{  
   	from
{  
   opacity: 0;  
}  
	to
{  
    opacity: 1;  
}   
}

/*EXIBIR DESKTOP*/
@media (min-width: 800px)
{

h1
{
	display: inline;
	font-size: 2vw;
	font-weight: bold;
}

h2, h3, h4, h5, h6
{
	font-size: 1.5vw;
	font-weight: bold;
	display: inline;
}

p
{
	margin: 9px;
}
	

input[type=checkbox]
{
	display: none;
}

.logo
{
	width: 92%;
	margin: 20px auto 5px auto;
	text-align: center;
	background: linear-gradient(#FEDE98, #FA522D) no-repeat;
	padding: 1% 2% 1% 2%;
	border-radius: 20px;
	
	
}
.logo img
{
	width: 30%;
	height: 150px;
}

.titulo
{
	width: 92%;
	font-family: Arial;
	font-size: 1.8vw;
	font-weight: bold;
	text-align: center;
	margin: 0px auto 5px auto;
	color:#2E2E2E;
	background: linear-gradient(#FA522D, #F8DD61) no-repeat;
	padding: 1% 2% 1% 2%;
	border-radius: 20px;
	
}

.menu-mobile
{
	display: none;
}

.menu
{
	display: inline-grid;
	float: left;
	width: 15%;
	margin: auto auto auto 2%;
	text-align: left;
	font-family: Arial;
	font-size: 1vw;
	font-style: italic;
	font-weight: bold;
	color:#2E2E2E;
	line-height: 200%;
	background: #FA5630;
	padding: 0.5% 0 0.5% 1%;
	border-radius: 20px;


}

.menu a:hover
{
	transition: 0.3s ease;
	color:#FC0A10;
}

.conteudo
{
	display: inline-block;
	width: 75.7%;
	margin: auto auto auto 4px;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	font-family: Arial;
	font-size: 1.3vw;
	padding: 2%;
	background: #F8DD61;
	border-radius: 20px;
}

.conteudo p
{
	text-indent: 80px;
}

.conteudo img, video
	{
		
		width: 49.7%;
		
		}
	
.testemunhos
{
	width: 75.7%;
	margin-left: 18.4%;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	font-family: Arial;
	font-size: 1.3vw;
	padding: 2%;
	background: #F8DD61;
	border-radius: 20px;
}
	
.testemunhos p
{
	margin: 0;	
}

.form
{
	display: inline-block;
	font-family: Arial;
	color:#2E2E2E;
	font-weight: bold;
	font-size: 1.2vw;
	text-align: left;
	width: 74.9%;
	margin: auto auto auto 4px;
	padding: 2% 5% 3% 0;
	background: #F8DD61;
	border-radius: 20px;
}
.table-form
{
	width: 100%;
	height: 150px;
	margin: auto;
}
	
.input
{
	overflow: hidden;
	font-size: 1.2vw;
	border:1px solid #FFFFFF;
	width: 100%;
	height:100%;
	background-color: #E1E685;
}
	
.g-recaptcha
{
	position: relative;
	transform: scale(120%);
	transform-origin: 0 0;
}
	
.botao
	{
		width: 8%;
		font-family: Arial;
		color: #2E2E2E;
		font-size: 1.1vw;
		font-weight: bold;
		background-color: #E1E685;
		height:100%;
		border: solid 2px #FFF9F9;
		border-radius: 20px;
	}

.msg
{
	display: inline-grid;
	width: 75.7%;
	margin: auto auto auto 4px;
	line-height: 130%;
	color:#2E2E2E;
	text-align: justify;
	font-family: Arial;
	font-size: 1.3vw;
	place-items: center;
	background: #F8DD61;
	border-radius: 20px;
	padding: 5% 2% 5% 2%; 
	
	}
.msg video
{
	width: 30%;
}

	.rodape
{
	position: absolute;
	bottom: 1%;
	right: 0;
	width: 30%
}
	.hospedagem h1
{
	position: absolute;
	right: 2%;
	padding-bottom: 1%;
	color: #FF0004;
	text-align: center;
	font-family: Arial;
	font-size: 0.9vw;
	font-style: italic
}
}