.mapa{width: 100%;}


@media(max-width:320px){
	#Div_flutuante_wpp{position:fixed;top: 60%;right:5%;}
	#whatsapp_div{height: 55px;width: 55px;}
	.wpp_icon{width: 55px;height: 55px;}
	.wpp_icon:hover{opacity:0.7;}
}

@media(max-width:410px){
	#Div_flutuante_wpp{position:fixed;top: 70%;right:6%;}
	#whatsapp_div{height: 55px;width: 55px;}
	.wpp_icon{width: 55px;height: 55px;}
	.wpp_icon:hover{opacity:0.7;}
}

@media (max-width: 440px){
	#Div_flutuante_wpp{position:fixed;top: 80%;right:4.5%;}
	.texto_flutuante{display: none;}
	#whatsapp_div{height: 55px;width: 55px;}
	.wpp_icon{width: 55px;height: 55px;}
	.wpp_icon:hover{opacity:0.7;}
}

@media (max-width: 480px) and (orientation : portrait) {
	.galeria{
		display: none;
	}
	.pacotes-mobile{
		margin-top: 120px !important;
		
	}
}


@media (max-width: 540px){
	#Div_flutuante_wpp{position:fixed;top: 80%;right:4.5%;}
	#whatsapp_div{height: 55px;width: 55px;}
	.wpp_icon{width: 55px;height: 55px;}
	.wpp_icon:hover{opacity:0.7;}
}

@media (max-width: 570px){
	#Div_flutuante_wpp{position:fixed;top: 80%;right:4.5%;}
	#whatsapp_div{height: 55px;width: 55px;}
	.wpp_icon{width: 55px;height: 55px;}
	.wpp_icon:hover{opacity:0.7;}
}

/* Telefone em landscape a tablet em portrait */
@media (max-width: 800px) and (orientation : portrait) {
	.galeria{
		display: none;
	}
	.hostel{
		display: none;
	}
	
	#rodape-logos{
		display: none;
	}
	
	.hostelMobile{
		display: block !important;
		background-color: #ffffc9;
	}
	
	.rodape{
		background-image: none !important;
		background-color: #00eaff;
		height: 130% !important;
	}
	
	.mapa{
		display: none;
	
	}
	
	#slider{
    list-style:none;
    height:180px;          
	 }                
               
               
	.pacotes-mobile{
		margin-top: 300px ;
		background-color: #ffffc9;
	border-radius: 15px;
	border-color: #00508e;
	}
	
	
	#slider li{
	               position: absolute;
	               z-index: 0;
	               display:none;
	            }                
	           
	 #slider li.sliderActive{
	                z-index: 1;
	                margin-left: -40px;
	            }
	            
	#slider img{
					width:120%;
				} 
	            

	#hostel_next{
		margin-top: 60px;
		border: none;
	}	

	#hostel_preview{
		margin-top: 60px;
		border: none;
	}		
	
}

@media (max-width: 800px) and (orientation : landscape) {
	.pacotes-mobile{
		margin-top: 120px;		
	}
}

@media (max-width: 800px) and (orientation : landscape) {
	.hostel{
		display: none;
	}
	
	#rodape-logos{
		display: none;
	}
	
	.hostelMobile{
		display: block !important;
		background-color: #ffffc9;
	}
	
	.rodape{
		background-image: none !important;
		background-color: #00eaff;
		height: 700px !important;
	}
	
	.mapa{
		display: none;	
	}
	#hostel_next{
		margin-top: 100px;
		border: none;
	}	

	#hostel_preview{
		margin-top: 100px;
		border: none;
	}	
	
	.pacotes-mobile{
		margin-top: 180px ;
		background-color: #ffffc9;
	border-radius: 15px;
	border-color: #00508e;
	}
	
	#slider{
    list-style:none;
    height:180px;          
	 }                
               
	#slider li{
	               position: absolute;
	               z-index: 0;
	               display:none;
	            }                
	           
	 #slider li.sliderActive{
	                z-index: 1;
	                margin-left: -35px;
	            }
	            
	#slider img{
					width:120%;
				} 
}



/* tablet em portrait a landscape e desktop */





@media (min-width: 768px) and (max-width: 1024px) { 
	.rodape{
		background-image: none !important;
		background-color: #00eaff;
	}

}


/* Desktop grande */
@media (min-width: 1025px) { 
	 body{
		margin:0 auto;
		
	}
 }


 
 
 /* TODOS */
 
 .galeria{
	color:#006837 !important;
	font:26px bitterregular, Arial, Tahoma, Sans-serif;
	letter-spacing: 1px;
}
 
body{
	margin:0 auto;
	position: relative;
	display: flex; flex-direction: column; align-items: center;
}

body > *{max-width: 1366px;}
	

.banners_principais{
	width:100%; max-width: none !important; float: left;
}

.banners_principais img{object-fit: cover; width: 100%; height: 550px;}

.hostel{
	background-color: #ffffc9;
	
}

.hostel img{
	border-radius: 20px;
}

.hostelMobile img{
	border-radius: 20px;
}

#nossoHostel{
	margin-top: 20px;
	margin-bottom: 20px;
	
}

#nossoHostel img{
	border-radius: 0;
	margin-top: 75px;
}


#hostelDescricao{
	font:15px exomediun, Arial, Tahoma, Sans-serif;
	color: #5a5a5a;
	margin-top: 75px;
	line-height: 1.5;
	text-align: justify; text-align-last: center;
}

.pacotes{
	background-color: #ffffc9;
	border-radius: 15px;
	border-color: #00508e;
	margin-top: 50px;
	margin-bottom: 70px;
}

.pacotes h3{
	font:20px exomediun, Arial, Tahoma, Sans-serif;
	color: #00508e;
	margin-top: 5px;
	letter-spacing: 2px;
}

.pacotes p{
	font:15px exomediun, Arial, Tahoma, Sans-serif;
	color: #5a5a5a;
	text-align: justify; text-align-last: center;
}

.hostelMobile{
	display: none;
}


.galeria{
	margin-top: 20px;
}


.rodape{
	background-image: url('../img/rodape/fundo.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 650px;
	
}

#rodape-faleconosco{
	margin-top: 90px;
	margin-bottom: 20px;
}

.form-control{
	border-radius: 0;
	font:18px tililiumlight, Arial, Tahoma, Sans-serif;
	border: 1px solid #0f754a;
}


#enviar{
	margin-top: -20px;
	
	
}

textarea{
	resize: none;
}


#cadastur {
	margin-top: 15px;
}

#abeta{
	margin-top: 15px;
}

#rodape-contatos{
	font:18px exodemi, Arial, Tahoma, Sans-serif;
	color: #065d2e;
	text-decoration: none;
	letter-spacing: 1px;
}
a:link {
   color: #065d2e;
}

/* link que foi visitado */
a:visited {
    color: #065d2e;
}


.btnTodasAventuras{
	margin-top: 30px;
}

.btnTodasAventuras p{
	background-color: #ffffa5;
	width: 50%;
	font: 18px bitter;
	color: #006837;
}


/* FIM RODAPE */



#linhaverde{
	background-color: #006837;
	padding: 3px;
	width: 100%;
	max-width: none;
}

/* FONTES */

@font-face {
     font-family: tililiumlight;
     src: url('../fonts/Titillium-LightUpright.otf');
}

@font-face {
     font-family: exodemi;
     src: url('../fonts/exo.demi-bold-italic.otf');
}

@font-face {
     font-family: exomediun;
     src: url('../fonts/Exo-Medium.otf');
}

@font-face {
     font-family: titilliumsemibolditalic;
     src: url('../fonts/Titillium-SemiboldItalic.otf');
}

@font-face {
     font-family: bitterbold;
     src: url('../fonts/Bitter-Bold_0.otf');
}

@font-face {
     font-family: bitterregular;
     src: url('../fonts/Bitter-Regular_0.otf');
}

#Div_flutuante_wpp{position:fixed;top: 93%;right:0.5%;z-index:4; background-color: #006837;padding: 3px 3px 3px 3px;width: 300px;height: 62px;border-radius: 15px; color: white; text-align: left; font-size: 20px;line-height: 60px;}
#whatsapp_div{height: 55px;width: 50px;     float: right; margin-top:-3px;}
.texto_flutuante{color: white; margin-left: 5px; font-size: 16px; text-align: center;}

.wpp_icon{width: 50px;height: 50px;}
.wpp_icon:hover{opacity:0.7;}