.place-header.guide { width: 100%; margin: 0 auto; position: relative;}
.place-header.guide img { display: block; position: relative; z-index: 1;}
.place-header.guide .logomd {  position: absolute; top: 5%; left: 43%; z-index: 9;}
.place-header.guide .logomd, .header_singleguide .logomd { width: 14%; margin: 0 auto; text-align:center; z-index: 9;}
.place-header.guide .logomd img, .header_singleguide  .logomd img { width: 100%; height: auto; margin: 0 auto;}
.titulo-places-guide { position: absolute; width: 100%; margin: 0 auto; top: 40%; text-align:center; z-index: 9;}
.titulo-places-guide h2 { font-size: 5.857vw; color: #fff; line-height: 1em; margin: 0 auto 0.5em; }
.titulo-places-guide .descricao { margin: 0 auto; color: #fff !important; width: 80%; max-width: 720px; }
#places-filter-guide { position: absolute; width: 100%; margin: 0 auto; z-index: 9; bottom: 7%; }
#places-filter-guide a { color: #fff !important;  width: 18%; text-align: center; display: inline-block; font-size: 1.2em !important;}
.flecha { width: 10% !important; margin: 1em auto 0;}
#places-filter-guide a#all { background: none !important; }
#places-filter-guide a, a:focus { border: none !important; outline: none !important; }
.clear32 { display: block; clear: both; width: 100%; height: 1.875em;}
.clear10 { display: block; clear: both; width: 100%; height: 0.65em;}
.colorido {width: 100%; height: 100%; display: block; position: absolute; top: 0;left: 0; }
.place-item-guide { position: relative; 
    width: 30.83% !important; float: left; margin: 0 1.25% 1.875em !important; 
   padding-top: 30.83%; /* 1:1 Aspect Ratio */
}
.place-item-guide .container-item {   position: relative;  }
.wrap-titulo { position: absolute; top: 18%; left: 13%; width: 74%; height: 70%; z-index: 9;   }
.wrap-titulo h2 { text-align:left; line-height: 1em !important; margin: 0 0 1em; color: #fff; letter-spacing: 0 !important; }
.wrap-titulo .wrap-h2 { width: 50%; min-height: 80%;}
.wrap-titulo .categoria, .wrap-info p, .content_place_guide p, .titulo-places-guide .descricao  { font-size: 1.2em !important; color: #fff !important;  }
.wrap-titulo .categoria, .wrap-info p, .content_place_guide p {  margin: 0; text-align: left; }
.wrap-info, .endereco a, .endereco, .content_place_guide, .content_place_guide p, .content_place_guide p a {  color: #fff !important; }
.places-container.guide-container { margin: 0 auto 3em !important;}


.wrap-image-place { width: 100%; margin: 0; display: block; position: relative; }
.wrap-info {width: 31.5%; float: left; margin: 0 1.8% 0 0;}
.wrap-image-place .place_image1, .wrap-image-place .place_image2 { width: 31.5%; float: left; margin: 0 0 0 1.83%; padding: 0;}
.wrap-image-place .place_image2 { float: right; }
.wrap-image-place .place_image1 img, .wrap-image-place .place_image2 img { width: 100%; display: block; height: auto;}
.wrap-info .endereco {  position: absolute; bottom: 0; width: 30%; margin: 0; left: 0; }
.wrap-info .categoria {  position: absolute; top: 50%; width: 30%; margin: 0; left: 0; }
.wrap-info h1 { margin: 0; line-height: 1em !important; width: 50%; min-height: 80%;}
.endereco p, .wrap-info p { margin: 0; line-height: 1.5em; }
.content_place_guide  { width: 60%; margin: 3em 0 5em 35.16%;}
.header_singleguide { margin: 1.25em auto 0 !important; width: 100%; display: block; }
#places-filter-guide a.active .flecha,
#places-filter-guide a:hover .flecha {  transition: all .3s ease-in;
	-moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);}
.cerrar { width: 100%; float: right; text-align:right;}
.cerrar h3 { font-size: 2em; }
.outer { float: right; position: relative; width: 28px; cursor: pointer;}
.inner { width: 100%; text-align:center;}
label { text-align:center; font-size: .5em;  line-height: 28px !important;
  text-transform: uppercase; color: #fff;
  transition: all .3s ease-in; opacity: 0; cursor: pointer;}

.inner:before, .inner:after {
  position: absolute;
  content: '';
  height: 2px;
  width: inherit;
  background: #fff;
  left: 0;
  transition: all .3s ease-in;
}

.inner:before {
  top: 50%; 
  transform: rotate(45deg);  
}

.inner:after {  
  top: 50%;
  transform: rotate(-45deg);  
}

.outer:hover label {
  opacity: 1;
}

.outer:hover .inner:before,
.outer:hover .inner:after {
  transform: rotate(0);
}

.outer:hover .inner:before, .outer:hover .inner:after {
 bottom: 0; top: auto !important;
}


/* Base Styles */
#cssmmenu,
#cssmmenu ul,
#cssmmenu li,
#cssmmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 1em;
  position: relative;
}
#cssmmenu {
  width: 100%;
  border: none;
  padding: 0 1.5%; 
}
#cssmmenu a {
  line-height: 1.3;
}

#cssmmenu > ul > li:first-child > a {
  min-height: 30px;
}

#cssmmenu > ul > li > a {
  font-size: 1.1em;
  display: block;
}
#cssmmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmmenu > ul > li.active {
  border-bottom: none;
}

#cssmmenu ul ul {
  display: none; margin-bottom: 1em;
}
#cssmmenu ul ul li {
  padding: 0;
}
#cssmmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmmenu ul ul a {
  padding: 0.5em 0 1em;
  display: block;
  color: #000;
  font-size: 1.1em;
  font-weight: normal;
}
#cssmmenu ul ul a:hover {
  color: #000 !important;
}

#nav-button {
  cursor: pointer;
  position: relative;
  left: 0;
  top: 50%;
  padding: 10px 40px 15px 0px;
}

#nav-button span,
#nav-button span:after,
#nav-button span:before {
  transition: all 500ms ease-in-out;
  border-radius: 1px;
  height: 2px;
  width: 28px;
  background: white;
  position: absolute;
  display: block;
  content: "";
  background: #000;
}

#nav-button span:before {
  top: -8px;
}
#nav-button span:after {
  bottom: -8px;
}

.activamos #nav-button span {
  background-color: transparent;
}

.activamos #nav-button span:before,
.activamos #nav-button span:after {
  top: 0;
}

.activamos #nav-button span:after {
  transform: rotate(-45deg);
}

.activamos #nav-button span:before {
  transform: rotate(45deg);
}
.single-places.single-format-image #container {
    height: 100vh !important;
}

@media (min-width: 1367px) {
	.wrap-titulo h2, .wrap-info h1 { font-size: 50px !important; } 
	}
	
	@media (max-width: 1366px) {
	.wrap-titulo h2, .wrap-info h1{ font-size: 3.660vw !important; } 
	}


@media (max-width: 660px) { 
.place-header.guide .logomd { width: 24%; left: 38%;  }
.header_singleguide .logomd { width: 24% !important;}
.titulo-places-guide h2 { font-size: 9vw;  }
.titulo-places-guide .descricao {  width: 90%; }
#places-filter-guide a { width: 19%; text-align: center; display: inline-block; font-size: 0.7em !important;}
.clear32 {  height: 1.5em;}

}

@media (max-width: 770px) { 

.place-item-guide { 
    width: 47.5% !important; float: none; margin: 0 1.25% 1.875em !important;  
   padding-top: 45%; /* 1:1 Aspect Ratio */
}
.wrap-titulo h2, .wrap-info h1 { font-size: 5.5vw !important; }
.titulo-places-guide h2 { font-size: 6vw !important; }
.wrap-titulo .categoria, .wrap-info p, .content_place_guide p, .titulo-places-guide .descricao  { font-size: 1.05em !important; }
#places-filter-guide a { width: 19%; font-size: 1em !important;}

}

@media (max-width: 760px) { 
.wrap-info {width: 50%;margin: 0 50% 2em 0;}
.wrap-info .categoria, .wrap-info .endereco { position: relative; top: auto; width: 100%; margin: 1.5em 0; left: auto; }
.wrap-image-place .place_image1, .wrap-image-place .place_image2 {
    width: 48% !important; margin: 0 3.6% 0 0; padding: 0;}
.wrap-image-place .place_image2 { margin: 0 0 0 0; }
.content_place_guide {
    width: 80%; margin: 3em 0 5em 0;
}
.places.format-image .wrap-posts { width: 90% !important;}
.wrap-titulo .categoria, .wrap-info p, .content_place_guide p, .titulo-places-guide .descricao  { font-size: 1em !important; }
#places-filter-guide a { width: 19.5%; font-size: 0.95em !important;}

}

@media (max-width: 380px) { 

.place-item-guide { 
    width: 90% !important; float: none; margin: 0 5% 1.875em !important; 
   padding-top: 90%; /* 1:1 Aspect Ratio */}
   #cssmmenu {padding: 0 5% !important;}
.wrap-titulo h2, .wrap-info h1 { font-size: 10vw !important;  }
.titulo-places-guide h2 { font-size: 10vw !important; }

.wrap-titulo .categoria, .wrap-info p, .content_place_guide p, .titulo-places-guide .descricao  { font-size: 0.9em !important; }
.outer:hover .inner:before {
  top: auto; bottom: 0;
}
.outer {  width: 18px; }
label { font-size: .45em; line-height: 18px !important; }

}