@media (min-width: 0px) and (max-width: 767px){
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.titulo{
	position:relative;
	margin:0 auto;
	font-size:24px;
	font-weight:600;
	line-height:36px;
	text-align:center;
	width:100%;
	height:260px;
	background:url(../imgs/fundo-titulo-celular.png) center no-repeat ;
	//background-size:50%;
	padding-top:76px;
	}
.topo{
	width:100%;
	margin:0 auto;
	position:absolute;
	
	height:63px;

	z-index:112;
	}

.topo .logo{
	position:relative;
	float:left;
	text-align:left;
	width:60%;
	height:74px;
	
	}

.topo .logo img{
	//z-index:2222222;
	margin-top:7% !important;
	margin-left:16px;
	width:50%
	}
.topo nav{
	position:relative;
	float:left;
	width:100%;
	height:0px;
	list-style:none;
	padding:0px !important;
	border-top:none !important;
	border:none;
	//text-shadow:3px 3px 0px #e9e9e9;
	
	}

.topo nav ul{
	padding:0px !important;
	//background:#000;
	position:relative;
	float:right;
	width:65%;
	height:auto;
	border-right:0px #e5e5e5 solid;
	border-top:none !important;
	margin-right:0px;
	line-height:46px;
	padding-right:15px !important;
	z-index:112;
	}
.topo nav a{
	position:relative;
	float:left;
	font-size:15px;
	font-weight:100;
	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	margin-right:0px;
	//background:#093;
	margin-left:0px;
	margin-top:0px;
	}


.banner{
	position:relative;
	float:left;
	width:100%;
	height:474px !important;
	
	margin-top:62px;
	
	}

.titulo-banner{
	position:relative;
	float:right;
	margin-top:130px;
	width:95%;
	}
.sobrenos{
	position:relative;
	float:left;
	width:100%;
	height:692px;
	background:url(../imgs/fundo-secoes.png)  center no-repeat;
	padding-top:100px;
	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:24px;
	text-align:center;
	line-height:20px;
	}
.sobrenos h1 span{
	
	font-size:28px;
	
	}
.sobrenos .texto{
	position:relative;
	float:left;
	width:100%;
	height:80px;
	
	font-style:italic;
	font-size:16px;
	text-align:center;
	line-height:22px;
	margin-top:10px;
	}

.atracoes{
	position:relative;
	float:left;
	width:100%;
	height:1790px;
	margin-top:-119px;
	
	}
.atracoes .titulo{
	top:-80px;
	z-index:10;
	}
figure.effect-ruby img {
	width:100%;
	
}

.grid {
	position: relative;
	float:left;
	background:#0CC;
	width: 100%;
	min-height:100px;
	list-style: none;
	text-align: center;
	margin-top:-235px;
}

.grid figure {
		position:relative;
		float: left;
		margin-bottom:-1px !important;
		width: 100%;
		height:310px;
	}

.grid figure:first-child {
		position:relative;
		float: left;
		margin-bottom:-1px !important;
		width: 100%;
		height:385px;
	}

.grid figure:last-child {
		position:relative;
		float: left;
		margin-bottom:-1px !important;
		width: 100%;
		height:406px;
	}
	
.grid figure:first-child h2 {
	line-height:18px;
	font-size:25px;
	margin-top:125px !important;
}
.grid figure:last-child h2 {
	line-height:18px;
	font-size:25px;
	margin-top:60px !important;
}
.grid figure h2 {
	line-height:18px;
	font-size:25px;
	margin-top:50px !important;
}

figure.effect-ruby p {
	margin: 3em 0 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 1;
	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 p {
	margin: 3em 0 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 1;
	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);
	transform: translate3d(0,20px,0) scale(1);
} 




.precos{
	position:relative;
	float:left;
	width:100%;
	height:792px;
	background:url(../imgs/fundo-secoes-precos-celular.png)  center no-repeat;
	padding-top:00;
	margin-top:-114px;
	z-index:2;
	
	}

.precos .titulo{
	position:relative;
	margin:0 auto;
	font-size:24px;
	font-weight:600;
	line-height:36px;
	text-align:center !important;
	background:url(../imgs/fundo-titulo-celular.png) center  no-repeat ;
	//background-size:50%;
	
	padding-top:85px;
	line-height:24px;
	margin-top:-80px;
	}
.precos .bola{
	
	position:relative;
	float:left;
	width:100% !important;
	height:auto !important;
	border-radius:100%;
	margin-left:-0px;
	margin-top:-00px;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	z-index:2;
	color:#FFF !important;
	background:none !important;
	}
.precos .bola-preco{
	
	margin-left:0px;
	margin-top:27px;
	z-index:1;
	padding-top:0px;
	}
.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:14px;
	font-size:14px;
	margin-bottom:15px;
	}
.precos .bola .info span{
	
	
	line-height:24px !important;
	font-size:26px;
	}


.localizacao{
	position:relative;
	float:left;
	width:100%;
	min-height:1650px;
	
	padding-top:76px;
	padding-bottom:50px;
	margin-top:-108px;
	z-index:2;
	
	}
.localizacao .titulo{
	margin-bottom:00px;
	}
.localizacao .img-localizacao{
	position:absolute;
	left:50%;
	margin-left:-40%;
	width:310px;
	}

.localizacao .flecha-abrir-mapa{
	position:absolute;
	left:50%;
	margin-left:-22%;
	margin-top:370px;
	z-index:2;
	}

.localizacao .img-mapa{
	position:absolute;
	left:50%;
	margin-left:-40%;
	margin-top:430px;
	width:310px;
	}

.localizacao .flecha-placa{
	position:absolute !important;
	left:50%;
	margin-left:-22%;
	
	margin-top:805px;
	z-index:2
	;
	}
.localizacao .img-placa-entrada{
	position:absolute;
	left:50%;
	margin-left:-40%;
	width:310px;
	margin-top:905px;
	
	}
.frase-footer .frase{
	position:relative;
	float:left;
	width:100%;
	height:110px;
	text-align:center;
	font-size:48px;
	background:url(../imgs/icon-ondas.svg)  center top no-repeat;
	line-height:32px;
	padding-top:110px;
	
	}
.frase-footer .frase span{
	
	font-size:50px;
	
	
	}
.footer{
	position:relative;
	float:left;
	width:100%;
	height:1042px;
	padding-top:142px;
	background:url(../imgs/fundo-footer-celular.png) center   no-repeat ;
	margin-top:-104px;
	z-index:2;
	}
.footer .botao-whats{
	position:absolute;
	right: 0px;
	margin-top:-100px;
	width:100%;
	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;
	padding-top: 100px;
	width:100%;
	height:508px;
	
	
	
	}

.footer .formulario .titulo{
	background:none;
	position:relative;
	float:left;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	height:60px;
	margin-bottom:35px;
	}
.footer .infos{
	position:relative;
	float:left;
	width:100%;
	height:181px;
	list-style:none;
	padding:0px !important;
	margin-top:0px;
	text-align:center;
	}
.footer .infos ul{
	padding:0px !important;
	border-bottom:1px dashed #ffc000;
	height:181px;
	}

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

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

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


.footer .direitos{
	position:relative;
	bottom:-70px;
	width:100%;
	height:136px;
	margin-top:100px;
	text-align:center;
	
	padding-top:0px;
	}



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



.footer .direitos .frase{
	
	
	position:relative;
	padding-top:00px;
	font-size:15px;
	min-width:10px;
	
	
	
	
	}
		
.footer .direitos .logo-ative-celular{
	position:relative;
	
	margin:0 auto;
	margin-top:20px;
	width:20%;
	}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100% !important;
  height: 50px;
}


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

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

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