body{
	
	padding:0px !important;
	margin:0px !important;
	
	}
a{
	color:inherit !important;
	
}
main{
	min-height:400px;
	}

.row{
	margin-left:0px !important;
	}
	
input{
  transition: box-shadow .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out;
	-webkit-transition: box-shadow .25s ease-in-out;
	
	}
input:focus {
 
 outline: none;
	
	/*-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
	box-shadow: 0px 0px 7px #f3c1c1;*/
}
button:focus {
  outline: none;
}

textarea{
  transition: box-shadow .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out;
	-webkit-transition: box-shadow .25s ease-in-out;
	
	}
textarea:focus {
  outline: none;
 /* moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
	box-shadow: 0px 0px 7px #f3c1c1;*/
}

li a:focus {
  outline: none;
}

h3:focus {
  outline: none;
}

select:focus {
  outline: none;
  -moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
	box-shadow: 0px 0px 7px #f3c1c1;
}




.cor-amarela{
	color:#ffc000 !important;
	}
.cor-azul{
	color:#004774 !important;
	}
.fundo-azul{
	background:#004774;
	}
.fundo-cinza{
	background:#f2f2f2;
	}
.fundo-amarela{
	background:#ffc000;
	}
.fundo-branca{
	background:#fff;
	}
.cor-branca{
	color:#fff;
	}

.lobster{
	font-family: 'Lobster', cursive;
	}


.centralizador ul{
	text-align: justify !important;
	display: inline-block !important;
	
	}

.centralizador ul:after{
	content: "." !important;
    display: inline-block !important;
    width: 100% !important;
    height: 0 !important;
    visibility: hidden !important;
	}

.centralizador ul li{
	display:inline-block !important;
	}

.botao-topo{
	position:fixed;
	background-opacity:0.7;
	font-size:12px;
	background:url(../imgs/icon-topo.png) #004774 no-repeat center;
	width:50px;
	height:50px;
	z-index:1000;
	text-align:center;
	padding-top:23px;
	right:-79px;
	border-radius:150px;
	margin-top:319px;
	-webkit-transition:All 0.5s ease; 
	-moz-transition:All 0.5s ease; 
	-o-transition:All 0.5s ease;
	cursor:pointer;
	}
.botao-topo.mostrar-botao-topo{
	position:fixed;
	right:10px;
	}

.titulo{
	position:relative;
	margin:0 auto;
	font-size:36px;
	font-weight:600;
	line-height:36px;
	text-align:center;
	width:429px;
	height:235px;
	background:url(../imgs/fundo-titulo.png)  20% no-repeat;
	padding-top:37px;
	}

/*-----------------TOPO---------------*/
.topo{
	width:100%;
	margin:0 auto;
	position:absolute;
	
	height:83px;
	-webkit-transition:All 0.5s ease; 
	-moz-transition:All 0.5s ease; 
	-o-transition:All 0.5s ease;
	z-index:20000000;
	
	}

.topo .logo{
	position:relative;
	float:left;
	text-align:left;
	width:308px;
	height:283px;
	margin-top:-12px;
	}
.topo .logo img{
	
	
	
	}

	
	



	
	
.topo nav{
	position:relative;
	float:left;
	width:100%;
	height:83px;
	list-style:none;
	padding:0px !important;
	border-top:solid;
	border:none;
	//text-shadow:3px 3px 0px #e9e9e9;
	
	}


	
.topo nav ul{
	padding:0px !important;
	
	position:relative;
	float:right;
	width:65%;
	height:83px;
	
	
	}

.topo nav a{
	position:relative;
	float:left;
	font-size:14px;
	
	margin-top:30px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:800;
	margin-right:0px;
	cursor:pointer;
	
	
	}




	






.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,71,116,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
	
}


	
/*-----------------FINAL TOPO---------------*/



/*-----------------BANNER---------------*/

.banner{
	position:relative;
	float:left;
	width:100%;
	height:674px;
	background:url(../imgs/banner.jpg) center no-repeat;
	margin-top:83px;
	
	}

.titulo-banner{
	position:relative;
	float:right;
	margin-top:100px;
	
	}
/*-----------------FINAL BANNER---------------*/

.linhas1-sobrenos{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas1.png) center no-repeat;
	margin-top:515px;
	}
.linhas2-atracoes{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas2.png) center no-repeat;
	margin-top:1025px;
	}
.linhas1-precos{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas1.png) center no-repeat;
	margin-top:1945px;
	}
.linhas2-localizacao{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas2.png) center no-repeat;
	margin-top:2477px;
	}

.linhas3-frase-footer{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas3.png) center no-repeat;
	margin-top:3540px;
	}

.linhas1-footer{
	position:absolute !important;
	z-index:1;
	width:100%;
	height:327px;
	background:url(../imgs/linhas1.png) center no-repeat;
	margin-top:3750px;
	}
/*-----------------SOBRENOS---------------*/

.sobrenos{
	position:relative;
	float:left;
	width:100%;
	height:692px;
	background:url(../imgs/fundo-secoes.png)  center no-repeat;
	padding-top:126px;
	margin-top:-180px;
	z-index:2;
	}

.sobrenos h1{
	position:relative;
	float:left;
	width:100%;
	height:164px;
	background:url(../imgs/icon-ondas.svg)   top no-repeat;
	padding-top:107px;
	font-size:48px;
	text-align:center;
	line-height:40px;
	}
.sobrenos h1 span{
	
	font-size:60px;
	
	}
.sobrenos .texto{
	position:relative;
	float:left;
	width:100%;
	height:80px;
	
	font-style:italic;
	font-size:18px;
	text-align:center;
	line-height:30px;
	margin-top:50px;
	}
/*-----------------FINAL SOBRENOS---------------*/


/*---------------*/
/***** Ruby *****/
/*---------------*/
.grid {
	position: relative;
	margin: 0 auto;
	background:#0CC;
	max-width: 100%;
	list-style: none;
	text-align: center;
	margin-top:-235px;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	
	width: 20%;
	
	height: 100%;
	
	
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	line-height:18px;
	font-size:25px;
	margin-top:405px !important;
}

.grid figure h2 span {
	font-weight: 800;
	font-size:34px;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover img {
	opacity: 0.7;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 3em 0 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 0;
	font-size:14px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*-----------------ATRACOES---------------*/

.atracoes{
	position:relative;
	float:left;
	width:100%;
	height:962px;
	margin-top:-105px;
	
	}

.atracoes .titulo{
	top:-50px;
	z-index:10;
	}

/*-----------------FINAL ATRACOES---------------*/


.galeria{
	
	
	position:relative;
	margin:0 auto;
	width:751px;
	height:501px;
	font-size:16px;
	margin-bottom:30px;
	
	}




/*-----------------PRECOS---------------*/

.precos{
	position:relative;
	float:left;
	width:100%;
	height:692px;
	background:url(../imgs/fundo-secoes.png)  center no-repeat;
	padding-top:116px;
	margin-top:-108px;
	z-index:2;
	
	}
.precos .titulo{
	background:none;
	position:relative;
	float:left;
	text-align:left;
	margin-top:25px;
	margin-left:40px;
	
	}
.precos .bola{
	
	position:relative;
	float:left;
	width:397px;
	height:397px;
	border-radius:100%;
	margin-left:-140px;
	margin-top:25px;
	text-align:center;
	padding-top:37px;
	z-index:2;
	}
.precos .bola-preco{
	
	margin-left:-70px;
	margin-top:57px;
	z-index:1;
	padding-top:55px;
	}
.precos .bola .titulo-bola{
	
	position:relative;
	float:left;
	width:100%;
	height:120px;
	font-size:32px;
	
	}

.precos .bola .info{
	
	position:relative;
	float:left;
	width:100%;
	line-height:18px;
	font-size:16px;
	margin-bottom:15px;
	}
.precos .bola .info span{
	
	
	line-height:44px !important;
	font-size:32px;
	}
/*-----------------FINAL PRECOS---------------*/



/*-----------------LOCALIZAÇÃO---------------*/

.localizacao{
	position:relative;
	float:left;
	width:100%;
	min-height:1020px;
	
	padding-top:116px;
	padding-bottom:50px;
	margin-top:-108px;
	z-index:2;
	
	}

.localizacao .titulo{
	margin-bottom:120px;
	}
.localizacao .borda{
	
	border-radius:100%;
	
	
	}
.localizacao .img-localizacao{
	position:absolute;
	margin-left:55px;
	
	}

.localizacao .flecha-abrir-mapa{
	position:absolute;
	margin-left:532px;
	margin-top:-50px;
	}

.localizacao .img-mapa{
	position:absolute;
	margin-left:545px;
	margin-top:50px;
	}

.localizacao .flecha-placa{
	position:absolute;
	margin-left:886px;
	margin-top:15px;
	
	}
.localizacao .img-placa-entrada{
	position:absolute;
	margin-left:689px;
	margin-top:163px;
	
	}


/*-----------------FRASE-FOOTER---------------*/

	

.frase-footer{
	position:relative;
	float:left;
	width:100%;
	height:710px;
	padding-top:255px;
	background:url(../imgs/img-footer.jpg)  center  no-repeat;
	
	}

.frase-footer .frase{
	position:relative;
	float:left;
	width:100%;
	height:110px;
	text-align:center;
	font-size:72px;
	background:url(../imgs/icon-ondas.svg)  center top no-repeat;
	line-height:40px;
	padding-top:110px;
	
	}
.frase-footer .frase span{
	
	font-size:90px;
	
	
	}

/*-----------------FOOTER---------------*/

	

.footer{
	position:relative;
	float:left;
	width:100%;
	height:826px;
	padding-top:172px;
	background:url(../imgs/fundo-footer.png) center  top no-repeat;
	margin-top:-104px;
	z-index:2;
	}


.footer .botao-whats{
	position:absolute;
	right: -130px;
	margin-top:-37px;
	width:70%;
	height:70px;
	border-radius:330px;
	border:none;
	font-size:16px;
	background: #25d366;
	text-align: center;
	line-height: 70px;
	margin-bottom: 50px;
}


.footer .formulario{
	position:relative;
	float:right;
	
	width:50%;
	height:508px;
	
	
	
	}
.footer .formulario .titulo{
	background:none;
	position:relative;
	float:left;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	height:112px;
	margin-bottom:35px;
	}
.footer .formulario .titulo img{
	
	margin-top:-28px;
	
	}

.footer .formulario input{
	position:relative;
	float:left;
	width:100%;
	height:47px;
	border-radius:30px;
	border:none; 
	
	font-size:18px;
	 color:#fff;
	font-weight:500;
	background:#002b46;
	
	padding-left:30px;
	margin-bottom:22px;
	
	}
.footer .formulario textarea{
	position:relative;
	float:left;
	width:100%;
	height:155px;
	border:none;
	border-radius:30px;
	padding-left:30px;
	background:#002b46;
	font-size:18px;
	
	font-weight:500;
	padding-top:30px;
	
	 color:#fff;
	}


	
.footer .formulario .input-mensagem{
	
	
	}
.footer .formulario button{
	position:relative;
	float:right;
	margin-top:37px;
	width:100%;
	height:50px;
	border-radius:30px;
	border:none;
	font-size:16px;
	}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}	

:-placeholder { /* Firefox 18- */
  color:#fff;
}	
.footer .h3{
	font-size:16px !important;
	text-align:center;
	margin-top:18px;
	position:relative;
	float:left;
	width:100%;
	}
.footer .infos{
	position:relative;
	float:left;
	width:36.5%;
	height:251px;
	list-style:none;
	
	//margin-top:214px;
	
	}
.footer .infos ul{
	padding:0px !important;
	border-bottom:1px dashed #ffc000;
	height:249px;
	}

.footer .infos li{
	position:relative;
	float:left;
	width:100%;
	height:72px;
	font-size:36px;
	list-style:none;
	line-height:36px;
	margin-bottom:40px;
	}

.footer .infos li:last-child{
	font-size:18px;
	line-height:28px;
	font-weight:700 !important;
	}

.footer .infos li:last-child span{
	font-size:36px;
	}

.footer .infos .logo-footer{
	margin-top:60px;
	
	}

.footer .infos .frase{
	margin-top:32px;
	font-size:24px;
	}

.footer .direitos{
	position:relative;
	float:left;
	margin-top:18px;
	width:100%;
	height:128px;
	
	text-align:center;
	
	}



.footer .direitos .frase{
	
	
	position:relative;
	padding-top:80px;
	font-size:15px;
	min-width:10px;
	
	
	
	
	}
		
.footer .direitos .logo-ative{
	position:absolute;
	float:right;
	right:0px;
	top:70px;
	}	

/*-----------------FINAL FOOTER---------------*/