#map { position:relative; }
.section-overlap-img img, .section-overlap-img video { object-fit: fill; }
.mobile { display:none; }
#google-maps { float:left; display:flex; margin-top: -2em; margin-bottom: 2em; }
#gmap-image { max-width: 60px; margin-right: 1em; }
#gmap-text { align-content: center; max-width: 70%; color: #003c3a; font-weight: 600; }
#legenda { border-top: 2px solid #003c3a; border-bottom: 2px solid #003c3a; padding-top: 2em; padding-bottom: 2em; display:inline-flex; flex-wrap: wrap; gap: 25px; }
#block-legenda { flex: 0 1 calc(25% - 20px); box-sizing: border-box; align-items: center; display:inline-flex; align-items: center; }
#icon-legenda { width: 40px; margin-right: 1em; }
#block-legenda p { font-weight: bold; color: #003c3a; }
.section-light { background: #ffeb50; }
#city-name-varena { color: #003c3a; margin-bottom: 0.5em; }

.icon-text-row {
  display: flex;
  align-items: center;
  padding: 10px;
  max-width: 330px;
}

.icon-text-row img {
  width: 40px;
  height: 40px;
  margin-right: 1em;
  flex-shrink: 0;
  animation: pulsate-bck-normal 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s infinite normal none;
}

.icon-text-row a {
  margin: 0;
  font-weight: bold;
  text-decoration: underline;
  color: #003c3a;
}

.icon-text-row-category {
  display: flex;
  align-items: center;
  padding: 6px;
  max-width: 270px;
  margin-bottom: 1em;
}

.icon-text-row-category img {
  width: 40px;
  height: 40px;
  margin-right: 1em;
  flex-shrink: 0;
  animation: pulsate-bck-normal 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s infinite normal none; 
}

.icon-text-row-category a {
  margin: 0;
  font-weight: bold;
  text-decoration:underline;
  color: #003c3a;
  font-size: 13px;
}

@keyframes pulsate-bck-normal {0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1);} }

#no-bold { font-weight: 400; margin-left: 5px; }
#description { color: #003c3a; margin-top: 3em; }
#desc { color: #003c3a; }
#category-name { color: #003c3a; font-weight: bold; text-transform: uppercase; margin-top: 1em; }
#bordered { border-top: 2px solid #003c3a; border-bottom: 2px solid #003c3a; padding-top: 1em; padding-bottom: 0em; margin-top: 1em; margin-bottom: 2em; }
#foto { height: 400px; width: 100%; border-radius: 25px; object-fit: cover; object-position: 0em -6em; margin-top: 1em; }
#foto2 { height: 400px; width: 100%; border-radius: 25px; object-fit: cover; object-position: 0em -20em; margin-top: 1em; }
#foto3 { height: 400px; width: 100%; border-radius: 25px; object-fit: cover; object-position: 0em -13em; margin-top: 1em; }
#foto4 { height: 400px; width: 100%; border-radius: 25px; object-fit: cover; object-position: 0em -4em; margin-top: 1em; }
figure.image { width: 100%; margin-bottom: 2em; }
#tices { margin-top: 1em; }
.tic-block { display:flex; align-items: center; }
.tic-block img { width: 40px; margin-right: 0.5em; }
.tic-block p { align-items: center; }
.tic-block a { margin-left: 3px; margin-right: 3px; color: #003c3a; }

#pin1 {

	width: 40px;

	position: absolute;

	top: 31%;

	left: 72%;

	transition: 0.5s;

	z-index: 1;

}
#pin1:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin2 {

	width: 40px;

	position: absolute;

	top: 27%;

	left: 79.2%;

	transition: 0.5s;

}



#pin2:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin3 {

	width: 40px;

	position: absolute;

	top: 17.2%;

	left: 79.2%;

	transition: 0.5s;

	z-index: 1;

}



#pin3:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin4 {

	width: 40px;

	position: absolute;

	top: 23%;

	left: 77%;

	transition: 0.5s;

}



#pin4:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin5 {

	width: 40px;

	position: absolute;

	top: 20%;

	left: 76.4%;

	transition: 0.5s;

	z-index: 1;

}



#pin5:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin6 {

	width: 40px;

	position: absolute;

	top: 22%;

	left: 74.9%;

	transition: 0.5s;

}



#pin6:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin7 {

	width: 40px;

	position: absolute;

	top: 17%;

	left: 76.5%;

	transition: 0.5s;

}



#pin7:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin8 {

	width: 40px;

	position: absolute;

	top: 18%;

	left: 73.7%;

	transition: 0.5s;

}



#pin8:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin9 {

	width: 40px;

	position: absolute;

	top: 25.6%;

	left: 76.4%;

	transition: 0.5s;

}



#pin9:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin10 {

	width: 40px;

	position: absolute;

	top: 25%;

	left: 74.5%;

	transition: 0.5s;

	z-index: 1;

}



#pin10:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin11 {

	width: 40px;

	position: absolute;

	top: 12.2%;

	left: 77%;

	transition: 0.5s;

	z-index: 1;
}



#pin11:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin12 {

	width: 40px;

	position: absolute;

	top: 25%;

	left: 68%;

	transition: 0.5s;

	z-index: 1;
}



#pin12:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin13 {

	width: 40px;

	position: absolute;

	top: 16%;

	left: 77.9%;

	transition: 0.5s;

	z-index: 1;
}



#pin13:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin14 {

	width: 40px;

	position: absolute;

	top: 66%;

	left: 44%;

	transition: 0.5s;

	z-index: 1;
}



#pin14:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin15 {

	width: 40px;

	position: absolute;

	top: 78.3%;

	left: 43.4%;

	transition: 0.5s;

	z-index: 1;
}



#pin15:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin16 {

	width: 40px;

	position: absolute;

	top: 93%;

	left: 53.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin16:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin17 {

	width: 40px;

	position: absolute;

	top: 77.1%;

	left: 64.3%;

	transition: 0.5s;

	z-index: 1;
}



#pin17:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin18 {

	width: 40px;

	position: absolute;

	top: 83.1%;

	left: 56.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin18:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin19 {

	width: 40px;

	position: absolute;

	top: 82.8%;

	left: 60.7%;

	transition: 0.5s;

	z-index: 1;
}



#pin19:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin20 {

	width: 40px;

	position: absolute;

	top: 80%;

	left: 56.4%;

	transition: 0.5s;

	z-index: 1;
}



#pin20:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin21 {

	width: 40px;

	position: absolute;

	top: 85.5%;

	left: 55.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin21:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin22 {

	width: 40px;

	position: absolute;

	top: 82%;

	left: 58.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin22:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin23 {

	width: 40px;

	position: absolute;

	top: 80.4%;

	left: 59.7%;

	transition: 0.5s;

	z-index: 1;
}



#pin23:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin24 {

	width: 40px;

	position: absolute;

	top: 79%;

	left: 58%;

	transition: 0.5s;

	z-index: 1;
}



#pin24:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin25 {

	width: 40px;

	position: absolute;

	top: 88.2%;

	left: 57%;

	transition: 0.5s;

	z-index: 1;
}



#pin25:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin26 {

	width: 40px;

	position: absolute;

	top: 85.7%;

	left: 53.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin26:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin27 {

	width: 40px;

	position: absolute;

	top: 82.8%;

	left: 54.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin27:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin28 {

	width: 40px;

	position: absolute;

	top: 6.5%;

	left: 27.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin28:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin29 {

	width: 40px;

	position: absolute;

	top: 20.2%;

	left: 26.8%;

	transition: 0.5s;

	z-index: 1;
}



#pin29:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin30 {

	width: 40px;

	position: absolute;

	top: 18%;

	left: 28.8%;

	transition: 0.5s;

	z-index: 1;
}



#pin30:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin31 {

	width: 40px;

	position: absolute;

	top: 10.5%;

	left: 30%;

	transition: 0.5s;

	z-index: 1;
}



#pin31:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin32 {

	width: 40px;

	position: absolute;

	top: 12%;

	left: 31.4%;

	transition: 0.5s;

	z-index: 1;
}



#pin32:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin33 {

	width: 40px;

	position: absolute;

	top: 9.5%;

	left: 36%;

	transition: 0.5s;

	z-index: 1;
}



#pin33:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin34 {

	width: 40px;

	position: absolute;

	top: 16.5%;

	left: 30.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin34:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin35 {

	width: 40px;

	position: absolute;

	top: 20%;

	left: 30%;

	transition: 0.5s;

	z-index: 1;
}



#pin35:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin36 {

	width: 40px;

	position: absolute;

	top: 13.5%;

	left: 25.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin36:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin37 {

	width: 40px;

	position: absolute;

	top: 15.5%;

	left: 28.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin37:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin38 {

	width: 40px;

	position: absolute;

	top: 20.8%;

	left: 28.4%;

	transition: 0.5s;

	z-index: 1;
}



#pin38:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin39 {

	width: 40px;

	position: absolute;

	top: 26.5%;

	left: 30.9%;

	transition: 0.5s;

	z-index: 1;
}



#pin39:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin40 {

	width: 35px;

	position: absolute;

	top: 23%;

	left: 27.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin40:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin41 {

	width: 35px;

	position: absolute;

	top: 18.2%;

	left: 31.7%;

	transition: 0.5s;

	z-index: 1;
}



#pin41:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin42 {

	width: 35px;

	position: absolute;

	top: 13.3%;

	left: 27.2%;

	transition: 0.5s;

	z-index: 2;
}



#pin42:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin43 {

	width: 35px;

	position: absolute;

	top: 15.5%;

	left: 32%;

	transition: 0.5s;

	z-index: 1;
}



#pin43:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin44 {

	width: 35px;

	position: absolute;

	top: 10.2%;

	left: 25.5%;

	transition: 0.5s;

	z-index: 3;
}



#pin44:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin45 {

	width: 35px;

	position: absolute;

	top: 23.5%;

	left: 28.9%;

	transition: 0.5s;

	z-index: 1;
}



#pin45:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin46 {

	width: 35px;

	position: absolute;

	top: 20.8%;

	left: 32.9%;

	transition: 0.5s;

	z-index: 1;
}



#pin46:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin47 {

	width: 35px;

	position: absolute;

	top: 21.9%;

	left: 31.4%;

	transition: 0.5s;

	z-index: 1;
}



#pin47:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

#pin48 {

	width: 35px;

	position: absolute;

	top: 16.5%;

	left: 35.5%;

	transition: 0.5s;

	z-index: 1;
}



#pin48:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin49 {

	width: 35px;

	position: absolute;

	top: 11.5%;

	left: 23.9%;

	transition: 0.5s;

	z-index: 1;
}



#pin49:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}
#pin50 {

	width: 35px;

	position: absolute;

	top: 13.5%;

	left: 30.2%;

	transition: 0.5s;

	z-index: 1;
}



#pin50:hover {

	margin-top: -5px;

	-webkit-filter: drop-shadow(8px 11px 2px rgba(72, 72, 72, 0.5));

}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {


 
}
@media only screen and (max-width: 600px) {
.fs-4 { margin-bottom: 2em; }
.section-overlap-img img, .section-overlap-img video { object-fit:cover; }
#snazz { height: 400px; }
.mobile { display:block; }
#map { display:none; }
#margin { margin-top:0; }
#route-but1 { margin-bottom: -4em; }
#google-maps { margin-top: -2em; float:none; justify-content: center; margin-bottom: 1em; }
#legenda { gap: 10px; }
#block-legenda { flex: 0 1 calc(53% - 20px); }
#icon-legenda { width: 35px; }
#gmap-image { max-width: 45px; }
.icon-text-row-category { max-width: 200px; }
#foto { object-position: center; height: 250px; }
#foto2 { object-position: center; height: 250px; }
#foto3 { object-position: center; height: 250px; }
#foto4 { object-position: center; height: 250px; }
#desc { text-align: justify; }
.tic-block { display:initial; margin-top: 1em; }
#description { margin-top: 1em; }
#pin1 img { width: 40px!important; height:40px!important; }
#pin2 img { width: 40px!important; height:40px!important; }
#pin3 img { width: 40px!important; height:40px!important; }
#pin4 img { width: 40px!important; height:40px!important; }
#pin5 img { width: 40px!important; height:40px!important; }
#pin6 img { width: 40px!important; height:40px!important; }
#pin7 img { width: 40px!important; height:40px!important; }
#pin8 img { width: 40px!important; height:40px!important; }
#pin9 img { width: 40px!important; height:40px!important; }
#pin10 img { width: 40px!important; height:40px!important; }
#pin11 img { width: 40px!important; height:40px!important; }
#pin12 img { width: 40px!important; height:40px!important; }
#pin13 img { width: 40px!important; height:40px!important; }
#pin14 img { width: 40px!important; height:40px!important; }
#pin15 img { width: 40px!important; height:40px!important; }
#pin16 img { width: 40px!important; height:40px!important; }
#pin17 img { width: 40px!important; height:40px!important; }
#pin18 img { width: 40px!important; height:40px!important; }
#pin19 img { width: 40px!important; height:40px!important; }
#pin20 img { width: 40px!important; height:40px!important; }
#pin21 img { width: 40px!important; height:40px!important; }
#pin22 img { width: 40px!important; height:40px!important; }
#pin23 img { width: 40px!important; height:40px!important; }
#pin24 img { width: 40px!important; height:40px!important; }
#pin25 img { width: 40px!important; height:40px!important; }
#pin26 img { width: 40px!important; height:40px!important; }
#pin27 img { width: 40px!important; height:40px!important; }
#pin28 img { width: 40px!important; height:40px!important; }
#pin29 img { width: 40px!important; height:40px!important; }
#pin30 img { width: 40px!important; height:40px!important; }
#pin31 img { width: 40px!important; height:40px!important; }
#pin32 img { width: 40px!important; height:40px!important; }
#pin33 img { width: 40px!important; height:40px!important; }
#pin34 img { width: 40px!important; height:40px!important; }
#pin35 img { width: 40px!important; height:40px!important; }
#pin36 img { width: 40px!important; height:40px!important; }
#pin37 img { width: 40px!important; height:40px!important; }
#pin38 img { width: 40px!important; height:40px!important; }
#blimp { margin-bottom: 5px; }
#pin9 { top: 77%; }
#pin10 { top: 52%; }
#pin29 { left: 42.6%; }
#photo-cover { border-radius: 35px; }
#marsrutas-title { font-size: 16px; }
#marsruto-blimp { width: 50px; }
#rectangle-photo { border-radius: 30px; }
#marsrutas-title-dark { font-size: 16px; }
}