/* CSS Document */

/**
 * Defaults
 *240 195 191
 *	Font sizes are calculated based on a 16-pixel base.
 *	44 / 16   =   2.75rem
 *	19 / 16   =   1.1875rem
 *	18 / 16   =   1.125rem
 *	17 / 16   =   1.0675remtopo
 *	16 / 16   =   1rem
 *	15 / 16   =   0.9375rem
 *	14 / 16   =   0.875rem
 *	13 / 16   =   0.8125rem
 *
 * --------------------------------------------------------------------------- */


#todo {
	position: relative;
	width: 100%;
	height: auto;
/*	opacity: .1; */
/*	pointer-events: none; */
}
/*  .div_popup {
    position: absolute;
    left: 48%;
	top:0;
    width: 40%; 
	height: auto;
    margin-top: 5%; 
	margin-left: -200px;
	z-index:9999;
	pointer-events:all;

} */

#direitos {
	text-align:center; 
	font-size:10px;
  }

  .back-to-top {
	background: #25d366;
	border-radius: 50%;
	padding:1%;
	height: auto;
	position: fixed;
	bottom: 50px;
	text-align: center;
	color: #999;
	z-index: 1000;
	 animation-name: example;
	animation-duration: 4s;
	 animation-iteration-count: infinite;
	display: block;
	
	}
  
  @keyframes example {
	0%   {background-color: #25d366;}
	25%  {background-color: #128c7e;}
	50%  {background-color: #25d366;}
	100% {background-color: #128c7e;}
  }
  
  #ww_esq {
	  width:94%;
	  margin:0px;
	  margin-left:3%;
  }
  
  .back-to-top:hover {
	  color: #fff;
	  cursor: pointer;
	  background: #128c7e; }
	  
  /*.back-to-top:hover .back-top {
		background-position: -131px -695px; } */
  
  .back-to-top .txto {
      display: block;
	  color:#FFF;
	  margin-top: 2px;
	  font-size: 12px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight: 400; }
  
#principal {
	position:relative;
	z-index: 99;
	top:95px;
}
  
.anchor {
	position: relative;
	visibility:hidden;
	top:-195px;
}
   
.desktop {
	  display: inline;
  }
.mobile {
	  display: none;
  }
  
#cabec_topo {
	position: fixed;
	top:0px;
	background-color: #fff;
	width: 96%;
	z-index: 999;
		color:#18251e;
	text-align: center;
		padding-top: 7px;
		padding-bottom: 5px;
	font-weight: 600;
	letter-spacing: 0.098em;
	font-size: 14px;
	border-bottom: #18251e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-left: 2%;
	margin-right: 2%;

	
	
}
  
	#linha {
		position: relative;
		width:92%;
		float: none;
		padding:0px;
		margin-top: 25px;
		margin-left: 4%;
		margin-right: 4%;
				text-align: center;
		font-family: 'Nunito', sans-serif;
		font-size:15px; 
		letter-spacing: 0.068em; 
		line-height:24px; 
		color:#18251e;
	
	}

	.col_50ev {
		float: left;
		width:49%;
	}
	
.col_50e {
	float: left;
	width:50%;
}

.col_50d {
	float: left;
	width:50%;


}
  
  .menu {
	  width: 100%;
  
	  background-color:#FFF;
	  color: #18251e;
  }
  
  .menu-button {
	  position: absolute;
	  top: 0px; 
	  left: 75%;
	  background-color: #FFF;
	  padding-top:8%;
	  padding-left:2%;
	  padding-right:8%;
	  padding-bottom:2%;
  
	  cursor: pointer;
  
	  -webkit-transition: .3s;
	  transition: .3s;
  
	  /*margin: 14px;
	  border-radius: 5px;*/
  }
  
 
  .menu-button .bar:nth-of-type(1) {
	  margin-top: 0px;
  }
  .menu-button .bar:nth-of-type(3) {
	  margin-bottom: 0px;
  }
  
  .bar {
	  position: relative;
	  display: block;
  
	  width: 44px;
	  height: 1px;
  
	  margin: 10px auto;
	  background-color: #18251e;
  
	  border-radius: 12px;
  
	  -webkit-transition: .3s;
	  transition: .3s;
  }
  
  .bar2 {
	  position: relative;
	  display: block;
	  
	  width: 50px;
	  height: 1px;
  
	  margin: 4px auto;
	  background-color: #18251e;
  
	  border-radius: 10px;
  
	  -webkit-transition: .3s;
	  transition: .3s;

	  right:-35%;
	  margin-top: 4%;
  }
  
  .menu-button:hover .bar:nth-of-type(1) {
	  -webkit-transform: translateY(1.5px) rotate(-4.5deg);
	  -ms-transform: translateY(1.5px) rotate(-4.5deg);
	  transform: translateY(1.5px) rotate(-4.5deg);
  }
  .menu-button:hover .bar:nth-of-type(2) {
	  opacity: .9;
  }
  .menu-button:hover .bar:nth-of-type(3) {
	  -webkit-transform: translateY(-1.5px) rotate(4.5deg);
	  -ms-transform: translateY(-1.5px) rotate(4.5deg);
	  transform: translateY(-1.5px) rotate(4.5deg);
  }
  
  .cross .bar2:nth-of-type(1) {
	  -webkit-transform: translateY(10px) rotate(-45deg);
	  -ms-transform: translateY(10px) rotate(-45deg);
	  transform: translateY(10px) rotate(-45deg);
  }
  .cross .bar2:nth-of-type(2) {
	  opacity: 0;
  }
  .cross .bar2:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  -ms-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
  }
  .cross:hover .bar2:nth-of-type(1) {
	  -webkit-transform: translateY(9.5px) rotate(-40.5deg);
	  -ms-transform: translateY(9.5px) rotate(-40.5deg);
	  transform: translateY(9.5px) rotate(-40.5deg);
  }
  .cross:hover .bar2:nth-of-type(2) {
	  opacity: .1;
  }
  .cross:hover .bar2:nth-of-type(3) {
	  -webkit-transform: translateY(-9.5px) rotate(40.5deg);
	  -ms-transform: translateY(-9.5px) rotate(40.5deg);
	  transform: translateY(-9.5px) rotate(40.5deg);
  }
  
  
  #myTopnav {
  display:none;
  }
  
    
  #bannersuperior {
	  width: 96%;
	  margin-left: 2%;
	  margin-right: 2%;
	  height: 110vh;
	  padding:5px;
	  border: #492614;
	  border-style: solid;
	  border:solid;
	  border-width: 1px;
	  }
  
  
  .swiper-container {
	  width: 100%;
	  height: 100%;
   }
	   
  .swiper-slide {
	  background-position: center;
	  background-size: cover;
   }
	
  .bannerM {
	  display:none;
	  
  }
  
  .bannerD {
	  display:inline;
  }
  
  .circulo {
	  border-radius: 50%;
	  border-color: #18251e;
	  border-width: 1px;
	  border-style: solid;
	  width: 22px;
	  font-size: 22px;
	  padding:4%;
	  height: auto;
	  text-align: center;
	  color: #18251e;
	  font-weight: 400;
	  margin-left: 35%;
	  
	  }
  
  .fonte_16 {
	  font-size: 18px;
	  text-align: center;
	  line-height: 26px;
  
  }
  #img_back {
	  text-align:center;
	width:100%;
  
  }
  
  
  .botao-reserva-camping {
	  width:40%;
	  margin-left:30%;
	  color:  #fff;
	  font-size: 11px;
	  font-weight: 600;
	  background-color: #18251e;
	  letter-spacing: 0.0898em;
	  padding-top: 5px;
	  padding-bottom: 5px;
		
  }

  .botao-reserva-festas {
	width:40%;
	margin-left:30%;
	color:  #fff;
	font-size: 11px;
	font-weight: 600;
	background-color: #18251e;
	letter-spacing: 0.0898em;
	padding-top: 5px;
	padding-bottom: 5px;
	  
}

.botao-menu2 {
	float:left;
	width:18%;
	margin-left:5%;
	margin-top:5px;
	color:  #18251e;
	font-size: 11px;
	font-weight: 600;
	background-color: #fff;
	letter-spacing: 0.0898em;
	text-align: center;
	padding: 5px;
	  
}

  .col1-3{
	  width:26%;
	  float:left;
	  padding-left:7%;
  }
  
  .col2-3{
	  width:26%;
	  float:left;
	  padding-left:4%;
	  padding-right: 4%;
  }
  
  .col3-3{
	  width:26%;
	  float:left;
	  padding-right:7%;
  }
  
  .col20e{
	  width:6%;
	  float:left;
	  padding-left:18%;
  }
  
  .col20d{
	  width:6%;
	  float:left;
	  padding-right:18%;
  }
  
  .col60c{
	  width:50%;
	  float:left;
	  padding-left:1%;
	  padding-right:1%;
	  text-align: center;
  }
  .col35 {
	  width:28%;
	  float:left;
	  padding-left:7%;
	  padding-right:4%;
  }
  .col35d {
	  width:28%;
	  float:right;
	  padding-left:4%;
	  padding-right:7%;
  }
  
  .col45 {
	  width:32%;
	  float:left;
	  padding-left:7%;
	  padding-right:4%;
	  text-align: center;
	  font-size: 14px;
  }
  .col45d {
	  width:32%;
	  float:right;
	  padding-left:4%;
	  padding-right:7%;
	  text-align: center;
	  font-size: 14px;
  }
  
  .col65 {
	  width:50%;
	  float:left;
	  padding-right:9%;
  }
  
  .produtos{
  padding-left:7%;
  padding-right:7%;
  }
  
  .rodape-linha{
	  padding-left:4%;
	  padding-right:4%;
	  }
	  
  #esq50 {
	  width: 40%;
	  float:left;
	  padding-right:10%;
	  text-align:left;
  }
  
  
  #esq50_n {
	  width: 50%;
	  float:left;
  }
  
  .zoom {
	  /* transition: transform .2s; /* Animation */
	  transition: 0.5s all ease-in-out;
	  margin: 0 auto;
	}
	
	.zoom:hover {
	  position:relative;
	  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
  .box_camping {
	  width: 90%;
	  padding: 5%;
	  padding-top: 2%;
	  padding-bottom: 2%;

  }

  .box_historia {
	width: 98%;
	padding-top: 2%;
	padding-bottom: 2%;

}
.box_horario {
	  width: 78%;
	  margin-left:10%;
	  margin-right:10%;
	  padding:1%;
	  border: solid;
	  border-width: 1px;

  }
  .botao_reserva {
	position:relative;
	float:left;
	text-align:center;
	width: 25%;
	padding: 5px;
	margin-top:4%;
	height:auto;
	margin-left:18%;
	color:  #fff;
	font-size: 11px;
	font-weight: 600;
	background-color: #18251e;
	letter-spacing: 0.0898em;

  }
  
  .botao_cardapio {
	position:relative;
	float:left;
	text-align:center;
	letter-spacing: 0.0898em;
	width: 25%;
	padding: 5px;
	margin-top:4%;
	height:auto;
	margin-left:8%;
	color:  #fff;
	font-size: 11px;
	font-weight: 600;
	background-color: #18251e;

  }

  .botao_reserva:hover, .botao_cardapio:hover, .botao-reserva-camping:hover, .botao-reserva-festas:hover, .botao-menu2:hover{
	background-color: #0c7239;
		
}

  .box_dir_hora {
	width: 35%;
	margin:5%;
	padding:1%;
	float:left;
	border: solid;
	border-width: 1px;
  
}

  #box_esq_3 {
	  width:15%;
	  float:left;
	  height:auto;
	  padding:1%;
  
	  }
	  #box_esq_3_e {
		width:15%;
		float:left;
		height:auto;
		padding:1%;
		padding-left:0px;
	
		}
  
		#box_esq_3_d {
			width:15%;
			float:left;
			height:auto;
			padding:1%;
			padding-right:0px;
		
			}
	  #box_esq {
	  width:20%;
	  float:left;
	  height:auto;
	  padding:2.5%;
  
	  }
  
  #box_esq:hover {
	  background-color:#FFF;
	  color: #fff;
	  }
	  
  
  #box_esq_r {
		  width:22%;
		  float:left;
		  height:auto;
		  padding:1.5%;
		  padding-bottom: 0px;
		  text-align: left;
		  font-size: 12px;
		  line-height: 18px;
	  
  }
  
  #box_esq_r H2 {
	  font-size:14px;
	  letter-spacing: 0.098em;
	  font-weight: 400;
	  line-height: 14px;
	  margin: 0px 0px 10px 0px;
  }
	  
  #img_box {
	  width:100%;
	  margin-bottom:15px;
  }
  
  .button {
	  background-color: #FFF;
	  width: 50%;
	  border: none;
	  color: #18251e;
	  padding: 6px 15px 6px 15px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 10px;
	  font-weight: 600;
	  margin: 10px 2px 10px 25%
	}
  
	.button1 {border-radius: 50%;}
  .button:hover{
	  background-color: #fff;
	  font-weight: bold;
  }
  #nome_box {
	  border:solid;
	  border-color:#492614;
	  border-width:1px;
	  text-align:center;
	  color:#18251e;
	  font-family: 'Nunito', sans-serif;
	  text-decoration:none;
	  font-size:15px;
	  letter-spacing:0.6px;
	  padding-top:15px;
	  padding-bottom:15px;
	  
  }
  
  
  .borda_tit {
	  border:solid;
	  border-color:#18251e;
	  border-width:0.5px;
	  padding:10px;
	  text-align:center;
	  width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;
	  font-family: 'Nunito', sans-serif;
	   font-size: 18px;
	   font-weight:600;
	   color:#18251e;
	   text-align:center;
	   letter-spacing: 0.8px; 
	   line-height: 18px; 
  
  }
  
  
  
  #coluna50 {
	  float:left;
	  width:49%;
	  margin:0px;
	  padding:0px;
				 border-left:solid;
			border-left-color:#18251e;
			border-left-width:1px;
  
  }
  
  #coluna50x {
	  float:left;
	  width:47%;
	  margin:0px;
	  padding-bottom:10px;
	  padding-top:10px;
	  text-align:left; 
	  border-left:none; 
	  border-bottom:solid; 
	  border-bottom-color:#18251e; 
	  border-bottom-width:1px; 
	  border-right:solid; 
	  border-right-color:#18251e; 
	  border-right-width:1px;		  
	  font-size:12px;
	  
  
  }
  
  #coluna50y {
	  float:left;
	  width:44%;
	  margin:0px;
	  padding-left:3%;
	  padding-bottom:10px;
	  padding-top:10px;
	  text-align:left; 
	  border-left:none; 
	  border-bottom:solid; 
	  border-bottom-color:#18251e; 
	  border-bottom-width:1px;
	  font-size:12px;
  
  }
  
  #coluna50w {
	  float:left;
	  width:47%;
	  margin:0px;
	  padding-bottom:10px;
	  padding-top:10px;
	  text-align:left; 
	  border-right:solid; 
	  border-right-color:#18251e; 
	  border-right-width:1px;
	  font-size:12px;
  
  }
  
  .titulo_h {
	  font-family: Allura,cursive;
	  font-size: 36px;
	  text-align: center;
	  color:#18251e;
	  text-align:center;
   }
  
  #coluna40 {
	  float:left;
	  width:35%;
	  margin:0px;
	  padding:0px;
	  font-weight: 400;
	  text-align: center;
	  border: 1px;
	  border-style: solid;
	  font-size:13px;
  }
  
  #coluna40x {
	  float:left;
	  width:40%;
	  margin:0px;
	  padding:0px;
	  font-size:13px;
  }
  
  #coluna30 {
	  float:left;
	  width:33.2%;
	  margin:0px;
	  padding:0px;
	   text-align:center;
			font-size: 14px;
  }
  
  #esq70 {
	  float:left;
	  width:60%;
	  margin:0px;
	  padding:0px;
	   text-align:center;
			font-size: 14px;
  }
  
  #dir30 {
	  float:left;
	  width:30%;
	  margin:0px;
	  padding:0px;
	   text-align:center;
			font-size: 14px;
  }
  
  .padding10 {
	  padding-left:10%;
	  padding-right:10%;
  }
  
  .padding20 {
	  padding-left:20%;
	  padding-right:20%;
  }
  
  
  .borda_redonda {
	  border:solid;
	  border-color:#18251e;
	  border-width:2px;
	  background-color:none;
	  width:90%;
	  margin:5%;
	  border-radius: 10px;
	  
  }
  
 
  #col25 {
	  width:17.5%;
	  padding:1%;
	  text-align:center;
	  border-right:dotted;
	  border-right-color:#18251e;
	  border-right-width:1px;
	  float:left;
	  letter-spacing:0.05em;
	  font-size:14px;
  }
  
  #coluna70 {
	  float:left;
	  width:67%;
	  margin:0px;
	  padding:0px;
	  text-align:center;
	  font-size: 14px;
	  border-left:solid;
	  border-left-color:#18251e;
	  border-left-width:1px;
  
  }
  
  #coluna70e {
	  float:left;
	  width:66.5%;
	  margin:0px;
	  padding:0px;
	  text-align:center;
	  font-size: 14px;
	  border-left:solid;
	  border-left-color:#18251e;
	  border-left-width:1px;
  
  }
  
  #coluna20 {
	  float:left;
	  width:18%;
	  margin:0px;
	  margin-top:160px;
	  padding:0px;
	   text-align:center;
			font-size: 14px;
  
  
  }
  
  
  #coluna30b {
	  float:left;
	  width:33.2%;
	  margin:0px;
	 text-align:center;
			font-size: 14px;
			border-left:solid;
			border-left-color:#18251e;
			border-left-width:1px;
			border-right:solid;
			border-right-color:#18251e;
			border-right-width:1px;
			
			}
  
  
  .fontekit {
	font-family: 'Nunito', sans-serif;
	   font-size: 20px;
	   font-weight:normal;
	   color:#18251e;
	   text-align:center;
	   letter-spacing: 0.6px; 
	   line-height: 24px; 
  }
  
  .fontpequena {
	   font-family: "Arial";
	   font-size: 10px;
	   font-weight:normal;
	   color:#18251e;
	   text-align:center;
	   letter-spacing: 0.6px; 
	   line-height: 14px; 
	   }
  .adireita {
	  text-align:right;
  }
  #esqprod {
	  float:left;
	  width:32%;
	  margin:0px;
	  padding:0px;
	  
  }
  
  #coluna100 {
	  width:100%;
	  margin:0px;
	  padding:0px;
	   text-align:center;
			font-size: 14px;
  
  }
  
  
  #esqtrans {
	  float:left;
	  width:90%;
	  font-family: 'Nunito', sans-serif;
	  font-size:16px;
	  line-height:24px;
	  margin-top: 20px;
	  padding-left:5%;
	  padding-right:5%;
	  text-align:left;
  }
  
  #dirtrans {
	  width:38%;
	  float:right;
	  margin-top:20px;
	  text-align:right;
  }
  
  #dirtrans {
	  width:38%;
	  float:right;
	  margin-top:20px;
	  text-align:right;
  }
  
  #coluna60 {
	  width:60%;
	  float:right;
	  margin-top:0px;
	  text-align:right;
  }
  
  #coluna60b {
	  width:60%;
	  float:right;
	  margin:0px;
	 text-align:center;
			font-size: 14px;
			border-left:solid;
			border-left-color:#18251e;
			border-left-width:1px;
			border-right:solid;
			border-right-color:#18251e;
			border-right-width:1px;
			
  }
  
  #coluna60be {
	  width:60%;
	  float:left;
	  margin:0px;
	 text-align:center;
			font-size: 14px;
			border-left:solid;
			border-left-color:#18251e;
			border-left-width:1px;
			border-right:solid;
			border-right-color:#18251e;
			border-right-width:1px;
			
  }
  
  #coluna60e {
	  width:58%;
	  float:left;
	  margin:0px;
	 text-align:center;
			font-size: 14px;
			border-right:solid;
			border-right-color:#492614;
			border-right-width:1px;
			
  }
  
  
  
  
  #texto {
	font-family: 'Nunito', sans-serif;
	  font-size:14px; 
	  letter-spacing: 0.6px; 
	  line-height:20px; 
	  text-align:center;
	  padding-left:10%;
	  padding-right:10%;
	  font-weight: 400;
  }
  
  .imgM {
	  display:none;
  }
  
  .imgD {
	  display:inline;
  }
  
  H1 {
	font-family: 'Allura', cursive;
	font-size: 50px;
	letter-spacing: 0.00898em;
	line-height: 56px;
	margin:0px;
    color:#492614;
	font-weight: normal;

  }
  
  H3 {
	font-family: 'Nunito', sans-serif;
	   font-size: 22px;
	   font-weight:400;
	   color:#492614;
	   text-align:center;
	   letter-spacing: 3px; 
	   line-height: 26px; 
	  
  }
  
  
  
  #coluna30_c {
	  float:left;
	  width:27%;
	  margin:0px;
	  padding-left:2%;
	  padding-right:4%;
	   text-align:left;
			font-size: 17px;
			letter-spacing:0.002em;
  }
  
  #coluna30_c_b{
	  float:left;
	  width:27%;
	  margin:0px;
	  padding-left:2%;
	  padding-right:4%;
	   text-align:left;
			font-size: 17px;
					  letter-spacing:0.002em;
			border-left:solid;
			border-left-color:#492614;
			border-left-width:1px;
			border-right:solid;
			border-right-color:#492614;
			border-right-width:1px;
  
  }
  
  #coluna50_c {
	  float:left;
	  width:45%;
	  margin:0px;
	  padding-left:3%;
	  margin-right:1.5%;
	  padding-right:1.5%;
			border-right:solid;
			border-right-color:#492614;
			border-right-width:1px;
	  
	   text-align:center;
			font-size: 17px;
			letter-spacing:0.002em;
  }
  
  #coluna50_c2 {
	  float:left;
	  width:45%;
	  margin:0px;
	  padding-left:0px;
	  margin-right:3%;
	  padding-right:0px;
	   text-align:center;
			font-size: 17px;
			letter-spacing:0.002em;
  }
  
  #sucrier {display:none;}
  
  #rodape {
	font-family: 'Nunito', sans-serif;
	  width: 100%;
	  height:auto; 
	  padding: 0px;
	  color:#492614;
	  line-height:24px;
	  text-align:center;
	  background-color:#FFF;
	  }
  
  
  
  #r_esq {
	  float:left;
	  width:10%;
	  margin-right:5px;
  }
  
  #r_dir {
	  float:left;
  }
  
  /* MENUS */
  
	  /* Primary menu */
  
	  #menu_center {
		   position:relative; 
	  }
  
	  #menu_center ul {
		  margin: 0;
		  padding: 0;
		  list-style-type: none;
		  text-align: center;
  
  }
  
	  #menu_center ul li { display: inline; 
		  font-family: 'Nunito', sans-serif;
		  font-size:14px;
		  font-weight: 600;
		  line-height:   30px;
		  text-decoration: none;
		  color:#492614;
		  letter-spacing:0.086em;
  }
  
	  #menu_center ul li a
  {
	font-family: 'Nunito', sans-serif;
  text-decoration: none;
  padding: 0.65em;
  color:#492614;
  background:     none;
  }
  
  #menu_center ul li a:hover
  {
				  color:#492614;
  background:none;
  }
  
  .reveal{
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 1s all ease;
  }
  
  .reveal.active{
	transform: translateY(0);
	opacity: 1;
  }

  #myTopnav {
	display:inline;
	z-index:99;

}


/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#FFF;
	
}

/* Float the list items side by side */
	 ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
	display: inline;
	padding: 0px;
	text-decoration: none;
	transition: 0.3s;
	font-family: 'Nunito', sans-serif;
	 font-size: 14px;
	  font-weight: 600;
	  color:#492614;
	 text-align:left;
	 letter-spacing: 0.056em; 
	 line-height: 16px; 
}

/* Change background color of links on hover */
  ul.topnav li a:hover {color:#b99b8c;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
   ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */

  ul.topnav li{ display: none; }
  ul.topnav li.icon {
	float:right;
	display: inline-block;
	text-align:right;

  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

  ul.topnav.responsive {position: relative; }
  ul.topnav.responsive li.icon {
	position: relative;
	right: 0;
	top: 0;
	display:none;
  }
  ul.topnav.responsive li {
	float: none;
	display: inline;
	

  }

  
  ul.topnav.responsive li a {
	display: block;
	text-align: left;
	background-color:#FFF;
		margin-top: 0px;
		padding-bottom:28px;
		padding-left:5%;
		letter-spacing:0.04em;
		font-weight:600;
		z-index:99;
		
		
	
  }

  ul.topnav.responsive li a1 {
	display: block;
	text-align: right;
	padding:0.4em;
	font-size:40px;
		line-height:10px;
		font-weight:600;
		color: #0c6f38;
  }

/* 00 ––– FLOATING ILLUSTRATION */
.illustration-wrap.floating-illustration {
	position: absolute;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 99;
  }
  .illustration-wrap.floating-illustration img.illustration {
	position: relative;
	width: 24.65625vw;
	max-width: 90%;
	margin: 0 auto;
	mix-blend-mode: multiply;
  }


  .illustration-wrap.floating-illustration.top-left {
	top: 28.8125vw;
	opacity: 0.5;
	right:81.88vh;
	
  }

  .illustration-wrap.floating-illustration.center-left {
	top: -8.8125vw;
	opacity: 0.5;
	right:52.88vh;
	
  }

  .illustration-wrap.floating-illustration.top-right {
	top: -8.8125vw;
	opacity: 0.5;
	right:91.88vh;
	
  }

  .illustration-wrap.floating-illustration.top-cachoeira {
	top: -5.8125vw;
	opacity: 0.5;
	right:-1.88vh;
	
  }

  .illustration-wrap.floating-illustration.center-hist {
	top: 58.8125vw;
	opacity: 0.5;
	right:41.88vh;
	
  }

  .illustration-wrap.floating-illustration.top-analandia {
	top: 38.8125vw;
	opacity: 0.5;
	right:120.88vh;
	
  }

  .illustration-wrap_c.floating-illustration_c.top-right {
	top: -3.0589vw;
	right: -58.88vh;
	opacity: 0.5;
	position: absolute;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 99;
  }

  .illustration-wrap.floating-illustration.centre-left {
	width: 60%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  }

  /* 00 ––– FLOATING ILLUSTRATION2 */
.illustration2-wrap.floating-illustration2 {
	position: absolute;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 99;
  }
  .illustration2-wrap.floating-illustration2 img.illustration2 {
	position: relative;
	width: 27.65625vw;
	max-width: 100%;
	margin: 0 auto;
	mix-blend-mode: multiply;
  }

  .illustration2-wrap.floating-illustration2.top-left {
	top: 108.8125vw;
	right: 300px;
	opacity: 0.5;
	
  }

  .illustration2-wrap.floating-illustration2.top-right {
	top: -28%;
	right: 0;
  }

  .illustration2-wrap.floating-illustration2.centre-left {
	width: 60%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  }
  
    /* 00 ––– FLOATING ILLUSTRATION3 */
.illustration3-wrap.floating-illustration3 {
	position: absolute;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 99;
  }
  .illustration3-wrap.floating-illustration3 img.illustration3 {
	position: relative;
	width: 27.65625vw;
	max-width: 100%;
	margin: 0 auto;
	mix-blend-mode: multiply;
  }
  .illustration3-wrap.floating-illustration3.top-left {
	bottom: 18.8125vw;
	right: 180px;
	opacity: 0.5;
	
  }

  .illustration3-wrap.floating-illustration3.top-right {
	top: -28%;
	right: 0;
  }
  .illustration3-wrap.floating-illustration3.centre-left {
	width: 60%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  }

  @media screen and (max-width:1014px)   {
	.botao-reserva-festas {
		width:60%;
		margin-left:18%;
		padding:5px;
		font-size:11px;
		  
	}

	#cabec {
		height: 125px;
		
	}

	#principal {
		top:165px;
	}

	.anchor {
		top:-165px;
	}
	
  }

   @media screen and (max-width:860px)   {
	  #cabec_logo {
		  width: 20%;
	  }

  } 

  @media screen and (max-width:768px) and (orientation: landscape)   {
     #bannersuperior {
		 height: 81vh;
	 }
  }
@media screen and (max-width:768px)   {
 
	/* .div_popup {
		left: 0;
		top:0;
		width: 80%; 
		margin-top: 35%; 
		margin-left: 10%;
		z-index:9999;
		pointer-events:all;
	
	} */

	
	
	.illustration-wrap.floating-illustration img.illustration {
		width: 44.65625vw;
		max-width: 90%;
	  }
	
	
	.illustration-wrap.floating-illustration.top-left {
		top: 14.8125vw;
		opacity: 0.5;
		right:21.88vh;
		width: 70%;
		
	  }
	
	  .illustration-wrap.floating-illustration.top-cachoeira {
		top: -.8125vw;
		opacity: 0.5;
		right: 1.188vh;
		
	  }
		  .illustration-wrap.floating-illustration.center-left {
		top: -19.8125vw;
		opacity: 0.5;
		right:3.88vh;
		
	  }
	
	  .illustration-wrap.floating-illustration.top-right {
		top: 78.8125vw;
		opacity: 0.5;
		right:32.88vh;
		
	  }
	
	  .illustration-wrap.floating-illustration.center-hist {
		top: 45.8125vw;
		opacity: 0.5;
		right:1.88vh;
		
	  }	

	  .illustration-wrap.floating-illustration.top-analandia {
		top: -25.8125vw;
		opacity: 0.5;
		right: 1.88vh;
		
	  }
	  	.desktop {
		display: none;
	}
	.mobile {
		display: inline;
	}
	
	  #cabec {
		  height: 120px;
		  top:0px;
		  
	  }
	
	#cabec_logo {
		  width: 21%;
		  margin-right:1%;
	  
		  }
	  
    #cabec_menu_red {
			width: 60%;
			margin-top:4%;
		}
	
		ul.topnav li a {
			 font-size: 12px;
			 letter-spacing: 0.046em; 
			 line-height: 14px; 
		}

		.menu-button {
			left: 78%;
			padding-top: 3%;
		}

		.bar2 {
			
			width: 50px;
			height: 1px;
		
			left:25%;
			margin-top:5%;
		}	
    .reservas {
display: none;		}
	
     #principal {
			  top:130px;
  		}
	  
  .anchor {
	  top: -130px;
	   }
  
   #bannersuperior {
		width: 94%;
		margin-left: 1%;
		margin-right: 1%;
		height: 34vh;
		}
  
		.col_50ev {
			float: none;
			width:100%;
		}
	
   .col_50e {
		float: none;
		width: 96%;
	}
	
	.col_50d {
		float: none;
		width: 96%;
	}
	
	.botao_reserva {
		width: 45%;
		margin-left:7%;
		font-size: 11px;
	
	  }

	  .botao-reserva-camping, .botao-reserva-festas {
		width:80%;
		margin-left:8%;
		padding:5px;
		font-size:11px;
		  
	}
  
	#box_esq_3 {
		width:47%;
		padding:1.5%;
	
		}
		#box_esq_3_e {
		  width:47%;
		  padding:1.5%;
	  
		  }
	
		  #box_esq_3_d {
			  width:47%;
			  padding:1.5%;
	  
			  }
  
	  .col20e{
		  padding-left:7%;
		  width:7%;
	  }
	  
	  .col20d{
		  padding-right:5%;
		  width:7%;
		  
	  }
	  
	  .col60c{
		  width:66%;
		  line-height:18px;
		  font-size:12px;
	  }
	  
	  
  
	  .button {
		  width: 70%;
		  margin: 10px 2px 10px 15%;
		  background-color: #fff;
			}
		  
		  
	  
	  
		H1 {
			font-size: 32px;
			letter-spacing: 0.0098em;
			line-height: 36px;
		
	  }
	  
	#coluna40, #coluna60 {
		font-size: 12px;
		float:none;
		width:98%;
	}	  
	  
	  
	  
	  #linha {
		  font-size:14px; 
		  letter-spacing: 0.05em; 
		  line-height:21px; 
	  
	  }
	   
  #nome_box {
	  border:solid;
	  border-color:#492614;
	  border-width:1px;
	  text-align:center;
	  color:#492614;
	  font-family: 'Nunito', sans-serif;
	  text-decoration:none;
	  font-size:12px;
	  padding-top:6px;
	  padding-bottom:6px;
	  
  }
  
  
  #texto {
	  font-size:13px; 
	  letter-spacing: 0.4px; 
	  line-height:20px; 
  }
  
  
  
  
  #box_esq {
	  width:36%;
	  padding:5%;
	  margin-left:3%;
	  background-color:#FFF;
	  margin-bottom:12px;
	  }
  
	  .produtos,.rodape-linha{
		  padding-left:2%;
		  padding-right:2%;
		  }
  
		  
  .col1-3{
	  width:80%;
	  margin-left: 10%;
	  margin-right: 10%;
	  float:none;
	  padding:0px;
  }
  
  .col2-3{
	  width:80%;
	  margin-left: 10%;
	  margin-right: 10%;
	  float:none;
	  padding:0px;
	  margin-bottom:5%;
  }
  
  .col3-3{
	  width:80%;
	  margin-left: 10%;
	  margin-right: 10%;
	  float:none;
	  padding:0px;
  }
  
  .col35 {
	  width:64%;
	  float:none;
	  padding-left:18%;
	  padding-right: 18%;
  }
  
  .col35d {
	  width:64%;
	  float:none;
	  padding-left:18%;
	  padding-right: 18%;
  }
  
  .col45 {
	  width:84%;
	  float:none;
	  padding-left:8%;
	  padding-right: 8%;
	  font-size: 12px;
  
  }
  .col45d {
	  width:84%;
	  float:none;
	  padding-left:8%;
	  padding-right: 8%;
	  font-size: 12px;
  
  }
  
  .col65 {
	  width:90%;
	  float:none;
	  padding-left:5%;
	  padding-right: 5%;
  
  }
  
  
  #box_esq_r {
	  width:90%;
		  float:none;
		  height:auto;
		  padding-left:5%;
		  padding-right: 5%;
		  padding-bottom: 0px;
		  text-align: center;
		  font-size: 12px;
		  line-height: 18px;
  }
  
  }
  
  @media screen and (max-width:580px)   {

	#cabec_logo {
		width: 24%;
		
	}
	
	#texto {padding-left: 5%; padding-right: 5%;}

	.botao-menu2 {
		width:19%;
		margin-left:3%;
		margin-top:5px;
		font-size: 10px;
		letter-spacing: 0.0698em;
		padding: 5px;
		  
	}
	
}
  
  @media screen and (max-width:480px)   {

	#cabec_logo {
		width: 28%;
		
	}

	.menu-button {
		left: 74%;
		padding-top: 5%;
	}

  }
  
  @media screen and (max-width:410px)   {

	#cabec_logo {
		width: 34%;
		
	}

	.menu-button {
		padding-top: 7%;
	}

  }

  @media screen and (max-width:380px)   {

	#cabec_logo {
		width: 35%;
		
	}

	.menu-button {
		left: 70%;
		padding-top: 9%;
	}

	#cabec {
		height:100px;
	}

	#principal {
		top:110px;
	}

	.botao-menu2 {
		width:18%;
		margin-left:3%;
		margin-top:5px;
		font-size: 8px;
		letter-spacing: 0.0698em;
		padding: 5px;
		  
	}

	}