.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  font-family: Poppins, sans-serif;
  color: #333;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 9em;
  line-height: 1;
  font-weight: 400;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  font-size: 1.125em;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

img {
  display: inline-block;
}

.global_styles {
  width: 0px;
  height: 0px;
}

.home_background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 8;
  display: block;
  overflow: hidden;
}

.ui_wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  overflow: hidden;
}

.nav_wrapper {
  position: absolute;
  left: 0%;
  top: 1.875em;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 6.25em;
  padding-right: 1.875em;
  padding-left: 1.875em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo_wrapper {
  width: 13.125em;
  height: 100%;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.logo_wrapper:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.image {
  width: 100%;
}

.display_wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3.75em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.display {
  max-width: 11ch;
  font-size: 7em;
  text-align: center;
}

.display_p1 {
  max-width: 43ch;
  margin-top: 1.875em;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}

.display_p2 {
  max-width: 43ch;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.5;
}

.footer {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2.5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer_p1 {
  color: #fff;
  font-size: 0.8em;
  line-height: 1.7;
  text-align: center;
}

.nav {
  display: none;
  width: 35.375em;
  height: 3.125em;
  padding-right: 1.5625em;
  padding-left: 1.5625em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5em;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.nav_link {
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  color: #fff;
  text-decoration: none;
}

.nav_link:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.separator {
  width: 0.0625em;
  height: 1.5625em;
  background-color: #fff;
}

.buttons_wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 10;
  display: none;
  width: 6.25em;
  height: 100%;
  margin-left: 1.875em;
  padding-bottom: 1.875em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button_container {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.125em;
  height: 3.125em;
  margin-bottom: 1.25em;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  cursor: pointer;
}

.button_container:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.button_container.gyro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.map_icon_wrapper {
  position: static;
  left: 1.875em;
  top: auto;
  right: auto;
  bottom: 1.875em;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 6.25em;
  height: 6.25em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.5em;
  border-color: #fff;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../images/Perspectiva-Pabellon---icon.png');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  cursor: pointer;
}

.map_icon_wrapper:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.madeby_wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 1.875em;
  bottom: 1.875em;
  z-index: 10;
  display: block;
  width: 6.25em;
  height: 6.25em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  color: #fff;
  line-height: 0px;
  font-weight: 400;
  mix-blend-mode: difference;
}

.background {
  position: relative;
  z-index: 9;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../images/Barcelona-Pavilion.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.popup_wrapper {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: none;
  overflow: hidden;
  width: 40.375em;
  height: 100%;
  padding-top: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup {
  position: relative;
  z-index: 12;
  display: block;
  width: 62.5em;
  height: 100%;
  padding: 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.popup.history {
  display: none;
}

.popup.mies_reich {
  display: none;
}

.close_button {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-right: -1em;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.15em;
  border-color: #2d90a6;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  color: #2d90a6;
}

.close_button:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.close_button.isometry {
  z-index: 2;
  margin-top: 3em;
  margin-right: 3em;
}

.ui_button {
  position: relative;
  z-index: 1;
  width: 1.6em;
}

.lottie {
  position: relative;
  z-index: 1;
  width: 1.9em;
  margin-top: 0.4em;
}

.buttons_tooltip_wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 10;
  display: none;
  width: 11em;
  height: 100%;
  margin-left: 8.75em;
  padding-bottom: 1.875em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.tooltip_container {
  position: static;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 3.125em;
  margin-bottom: 1.25em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tooltip_container.gyro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tooltip_container.map {
  height: 6.25em;
  margin-bottom: 0em;
}

.paragraph {
  margin-bottom: 0px;
  color: #fff;
}

.body {
  background-color: #dadada;
}

.madeby {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 400;
  text-align: center;
}

.logo_parallel {
  position: relative;
  z-index: 1;
  width: 4.1em;
}

.madeby_link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup_content {
  overflow: auto;
  width: 100%;
  padding-right: 1em;
}

.popup_heading {
  position: relative;
  color: #2d90a6;
  font-size: 5em;
  line-height: 1;
}

.content_paragraph {
  margin-top: 1em;
  margin-bottom: 2em;
  color: #2d2d2d;
  line-height: 1.8;
}

.image_content {
  width: 100%;
  margin-bottom: 2em;
}

.entrance {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0e0e0e;
}

.loading_animation {
  width: 30em;
  height: 30em;
}

.transition {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0e0e0e;
}

.pagetransition {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5em;
  padding: 1em 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.2em;
  border-color: #2d90a6;
  border-radius: 5em;
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  color: #fff;
  font-size: 1.4em;
  cursor: pointer;
}

.pagetransition:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.popup_border {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-style: solid;
  border-width: 0.2em;
  border-color: #2d90a6;
}

.popup_image_title {
  width: 100%;
  margin-top: -1.6em;
  margin-bottom: 1em;
  background-image: url('../images/0-PORTADA.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image_text {
  margin-bottom: 1em;
  font-size: 1em;
  font-style: italic;
  text-align: center;
}

.spacer {
  width: 100%;
  height: 1em;
}

.entrance_img {
  width: 25em;
}

.isometry_wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 13;
  display: none;
  overflow: hidden;
  background-color: rgba(14, 14, 14, 0.74);
}

.map_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.map-contain {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.map-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 92em;
  height: 69.5em;
  max-width: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Perspectiva-Pabellon.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.hotspot {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2em;
  height: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
}

.hotspot:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.hotspot.selected {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.button_click {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #cacaca;
}

.nav_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35.375em;
  height: 3.125em;
  padding-right: 1.5625em;
  padding-left: 1.5625em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5em;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.nav_mobile {
  display: none;
}

.hamburguer_wrapper {
  background-color: rgba(0, 0, 0, 0.2);
}

.hotspot_image {
  position: absolute;
  z-index: 1;
  width: 1.4em;
  height: 1.4em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-image: url('../images/ALTA_2021_MG_8540-HDR.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.hotspot_image._2 {
  background-image: url('../images/ALTA_2021_MG_8431-HDR.jpg');
}

.hotspot_image._3 {
  background-image: url('../images/ALTA_2021_MG_8433.jpg');
  background-position: 100% 50%;
}

.hotspot_image._4 {
  background-image: url('../images/vista-6-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image._5 {
  background-image: url('../images/vista-1-Lente-14-mm-Horizontal.jpg');
}

.hotspot_image._6 {
  background-image: url('../images/vista-5-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image._7 {
  background-image: url('../images/vista-2-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image._8 {
  background-image: url('../images/vista-3-Lente-14-mm-Horizontal.jpg');
}

.hotspot_image._9 {
  background-image: url('../images/vista-4-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image._10 {
  background-image: url('../images/vista-7-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image._11 {
  background-image: url('../images/vista-8-Lente-24-mm-Horizontal.jpg');
}

.hotspot_image.selected {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hotspot_image.hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hotspot_background {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #2d90a6;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.hotspot_background.selected {
  background-color: #fff;
}

.hotspot_background.hover {
  background-color: #fff;
}

.position {
  position: absolute;
  left: 50.1em;
  top: 34.9em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2em;
  height: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.position._2 {
  left: 56em;
  top: 25.9em;
}

.position._3 {
  left: 65em;
  top: 22.9em;
}

.position._4 {
  left: 59.8em;
  top: 17.9em;
}

.position._5 {
  left: 56.6em;
  top: 19.7em;
}

.position._6 {
  top: 22.8em;
}

.position._7 {
  left: 44.5em;
  top: 25.4em;
}

.position._8 {
  left: 27.3em;
  top: 33.1em;
}

.position._9 {
  left: 28.5em;
  top: 28em;
}

.position._10 {
  left: 48.4em;
  top: 18em;
}

.position._11 {
  left: 23.8em;
  top: 38.8em;
}

.selected_bg {
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #2d90a6;
}

.cookie_consent_button_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookie_consent_button_wrapper.last {
  margin-bottom: 2em;
}

.checkbox-label {
  width: 0px;
  height: 0px;
}

.button_cookie_close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2em;
  height: 2em;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 50%;
  background-color: rgba(217, 114, 91, 0);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 0.8em;
}

.button_cookie_close:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.button_cookie_close.cookie-cursor {
  border-color: #0e0e0e;
  color: #0e0e0e;
}

.cookies_wrapper {
  position: fixed;
  z-index: 12;
}

.button_cookie_preferences {
  display: block;
  margin-left: 1em;
  padding-right: 1em;
  padding-left: 1em;
  border-radius: 0.3em;
  background-color: rgba(217, 114, 91, 0);
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: hsla(0, 0%, 100%, 0.7);
  text-decoration: underline;
}

.button_cookie_preferences:hover {
  color: #2d90a6;
}

.button_cookie_preferences.cookie-cursor {
  color: #0e0e0e;
}

.privacy_link {
  color: hsla(0, 0%, 100%, 0.65);
  text-decoration: underline;
}

.privacy_link.cookie-cursor {
  color: #0e0e0e;
}

.cookie_consent_open_wrapper {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 10;
  display: block;
  height: 100%;
  margin-left: 1em;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.button_cookie_accept {
  padding-right: 1.5em;
  padding-left: 1.5em;
  background-color: #d9725b;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.button_cookie_accept:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.button_cookie_accept.cookie-cursor {
  background-color: #2d90a6;
}

.checkbox {
  width: 1em;
  height: 1em;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 50%;
}

.checkbox.cookie-cursor {
  border-color: #0e0e0e;
}

.p3 {
  margin-bottom: 1em;
  color: #0e0e0e;
  font-size: 1em;
}

.h5 {
  margin-bottom: 0em;
  color: #0e0e0e;
  font-weight: 400;
}

.h5.preferences {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.cookie_consent_header_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0e0e0e;
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3em;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookie_consent_banner {
  position: fixed;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 11;
  display: none;
  width: 30em;
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 1.4em;
  background-color: #fff;
  box-shadow: 1px 1px 20px 0 hsla(0, 0%, 100%, 0.05);
}

.cookies_preferences_text {
  width: 8.6em;
  color: #0e0e0e;
  font-size: 1em;
}

.form {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button_cookie_preferences_accept {
  padding-right: 1.5em;
  padding-left: 1.5em;
  background-color: #d9725b;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.button_cookie_preferences_accept:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.button_cookie_preferences_accept.cookie-cursor {
  background-color: #2d90a6;
}

.button_cookie_deny {
  margin-left: 1em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.7);
  background-color: rgba(217, 114, 91, 0);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  color: hsla(0, 0%, 100%, 0.7);
}

.button_cookie_deny:hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.button_cookie_deny.cookie-cursor {
  border-color: #0e0e0e;
  color: #0e0e0e;
}

.separator-2 {
  width: 10em;
  height: 0.05em;
  margin-right: 1em;
  margin-left: 1em;
  background-color: #0e0e0e;
  color: hsla(0, 0%, 100%, 0.7);
}

.cookies_preferences_text_essential {
  color: #0e0e0e;
  font-size: 0.8em;
}

.cookie_consent_preferences_banner {
  width: 30em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.4em;
  background-color: #fff;
  box-shadow: 1px 1px 20px 0 hsla(0, 0%, 100%, 0.05);
}

.cookie_consent_preferences_wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block {
  display: block;
  line-height: 0px;
}

.background_gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
}

.barca_map-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 13;
  display: none;
  overflow: hidden;
  background-color: rgba(14, 14, 14, 0.74);
}

.barca_map-container {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.barca_map {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Mapa-Barcelona.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.barca_hotspot {
  position: static;
  left: 45.5em;
  top: 36.5em;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 10em;
  height: 10em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.4em;
  border-color: #2d90a6;
  border-radius: 50%;
}

.barca_hotspot-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/Mapa-Barcelona_detail.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.link {
  color: #fff;
  cursor: pointer;
}

.link-2 {
  color: #2d90a6;
}

@media screen and (max-width: 991px) {
  .ui_wrapper {
    z-index: 5;
  }

  .logo_wrapper {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .logo_wrapper:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .footer {
    height: 3.5em;
  }

  .footer_p1 {
    font-size: 1em;
  }

  .nav {
    display: none;
  }

  .nav_link {
    -webkit-transition-property: none;
    transition-property: none;
    font-size: 1.5em;
  }

  .nav_link:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .button_container {
    margin-bottom: 1.75em;
    -webkit-transition-property: none;
    transition-property: none;
  }

  .button_container:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .button_container.gyro {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .button_container.gyro:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .map_icon_wrapper {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .map_icon_wrapper:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .popup_wrapper {
    width: 50em;
  }

  .popup.mies_reich {
    display: none;
  }

  .close_button {
    width: 2.5em;
    height: 2.5em;
    font-size: 1.5em;
  }

  .close_button.isometry {
    margin-top: 1.5em;
    margin-right: 1.5em;
  }

  .buttons_tooltip_wrapper {
    display: none;
  }

  .madeby_link:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .entrance {
    display: none;
  }

  .loading_animation {
    width: 25em;
    height: 25em;
  }

  .transition {
    display: none;
  }

  .pagetransition:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .map-image {
    width: 92em;
    height: 69em;
  }

  .hotspot:hover {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  .button_click {
    border-radius: 5em;
  }

  .nav_button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    padding: 1.2em 2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nav_mobile {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22em;
    margin-top: 1em;
    margin-right: 1.875em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .hamburguer_wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4em;
    height: 4em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .lottie-animation {
    width: 90%;
    height: 90%;
  }

  .hotspot_image {
    width: 1.8em;
    height: 1.8em;
  }

  .hotspot_image.selected {
    width: 1.4em;
    height: 1.4em;
  }

  .hotspot_image.hover {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .hotspot_background.hover {
    background-color: #2d90a6;
  }

  .position {
    left: 48.2em;
    top: 35.2em;
  }

  .position._2 {
    left: 56em;
    top: 25.5em;
  }

  .position._3 {
    left: 65.6em;
    top: 22.8em;
  }

  .position._4 {
    left: 59.9em;
    top: 17.6em;
  }

  .position._5 {
    left: 56.2em;
    top: 19.5em;
  }

  .position._6 {
    left: 51.2em;
    top: 21.8em;
  }

  .position._7 {
    left: 45.2em;
    top: 24.5em;
  }

  .position._8 {
    left: 26.6em;
    top: 33.1em;
  }

  .position._9 {
    left: 28.1em;
    top: 27.5em;
  }

  .position._10 {
    left: 48.1em;
    top: 17.1em;
  }

  .position._11 {
    left: 23.8em;
    top: 38.9em;
  }

  .cookie_consent_open_wrapper {
    background-color: rgba(1, 15, 17, 0);
    box-shadow: none;
    -webkit-transition-property: none;
    transition-property: none;
  }

  .cookie_consent_open_wrapper:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .p3 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .display {
    font-size: 5.2em;
  }

  .popup_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 3em;
    padding-right: 0em;
    padding-bottom: 0em;
  }

  .popup.history {
    padding-bottom: 0em;
  }

  .close_button {
    width: 3em;
    height: 3em;
    margin-top: -1.6em;
    margin-right: 1.4em;
    font-size: 1em;
  }

  .popup_content {
    padding-right: 0em;
  }

  .popup_border {
    border-bottom-width: 0em;
  }

  .map-image {
    width: 72em;
    height: 54em;
  }

  .hotspot {
    width: 1.5em;
    height: 1.5em;
  }

  .hotspot.selected {
    width: 1.8em;
    height: 1.8em;
  }

  .hotspot_image {
    width: 1.3em;
    height: 1.3em;
  }

  .position {
    left: 38.3em;
    top: 26.7em;
  }

  .position._2 {
    left: 43.9em;
    top: 19.7em;
  }

  .position._3 {
    left: 51.4em;
    top: 17.5em;
  }

  .position._4 {
    left: 46.7em;
    top: 13.7em;
  }

  .position._5 {
    left: 43.5em;
    top: 15.2em;
  }

  .position._6 {
    left: 39.8em;
    top: 16.8em;
  }

  .position._7 {
    left: 34.9em;
    top: 19.4em;
  }

  .position._8 {
    left: 21em;
    top: 25.2em;
  }

  .position._9 {
    left: 21.9em;
    top: 21.4em;
  }

  .position._10 {
    left: 38.1em;
    top: 12.8em;
  }

  .position._11 {
    left: 18em;
    top: 30.1em;
  }

  .selected_bg {
    width: 2em;
    height: 2em;
  }
}

@media screen and (max-width: 479px) {
  .display {
    font-size: 3.1em;
  }

  .display_p1 {
    font-size: 1.3em;
  }

  .display_p2 {
    font-size: 1.4em;
  }

  .footer_p1 {
    font-size: 0.8em;
  }

  .nav_link {
    font-size: 1.2em;
  }

  .buttons_wrapper {
    padding-bottom: 4.5em;
  }

  .madeby_wrapper {
    bottom: 4.5em;
  }

  .loading_animation {
    width: 20em;
    height: 20em;
  }

  .pagetransition {
    margin-top: 3em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    text-align: center;
  }

  .entrance_img {
    width: 20em;
  }

  .map-image {
    width: 45em;
    height: 34em;
  }

  .hotspot {
    width: 1.5em;
    height: 1.5em;
  }

  .nav_button {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }

  .nav_mobile {
    height: 19em;
  }

  .hotspot_image {
    width: 1.1em;
    height: 1.1em;
  }

  .position {
    left: 23.5em;
    top: 16.7em;
  }

  .position._2 {
    left: 26.9em;
    top: 12.4em;
  }

  .position._3 {
    left: 31.5em;
    top: 11em;
  }

  .position._4 {
    left: 28.9em;
    top: 8.2em;
  }

  .position._5 {
    left: 26.7em;
    top: 9.3em;
  }

  .position._6 {
    left: 24.3em;
    top: 10.4em;
  }

  .position._7 {
    left: 21.3em;
    top: 11.9em;
  }

  .position._8 {
    left: 12.9em;
    top: 15.2em;
  }

  .position._9 {
    left: 13.8em;
    top: 12.5em;
  }

  .position._10 {
    left: 23.6em;
    top: 7.8em;
  }

  .position._11 {
    left: 11em;
    top: 18.6em;
  }

  .selected_bg {
    width: 2em;
    height: 2em;
  }

  .cookie_consent_button_wrapper {
    margin-top: 2em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cookies_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .button_cookie_preferences {
    margin-top: 1em;
    margin-left: 0em;
  }

  .cookie_consent_open_wrapper {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    text-align: center;
  }

  .p3 {
    font-size: 1em;
  }

  .cookie_consent_banner {
    width: auto;
    margin-left: 1em;
  }

  .button_cookie_deny {
    margin-top: 0em;
    margin-left: 0em;
  }

  .separator-2 {
    width: 3em;
  }

  .cookie_consent_preferences_banner {
    width: auto;
    margin-right: 1em;
    margin-left: 1em;
  }
}

#w-node-_768557a7-bb9d-7019-9c4b-665d60d94804-7efaf585 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

/*width*/
.popup_content::-webkit-scrollbar {
  width:0.3em;
  }
  /*track*/
  .popup_content::-webkit-scrollbar-track {
  background:rgba(255, 255, 255, 0);
  }
  /*thumb*/
  .popup_content::-webkit-scrollbar-thumb {
  background:rgb(45, 144, 166);
  border-radius:1em;
  }

  body {
    font-size: 0.8333333333333334vw;
   }
   /* Max Font Size */
   @media screen and (min-width:1920px) {
    body {font-size: 16px;}
   }
   /* Container Max Width */
   .container {
     max-width: 1920px;
   }
   /* Min Font Size */
   @media screen and (max-width:1280px) {
    body {font-size: 10.666666666666668px;}
   }
   .ui_wrapper, .map-ui, .isometry_wrapper, .no_click, .nav_wrapper, .nav_mobile, .buttons_wrapper, .buttons_tooltip_wrapper, .social_wrapper, .popup_wrapper, .footer {
    pointer-events: none;
    }
    .display_wrapper, .home_background, .barca_map-wrapper, .cookie_consent_banner, .cookie_consent_preferences_wrapper, .madeby_wrapper, .button, .click, .map_wrapper, .close_button, .nav, .nav_button, .hamburguer_wrapper, .logo_wrapper, .button_container, .map_icon_wrapper, .social_container, .popup, .footer_p1 {
     pointer-events: auto;
    }
   .ui_wrapper { 
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   }