/*
	Z-INDICES
	-----------------------------
			#info-overlays (e.g., search)
			#photo-overlay (full-screen)
			#registration
	400		#lux-tiles
	300		#login
	300		#main-menu
	220		#logo
	210		#gallery
	210		#map
	200		#map-container
	100		#info-pane-container
	-----------------------------
*/
@font-face {
  font-family: 'Roboto-Black-Italic';
  src: url(/css/fonts/Roboto-Black-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Black';
  src: url(/css/fonts/Roboto-Black.ttf);
}
@font-face {
  font-family: 'Roboto-Bold-Italic';
  src: url(/css/fonts/Roboto-Bold-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url(/css/fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url(/css/fonts/Roboto-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Light-Italic';
  src: url(/css/fonts/Roboto-Light-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Light';
  src: url(/css/fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: 'Roboto-Medium-Italic';
  src: url(/css/fonts/Roboto-Medium-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url(/css/fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url(/css/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: 'Roboto-Thin-Italic';
  src: url(/css/fonts/Roboto-Thin-Italic.ttf);
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url(/css/fonts/Roboto-Thin.ttf);
}
* {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
::placeholder {
  font-family: 'Roboto-Light-Italic';
  color: #d8d3d0;
}
.center {
  text-align: center;
}
.wide {
  width: 100%;
}
a {
  color: #004066;
}
button {
  cursor: pointer;
}
body {
  margin: 0;
  padding: 0;
  background-color: #004066;
  font-family: 'Roboto-Regular';
  font-size: 1rem;
  overflow: hidden;
}
#lux-tiles {
  position: fixed;
  z-index: 400;
  top: 0;
  left: 0;
  border-collapse: collapse;
}
#lux-tiles.portrait {
  width: 100%;
}
#lux-tiles.landscape {
  height: 100%;
}
#lux-tiles td {
  border: 5px solid #d8d3d0;
  padding: 0;
  cursor: pointer;
  position: relative;
  background-color: #004066;
}
#lux-tiles td div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#map-container {
  outline: none !important;
  position: fixed;
  z-index: 200;
  background-color: #004066;
  box-sizing: border-box;
}
#map-container * {
  outline: none !important;
}
#map-container.portrait {
  left: 0px;
  right: 0px;
  border-top: 5px solid #004066;
  /* &.full-screen {bottom:0px;}
		&.half-screen {} */
}
#map-container.landscape {
  top: 0px;
  bottom: 0px;
  border-left: 5px solid #004066;
}
#map-container.landscape.full-screen {
  right: 0px;
}
#map-container.landscape.half-screen {
  /* right:@info-pane-width; */
}
#map-container #logo {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 220;
  display: block;
  width: calc(50px + 15vw);
  height: calc(16.6px + 4.98vw);
  /* height = 33.2% of width */
  min-width: 150px;
  min-height: 49.8px;
  max-width: 400px;
  max-height: 91.2px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  /* &.en {background-image:url(/img/logos/mapa-lux-en.svg);}
		&.es {background-image:url(/img/logos/mapaluxuria-es.svg);}
		&.pt {background-image:url(/img/logos/mapaluxuria-pt.svg);}
		&.fr {background-image:url(/img/logos/mapaluxuria-fr.svg);}
		&.de {background-image:url(/img/logos/mapaluxuria-de.svg);}
		&.it {background-image:url(/img/logos/mapaluxuria-it.svg);}
		&.cs {background-image:url(/img/logos/mapaluxuria-cs.svg);}
		&.pl {background-image:url(/img/logos/mapaluxuria-pl.svg);} */
}
#map-container #logo.en {
  background-image: url(/img/twistmap-vector-logo-en.svg);
}
#map-container #logo.es {
  background-image: url(/img/twistmap-vector-logo-es.svg);
}
#map-container #logo.pt {
  background-image: url(/img/twistmap-vector-logo-pt.svg);
}
#map-container #logo.fr {
  background-image: url(/img/twistmap-vector-logo-fr.svg);
}
#map-container #logo.de {
  background-image: url(/img/twistmap-vector-logo-de.svg);
}
#map-container #logo.it {
  background-image: url(/img/twistmap-vector-logo-it.svg);
}
#map-container #logo.cs {
  background-image: url(/img/twistmap-vector-logo-cs.svg);
}
#map-container #logo.pl {
  background-image: url(/img/twistmap-vector-logo-pl.svg);
}
#map-container #login-register-form {
  display: block;
  margin: 0;
  width: auto;
  padding: 0.75rem 1rem 0.75rem;
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  z-index: 300;
  background-color: #fcf9f4;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: 0px 5px 10px #666;
}
#map-container #login-register-form input,
#map-container #login-register-form button {
  display: inline-block;
  vertical-align: top;
  height: 2rem;
  line-height: 2rem;
  box-sizing: border-box;
}
#map-container #login-register-form input {
  border: 1px solid #d8d3d0;
  border-radius: 3px;
  width: 125px;
  padding-left: 0.5ch;
}
#map-container #login-register-form button {
  background-color: #004066;
  color: #fff;
  font-family: 'Roboto-Bold';
  padding-left: 1ch;
  padding-right: 1ch;
  border-radius: 5px;
}
#map-container #login-register-form button span {
  position: relative;
  top: -0.15rem;
}
#map-container #login-register-form a {
  display: inline-block;
  font-size: 0.9rem;
  margin: 0.75rem 1ch 0;
}
#map-container #main-menu-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 300;
  background-color: #fcf9f4;
  padding: 0.75rem 0.25rem 0.75rem 1rem;
  border-bottom-left-radius: 0.5rem;
  box-shadow: 0px 5px 10px #666;
  text-align: right;
}
#map-container #main-menu-container button {
  display: inline-block;
  height: 1.5rem;
  border: 0;
  vertical-align: top;
  margin-right: 1.5ch;
}
#map-container #main-menu-container button.icon {
  border: 0;
  padding: 0;
  width: 1.5rem;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
}
#map-container #main-menu-container #login-button {
  background-color: #004066;
  color: white;
  border-radius: 5px;
  font-family: 'Roboto-Bold';
  padding-left: 1ch;
  padding-right: 1ch;
}
#map-container #main-menu-container #map-gallery-toggler {
  width: 1.9rem;
  background-size: contain;
}
#map-container #main-menu-container #map-gallery-toggler.map {
  background-image: url(/img/map-icon.svg);
}
#map-container #main-menu-container #map-gallery-toggler.gallery {
  background-image: url(/img/camera-icon.svg);
}
#map-container #main-menu-container #search-button {
  background-image: url(/img/search.svg);
}
#map-container #main-menu-container #menu-toggler {
  background-image: url(/img/menu-opener.svg);
}
#map-container #main-menu-container ul {
  display: none;
  border-top: 2px solid #d8d3d0;
  margin: 1rem 0.75rem 0 0;
  padding: 0.35rem 0 0;
}
#map-container #main-menu-container ul li {
  margin: 0.2rem;
  padding: 0;
  list-style-type: none;
  text-align: right;
  padding: 0.4rem 0;
}
#map-container #main-menu-container ul li a {
  text-decoration: none;
}
#map-container #main-menu-container ul li a.flag {
  background-position: top 1px left 0px;
  background-size: 1.5rem 1rem;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
#map-container #main-menu-container ul li a.flag-en {
  background-image: url(/img/flags/gb.png);
}
#map-container #main-menu-container ul li a.flag-es {
  background-image: url(/img/flags/es.png);
}
#map-container #main-menu-container ul li a.flag-pt {
  background-image: url(/img/flags/pt.png);
}
#map-container #main-menu-container ul li #lang-menu-toggler {
  background-position: top 1px left 0px;
  background-size: 1.5rem 1rem;
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-image: url(/img/language.svg);
  cursor: pointer;
}
#map-container #main-menu-container ul li #logout-form {
  padding: 0;
  margin: 0;
}
#map-container #main-menu-container ul li #logout-form button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #004066;
}
#map-container #map {
  position: absolute;
  z-index: 210;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
#map-container #zoom-message {
  display: none;
  padding: 1rem 2rem 1rem 85px;
  position: absolute;
  left: calc(50% - 100px);
  top: 40%;
  background-color: #004066;
  border-top: 5px solid #ffa526;
  border-left: 5px solid #ffa526;
  border-right: 5px solid #f98b00;
  border-bottom: 5px solid #f98b00;
  border-radius: 5px;
  color: #f9f6ee;
  font-weight: bold;
  font-size: 1.2rem;
  z-index: 250;
  text-align: center;
  background-image: url(/img/magnifying-glass-100.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 20px center;
  box-shadow: 2px 2px 10px 0px #555;
}
#map-container button.open-info-pane {
  display: none;
  /* default; hide until shown */
  height: 2rem;
  width: 8rem;
  border: none;
  background-color: transparent;
  background-image: url(/img/button-background.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  right: 0rem;
  text-align: left;
  box-sizing: border-box;
  color: #fff;
  z-index: 500;
  font-size: 0.9rem;
  padding: 0.2rem 0 0.2rem 1.5ch;
}
#map-container #show-gallery-view {
  bottom: 4rem;
}
#map-container #show-list-view {
  bottom: 1.5rem;
}
#map-container #map-meta {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #004066;
  color: #fff;
  font-size: 0.75rem;
  z-index: 300;
  padding: 0.2rem 0.3rem 0;
}
#info-pane-tabs-container {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  height: 2rem;
  background-color: #004066;
  z-index: 200;
}
#info-pane-tabs-container.portrait {
  bottom: 0;
  border-top: 1px solid #d8d3d0;
}
#info-pane-tabs-container.portrait button.open {
  display: block;
  background-image: url(/img/info-pane-open.svg);
}
#info-pane-tabs-container.portrait button.collapse {
  background-image: url(/img/info-pane-collapse.svg);
}
#info-pane-tabs-container.landscape {
  top: 0;
}
#info-pane-tabs-container.landscape button.open {
  display: none;
}
#info-pane-tabs-container.landscape button.collapse {
  background-image: url(/img/x-out-tan.svg);
  background-size: 0.8rem;
}
#info-pane-tabs-container div.tab-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
#info-pane-tabs-container div.tab-container button.tab {
  display: inline-block;
  background-color: #d8d3d0;
  color: #888360;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0 0.25ch;
  padding: 0.2rem 1ch;
  font-size: 0.9rem;
}
#info-pane-tabs-container div.tab-container button.tab.active {
  background-color: #ede9e0;
  color: #004066;
  font-family: "Roboto-Bold";
  font-weight: bold;
}
#info-pane-tabs-container button {
  border: 0;
}
#info-pane-tabs-container button.open,
#info-pane-tabs-container button.collapse {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0rem;
  height: 100%;
  width: 3rem;
  background-color: transparent;
  background-position: center center;
  background-size: 2rem;
  background-repeat: no-repeat;
}
#info-pane-container {
  background-color: #ede9e0;
  box-sizing: border-box;
  position: fixed;
  z-index: 100;
  bottom: 0px;
  right: 0px;
  overflow-y: auto;
}
#info-pane-container.portrait {
  left: 0px;
  right: 0px;
  /* height:@info-pane-height; */
}
#info-pane-container.landscape {
  border-left: 5px solid #004066;
  top: 0px;
  bottom: 0px;
  /* width:@info-pane-width; */
}
#info-pane-container #listing-profile {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  /* bottom:1rem; */
}
#info-pane-container #listing-profile #listing-loading {
  display: none;
  position: absolute;
  top: 100px;
  left: 50%;
  height: 40px;
  line-height: 40px;
  width: 250px;
  margin-left: -125px;
  z-index: 2000;
  text-align: center;
  font-family: 'Roboto-Bold-Italic';
  background-image: url(/img/loading-bars.gif);
  border: 2px solid #d8d3d0;
  border-radius: 5px;
  color: #004066;
}
#info-pane-container #listing-profile div.management-buttons {
  margin-bottom: 0.5rem;
}
#info-pane-container #listing-profile div.management-buttons a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto-Bold';
  padding: 0.2rem 1ch 0.15rem;
  margin-right: 0.5ch;
  border-radius: 5px;
  background-color: #004066;
  border: 0;
  outline: 0;
}
#info-pane-container #listing-profile div.management-buttons a.admin {
  background-color: #c00;
}
#info-pane-container #listing-profile div.management-buttons a.icon {
  background-position: center center;
  background-size: 1rem;
  background-repeat: no-repeat;
  width: 1rem;
}
#info-pane-container #listing-profile div.management-buttons a.icon.performance {
  background-image: url(/img/stats-icon.svg);
}
#info-pane-container #listing-profile div.management-buttons a.icon.open-graph {
  background-image: url(/img/open-graph-logo-bold-white.svg);
  background-size: 1.3rem 1.3rem;
}
#info-pane-container #listing-profile div.management-buttons a.icon.json {
  background-image: url(/img/json-icon.svg);
  background-size: 1.3rem 1.3rem;
}
#info-pane-container #listing-profile div.general-info {
  display: inline-block;
  margin-right: 2rem;
}
#info-pane-container #listing-profile div.general-info address {
  font-family: 'Roboto-Regular';
  font-style: normal;
}
#info-pane-container #listing-profile div.general-info a {
  display: block;
  margin-top: 0.5rem;
  padding: 0rem 0 0rem 1.5rem;
  text-decoration: none;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
#info-pane-container #listing-profile div.general-info a.whatsapp {
  background-image: url(/img/whatsapp.svg);
}
#info-pane-container #listing-profile div.general-info a.phone {
  background-image: url(/img/voice-call-icon.svg);
}
#info-pane-container #listing-profile div.general-info a.website {
  background-image: url(/img/globe-icon.svg);
}
#info-pane-container #listing-profile div.general-info a.facebook {
  background-image: url(/img/facebook.svg);
}
#info-pane-container #listing-profile div.general-info a.instagram {
  background-image: url(/img/instagram.svg);
}
#info-pane-container #listing-profile div.general-info a.twitter {
  background-image: url(/img/twitter.svg);
}
#info-pane-container #listing-profile div.general-info a.youtube {
  background-image: url(/img/youtube.svg);
}
#info-pane-container #listing-profile div.general-info a.tiktok {
  background-image: url(/img/tiktok-icon.svg);
}
#info-pane-container #listing-profile div.general-info a.email {
  background-image: url(/img/email-icon.svg);
  background-size: 1.2rem 1.2rem;
  background-position: top 4px;
}
#info-pane-container #listing-profile div.hours {
  display: inline-block;
  vertical-align: top;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  margin-right: 1rem;
  background-color: #fcf9f4;
}
#info-pane-container #listing-profile div.hours h2 {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
#info-pane-container #listing-profile div.hours table.hours {
  border-collapse: collapse;
}
#info-pane-container #listing-profile div.hours table.hours th,
#info-pane-container #listing-profile div.hours table.hours td {
  vertical-align: bottom;
  border-top: 1px solid #d8d3d0;
  border-bottom: 1px solid #d8d3d0;
  font-size: 0.8rem;
  padding: 3px 1ch 2px;
  text-align: center;
}
#info-pane-container #listing-profile div.hours table.hours th {
  color: #004066;
  text-align: left;
}
#info-pane-container #listing-profile #ratings {
  display: inline-block;
  margin-top: 0.5rem;
  /* width:80px;height:80px; */
  vertical-align: top;
  position: relative;
  /* padding:0.5rem; */
  border-radius: 0.5rem;
  background-color: #fcf9f4;
}
#info-pane-container #listing-profile #ratings canvas {
  position: absolute;
  background-color: #edebe8;
}
#info-pane-container #listing-profile #ratings div.stars {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top left;
}
#info-pane-container #listing-profile #ratings div.stars.stars-dark-outline {
  background-image: url(/ui/themes/ckb-map/img/stars-outline.svg);
  z-index: 1115;
}
#info-pane-container #listing-profile #ratings div.stars.stars-fill {
  background-image: url(/ui/themes/ckb-map/img/stars.svg);
  z-index: 110;
}
#info-pane-container #listing-profile #ratings div.stars.stars-light-outline {
  background-image: url(/ui/themes/ckb-map/img/stars-outline.svg);
  opacity: 0.3;
  z-index: 105;
}
#info-pane-container #listing-profile #ratings div.counts {
  text-align: center;
  font-size: 0.8rem;
  position: absolute;
  left: 0;
  width: 100%;
}
#info-pane-container #listing-profile h1 {
  font-family: 'Roboto-Black';
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}
#info-pane-container #listing-profile h2 {
  font-family: 'Roboto-Bold';
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
#info-pane-container #listing-profile section {
  background-color: #fcf9f4;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 1.5rem;
  margin-top: 1rem;
}
#info-pane-container #listing-profile section p {
  padding: 0;
  margin: 0.5rem 0 0;
}
#info-pane-container #listing-profile section div.subsection {
  margin-top: 2rem;
}
#info-pane-container #listing-profile section div.subsection h3 {
  display: inline-block;
  font-family: 'Roboto-Bold';
  font-size: 1rem;
  margin: 0;
  padding: 0.3rem 0.5rem;
  background-color: #ede9e0;
}
#info-pane-container #listing-profile section div.subsection h3 small {
  font-family: 'Roboto-Regular';
  font-weight: normal;
  font-size: 0.85rem;
}
#info-pane-container #listing-profile section div.subsection p {
  padding: 0 0.5rem;
}
#info-pane-container #listing-profile section div.subsection div.thumbs-gallery {
  padding-left: 0.5rem;
}
#info-pane-container #listing-profile section.pricelist h2 small {
  font-size: 0.8rem;
  font-weight: normal;
  font-family: 'Roboto-Regular';
}
#info-pane-container #listing-profile section.pricelist ul.content {
  margin: 0;
  padding: 0;
}
#info-pane-container #listing-profile section.pricelist ul.content li {
  margin: 2rem 0 0;
  list-style-type: none;
}
#info-pane-container #listing-profile section.pricelist ul.content li h3 {
  margin: 0;
  padding: 0;
}
#info-pane-container #listing-profile section.pricelist ul.content li h3 span {
  font-family: 'Roboto-Regular';
  font-weight: normal;
}
#info-pane-container #listing-profile section.pricelist ul.content li h3 span small {
  font-size: 0.7rem;
}
#info-pane-container #listing-profile section.pricelist ul.content li p {
  margin: 0.5rem 0 0;
}
#info-pane-container #listing-profile section.pricelist ul.content li table {
  margin: 0.5rem 0 0 1rem;
  border-collapse: collapse;
}
#info-pane-container #listing-profile section.pricelist ul.content li table td,
#info-pane-container #listing-profile section.pricelist ul.content li table th {
  font-size: 0.85rem;
  border-top: 1px solid #d8d3d0;
  border-bottom: 1px solid #d8d3d0;
  padding: 0.1rem 1ch;
}
#info-pane-container #listing-profile section.pricelist ul.content li table th {
  font-weight: normal;
}
#info-pane-container #listing-profile section.pricelist ul.content li table td {
  text-align: right;
}
#info-pane-container #listing-profile section.pricelist ul.content li table td small {
  font-size: 0.7rem;
}
#info-pane-container #listing-profile section.public-reviews h2 {
  display: inline-block;
}
#info-pane-container #listing-profile section.public-reviews #private-reviews-link,
#info-pane-container #listing-profile section.public-reviews #add-review-button {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto-Bold';
  padding: 0.2rem 1ch 0.15rem;
  margin-left: 2ch;
  border-radius: 5px;
  background-color: #004066;
  border: 0;
  outline: 0;
}
#info-pane-container #listing-profile section.public-reviews div.content ul {
  margin: 0;
  padding: 0;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li {
  list-style-type: none;
  margin: 2rem 0 0;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 {
  margin: 0;
  padding: 0;
  background-image: url(/img/male-avatar-icon.svg);
  background-position: top left;
  background-size: 2.5rem 2.5rem;
  background-repeat: no-repeat;
  padding-left: 3rem;
  min-height: 2.5rem;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 1rem;
  margin: 0.3rem 0.5ch 0 0;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 5rem 1rem;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/ui/themes/ckb-map/img/stars-outline.svg);
  z-index: 200;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 5rem 1rem;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/ui/themes/ckb-map/img/stars.svg);
  z-index: 100;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating.rating-1 {
  width: 20%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating.rating-2 {
  width: 40%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating.rating-3 {
  width: 60%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating.rating-4 {
  width: 80%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 div.review-rating-container div.review-rating.rating-5 {
  width: 100%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li h3 span.explanation {
  font-weight: normal;
  font-family: 'Roboto-Regular';
  position: relative;
  top: -2px;
  display: inline-block;
  /* white-space:nowrap; */
}
#info-pane-container #listing-profile section.public-reviews div.content ul li p {
  line-height: 150%;
}
#info-pane-container #listing-profile section.public-reviews div.content ul li p span.compliment {
  display: inline-block;
  padding-left: 1.2rem;
  margin-left: 1.2ch;
  white-space: nowrap;
  background-size: 1rem 1rem;
  background-position: bottom 0.3rem left;
  background-repeat: no-repeat;
  background-image: url(/img/green-checkmark.svg);
}
#info-pane-container #listing-profile section.public-reviews div.content p.no-reviews {
  margin-top: 1.5rem;
}
#info-pane-container #listing-profile div.thumbs-gallery {
  margin-top: 0.75rem;
  height: 150px;
  overflow: hidden;
}
#info-pane-container #listing-profile div.thumbs-gallery img {
  display: inline-block;
  height: 150px;
  border-radius: 0.3rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
#info-pane-container #list-view {
  display: none;
  padding: 0 0 1rem;
  margin: 0;
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 500;
}
#info-pane-container #list-view h2 {
  font-size: 1.2rem;
  color: #004066;
  height: 0.65rem;
  border-bottom: 5px solid #004066;
}
#info-pane-container #list-view h2 span {
  background-color: #ede9e0;
  padding-right: 1ch;
}
#info-pane-container #list-view ul {
  margin: 0;
  padding: 0;
  column-width: 300px;
}
#info-pane-container #list-view ul li {
  list-style-type: none;
  margin: 0 0 0.5rem;
  padding: 0.3rem 0.5rem;
  background-color: #f8f6f0;
  position: relative;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid-column;
  /* Standard syntax */
  background-position: top 0.6rem left 0.5rem;
  background-size: 3.5rem;
  background-repeat: no-repeat;
}
#info-pane-container #list-view ul li strong {
  display: block;
  width: calc(100% - 5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#info-pane-container #list-view ul li a {
  display: block;
  margin-top: 0.4rem;
  padding-left: 2.7ch;
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
#info-pane-container #list-view ul li a.phone {
  background-image: url(/img/voice-call-icon.svg);
}
#info-pane-container #list-view ul li a.whatsapp {
  background-image: url(/img/whatsapp.svg);
}
#info-pane-container #list-view ul li.end {
  text-align: center;
  color: #888360;
  background-color: transparent;
  padding-bottom: 1rem;
}
#info-pane-container #list-view ul li button {
  display: block;
  position: absolute;
  bottom: 0.5rem;
  width: 2.3rem;
  height: 2.3rem;
  border: 0;
  padding: 0;
  outline: 0;
  margin: 0;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#info-pane-container #list-view ul li button.map {
  right: 3.5rem;
  background-image: url(/img/compass-marker.svg);
}
#info-pane-container #list-view ul li button.profile {
  right: 0.5rem;
  background-image: url(/img/details-icon.svg);
}
#info-pane-container #gallery-view {
  display: none;
  position: absolute;
  z-index: 500;
  top: 1.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
#info-pane-container #gallery-view div.col {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  min-height: 1rem;
}
#info-pane-container #gallery-view div.col div.card {
  margin: 0 0.5rem 1rem;
}
#info-pane-container #gallery-view div.col div.card img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#info-pane-container #gallery-view div.col div.card div.meta {
  position: relative;
  background-color: #fcf9f4;
  border: 1px solid #d8d3d0;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.3rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1.25rem;
}
#info-pane-container #gallery-view div.col div.card div.meta strong {
  font-family: 'Roboto-Bold';
  font-size: 1rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  cursor: pointer;
}
#info-pane-container #gallery-view div.col div.card div.meta a {
  display: block;
  width: calc(100% - 5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2.8ch;
  background-position: top 2px left 0px;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
#info-pane-container #gallery-view div.col div.card div.meta a.phone {
  background-image: url(/img/voice-call-icon.svg);
}
#info-pane-container #gallery-view div.col div.card div.meta a.whatsapp {
  background-image: url(/img/whatsapp.svg);
}
#info-pane-container #gallery-view div.col div.card div.meta button {
  display: block;
  border: none;
  background-color: transparent;
  position: absolute;
  bottom: 0.5rem;
  height: 1.7rem;
  width: 1.7rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#info-pane-container #gallery-view div.col div.card div.meta button.map {
  right: 2.5rem;
  background-image: url(/img/compass-marker.svg);
}
#info-pane-container #gallery-view div.col div.card div.meta button.profile {
  right: 0.5rem;
  background-image: url(/img/details-icon.svg);
}
#info-pane-container #gallery-view div.col.slim div.card div.meta {
  /* background-color:#FF0; */
  /* button.map {right:2.5rem;} */
}
#info-pane-container #gallery-view div.col.slim div.card div.meta span.hide-slim {
  display: none;
}
@media (max-width: 600px) {
  #map-container.portrait.half-screen {
    /* bottom:@mobile-info-pane-height; */
  }
  #info-pane-container.portrait {
    /* height:@mobile-info-pane-height; */
  }
}
#page-end {
  height: 2rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/img/compass-rose.svg);
  margin: 2rem 0 3rem;
}
/* BEGIN PHOTOS */
#photos-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}
#photos-overlay h2 {
  position: fixed;
  bottom: 0.5rem;
  left: calc(2rem + 50px);
  right: calc(2rem + 50px);
  color: #000;
  z-index: 100400;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
#photos-overlay h2 > span {
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: inline-block;
  text-align: center;
  background-color: #d9d6ce;
  border-radius: 1rem;
  padding: 0.1rem 1rem 0.3rem;
}
#photos-overlay div.darkener {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100200;
  /* background-color:#000; */
  background-color: #d9d6ce;
  /* opacity:0.70; */
}
#photos-overlay div.image {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100300;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#photos-overlay div.nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100400;
}
#photos-overlay div.nav button {
  position: fixed;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: none;
  outline: none;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center center;
  z-index: 100400;
}
#photos-overlay div.nav button.close-photos-overlay {
  bottom: calc(2rem + 50px);
  right: 1rem;
  background-size: 20px;
  background-image: url(/img/x-out-white.svg);
}
#photos-overlay div.nav button.previous {
  bottom: 1rem;
  left: 1rem;
  background-image: url(/img/prev.svg);
}
#photos-overlay div.nav button.next {
  bottom: 1rem;
  right: 1rem;
  background-image: url(/img/next.svg);
}
/* END PHOTOS */
/* BEGIN OVERLAYS */
#overlay-darkener {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background-color: #000;
  opacity: 0.7;
}
#overlay-outer-container {
  display: none;
  z-index: 510;
  background-color: #ede9e0;
  border-radius: 1rem;
}
#overlay-outer-container #x-out {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: none;
  background-color: transparent;
  background-position: center center;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-image: url(/img/x-out.svg);
}
#overlay-outer-container #overlay-inner-container {
  position: absolute;
  top: 2rem;
  left: 3rem;
  right: 3rem;
  bottom: 0;
  z-index: 520;
  overflow-y: auto;
}
#overlay-outer-container #overlay-inner-container h1 {
  margin: 0;
  padding: 0;
  font-family: 'Roboto-Bold';
  font-size: 1.5rem;
  color: #004066;
}
/* END OVERLAYS */
/* BEGIN REVIEWS */
#new-review-form h2 {
  color: #004066;
  font-family: 'Roboto-Bold';
  font-size: 1.2rem;
  margin: 2rem 0 0;
  padding: 0;
}
#new-review-form label {
  display: inline-block;
  margin: 0 0.5ch 0 0;
  padding: 0;
}
#new-review-form label.block {
  margin-bottom: 0.5rem;
}
#new-review-form input[type=text],
#new-review-form textarea {
  border: 1px solid #d8d3d0;
  border-radius: 5px;
  margin: 0;
  padding: 0.5rem 1ch;
}
#new-review-form input[type=checkbox] {
  position: relative;
  top: 1px;
}
#new-review-form fieldset {
  margin: 1.5rem 0 0;
  border: none;
  padding: 0;
}
#new-review-form fieldset.rating ul {
  padding: 0;
  margin: 0.5rem 0 0 2ch;
}
#new-review-form fieldset.rating ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#new-review-form fieldset.rating ul li::before {
  content: '\1F7CA\00A0';
}
#new-review-form div.star-rating-container {
  display: inline-block;
  width: 125px;
  height: 25px;
  position: relative;
  top: 2px;
  /* background-color:#fff; */
  vertical-align: bottom;
}
#new-review-form div.star-rating-container div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 125px auto;
}
#new-review-form div.star-rating-container div.outline-background {
  z-index: 100;
  background-image: url(/img/stars-outline.svg);
  opacity: 0.3;
}
#new-review-form div.star-rating-container div.stars {
  z-index: 200;
  background-image: url(/img/stars.svg);
  width: 0;
}
#new-review-form div.star-rating-container div.stars-foreground {
  z-index: 300;
  background-image: url(/img/stars-outline.svg);
  width: 0;
}
#new-review-form div.star-rating-container button {
  display: block;
  position: absolute;
  top: 0;
  z-index: 400;
  height: 100%;
  width: 20%;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
#new-review-form div.star-rating-container button.star-1 {
  left: 0;
}
#new-review-form div.star-rating-container button.star-2 {
  left: 20%;
}
#new-review-form div.star-rating-container button.star-3 {
  left: 40%;
}
#new-review-form div.star-rating-container button.star-4 {
  left: 60%;
}
#new-review-form div.star-rating-container button.star-5 {
  left: 80%;
}
#new-review-form div.compliment-col {
  display: inline-block;
  width: 45%;
  min-width: 180px;
  vertical-align: top;
  line-height: 150%;
}
#new-review-form p.validation-error {
  display: none;
  font-family: 'Roboto-Bold';
  color: #c00;
  line-height: 200%;
}
#new-review-form button {
  margin-top: 2rem;
  background-color: #004066;
  color: #fff;
  font-family: 'Roboto-Bold';
  padding: 0.2rem 2ch;
  border-radius: 5px;
}
/* END REVIEWS */
/* BEGIN SEARCH PANE */
#search-pane-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
#search-pane-container #search-pane-darkener {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: #000;
  opacity: 0.5;
}
#search-pane-container #search-pane {
  box-sizing: border-box;
  position: fixed;
  top: 5%;
  left: calc(35vw - 100px);
  width: calc(200px + 30vw);
  /* right:10%; */
  bottom: 5%;
  overflow-y: auto;
  z-index: 999999;
  background-color: #f4f2ec;
  border: 1px solid #c4c2bc;
  border-radius: 1rem;
  padding: 0 5% 2rem;
  box-shadow: 5px 5px 20px #000;
}
#search-pane-container #search-pane button.x-out {
  display: block;
  font-weight: bold;
  color: #c4c2b8;
  font-size: 2rem;
  position: absolute;
  top: 0.2rem;
  right: 0.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
}
#search-pane-container #search-pane .content-container {
  width: 100%;
}
#search-pane-container #search-pane .content-container form {
  width: 100%;
}
#search-pane-container #search-pane .content-container form input[type=text] {
  width: 100%;
}
#search-pane-container #search-pane .content-container section.filter-by-type {
  display: inline-block;
}
#search-pane-container #search-pane .content-container section.filter-by-type fieldset {
  text-align: left;
  margin-bottom: 0.5rem;
}
#search-pane-container #search-pane .content-container fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
#search-pane-container #search-pane .content-container h2 {
  margin: 2rem 0 1rem;
  padding: 0;
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
}
#search-pane-container #search-pane .content-container button {
  display: block;
  outline: 0;
  border: 0;
  border-radius: 0.5rem;
  width: calc(20% + 150px);
  margin-left: calc(40% - 75px);
  margin-bottom: 0.5rem;
  color: #fff;
  font-weight: bold;
  height: 2.5rem;
  line-height: 2.5rem;
}
#search-pane-container #search-pane .content-container button.country {
  margin-top: 1rem;
  background-color: #004066;
  text-transform: uppercase;
}
#search-pane-container #search-pane .content-container button.country.my-location img {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5ch;
  position: relative;
  top: 0.2rem;
}
#search-pane-container #search-pane .content-container button.country img.flag {
  height: 1rem;
  width: 1.5rem;
  display: inline-block;
  border: 1px solid white;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5ch;
}
#search-pane-container #search-pane .content-container a.city {
  display: none;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  text-decoration: none;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #fff;
  font-weight: bold;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #006099;
  margin-left: calc(40% - 55px);
  width: calc(20% + 130px);
  padding-left: 2ch;
}
#search-pane-container #search-pane .content-container a.city img {
  height: 1rem;
  width: 1rem;
  margin-right: 0.35ch;
  position: relative;
  top: 1px;
}
#search-pane-container #search-pane .content-container #search-string {
  border: 1px solid #c4c2bc;
  outline: 0;
  padding: 0.5rem 1ch;
}
#search-pane-container #search-pane .content-container div.search-message {
  margin: 0;
  padding: 0.1rem 1ch 0.2rem;
  background-color: #e4e2dc;
  font-size: 0.9rem;
  line-height: 1rem;
  font-style: italic;
  color: #94928c;
}
#search-pane-container #search-pane .content-container div.search-results a {
  display: block;
  position: relative;
  margin-top: 0.5rem;
  background-color: #004066;
  border-radius: 0.5rem;
  padding: 0.5rem 0 0.5rem 2.8rem;
  color: #fff;
  text-decoration: none;
  line-height: 1rem;
}
#search-pane-container #search-pane .content-container div.search-results a img {
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 1.5ch;
  width: 1.5rem;
  height: 1rem;
  border: 1px solid #fff;
}
#search-pane-container #search-pane .content-container div.search-results a small {
  font-size: 0.85rem;
  color: #d0d6d8;
  display: block;
}
/* END SEARCH PANE */
/* BEGIN BUG/FEATURE OVERLAY */
form.bug-feature-overlay div.form-group {
  margin-top: 1rem;
}
form.bug-feature-overlay label {
  display: block;
}
form.bug-feature-overlay small {
  display: block;
  color: #888360;
  font-size: 80%;
}
form.bug-feature-overlay input[type=email],
form.bug-feature-overlay input[type=text],
form.bug-feature-overlay textarea {
  margin-top: 0.5rem;
}
form.bug-feature-overlay input[type=text] {
  display: block;
  width: 99%;
}
form.bug-feature-overlay textarea {
  display: block;
  width: 99%;
}
form.bug-feature-overlay button {
  margin-top: 1.5rem;
  background-color: #004066;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 0.2rem 2ch;
}
/* BEGIN BUG/FEATURE OVERLAY */
/* BEGIN LOGIN OVERLAY */
#login-overlay-form {
  width: 100%;
}
#login-overlay-form h2 {
  margin: 0 0 0.5rem;
}
#login-overlay-form input[type=text],
#login-overlay-form input[type=password] {
  display: block;
  border: 1px solid #d8d3d0;
  margin-bottom: 0.5rem;
  border-radius: 5px;
  padding: 0.25rem 1ch;
  width: 100%;
  box-sizing: border-box;
}
#login-overlay-form input[type=submit] {
  border: none;
  background-color: #004066;
  color: #fff;
  border-radius: 5px;
  padding: 0.25rem 1ch;
}
/* END LOGIN OVERLAY */