#welcome-modal .content .image { position: relative; padding-top: 56.25%; margin-bottom: 20px; }

#welcome-modal .content .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#welcome-modal .content .hashtag { color: #46BCA2; }

#load-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#load-screen .load-bar { position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #EC5E84; -webkit-animation-name: load-bar; animation-name: load-bar; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

@-webkit-keyframes load-bar { from { width: 0%; }
  to { width: 100%; } }

@keyframes load-bar { from { width: 0%; }
  to { width: 100%; } }

#menu-screen { text-align: center; }

#menu-screen .content { height: calc(100% - 110px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; background-image: url("../exploration/images/fondo-menu.svg"); background-repeat: no-repeat; background-position: center calc(100% + 7vw); background-size: 120% auto; }

#menu-screen .footer-logo { height: 110px; }

#menu-screen .access-btn { will-change: transform; border-color: #fff; color: #fff; background-color: #444; padding-left: 50px; padding-right: 50px; }

#menu-screen .image { margin-bottom: 15px; }

#menu-screen .image img { max-height: 20vh; }

#menu-screen .hashtag { color: #46BCA2; }

#menu-screen .pictures-container { position: relative; height: 200px; width: 100%; max-width: 370px; margin: 0 auto; }

#menu-screen .pictures-container .picture { will-change: transform; position: absolute; border: 2px solid #fff; background-color: #aaa; border-radius: 19px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

#menu-screen .pictures-container .picture:nth-child(odd) { -webkit-transform-origin: left bottom; transform-origin: left bottom; }

#menu-screen .pictures-container .picture:nth-child(even) { -webkit-transform-origin: right bottom; transform-origin: right bottom; }

#menu-screen .pictures-container .picture:nth-child(1) { width: 100px; height: 100px; top: 50px; left: 10px; }

#menu-screen .pictures-container .picture:nth-child(2) { z-index: 2; width: 80px; height: 80px; top: 110px; left: calc(32% - 40px); }

#menu-screen .pictures-container .picture:nth-child(3) { width: 105px; height: 105px; top: 25px; left: calc(47% - 52.5px); }

#menu-screen .pictures-container .picture:nth-child(4) { z-index: 4; width: 110px; height: 110px; top: 77px; left: calc(63% - 55px); }

#menu-screen .pictures-container .picture:nth-child(5) { width: 120px; height: 120px; top: 0; right: 10px; }

#menu-screen.show .picture:nth-child(odd) { -webkit-transform: rotate(7deg); transform: rotate(7deg); }

#menu-screen.show .picture:nth-child(even) { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); }

#menu-screen.show .picture:nth-child(1) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

#menu-screen.show .picture:nth-child(3) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }

#menu-screen.show .picture:nth-child(5) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

#menu-screen.show .picture:nth-child(4) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }

#menu-screen.show .picture:nth-child(2) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

#menu-screen.show .access-btn { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 1.45s; animation-delay: 1.45s; }

@-webkit-keyframes shake { 0% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  16.66667% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  33.33333% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  50% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  66.66667% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  83.33333% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  100% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); } }

@keyframes shake { 0% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  16.66667% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  33.33333% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  50% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  66.66667% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); }
  83.33333% { -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
  100% { -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); } }

body { margin: 0; height: calc(var(--vh, 1vh) * 100); font-family: 'Roboto', sans-serif !important; }

h1, h2, h3, h4, h5 { font-family: 'EB Garamond', serif !important; color: #706F6F; }

.screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; -ms-touch-action: none; touch-action: none; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.screen.show { opacity: 1; pointer-events: auto; -ms-touch-action: auto; touch-action: auto; }

.screen .screen-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#app-container { opacity: 0; width: 100%; height: 100%; pointer-events: none; -ms-touch-action: none; touch-action: none; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

#app-container.show { opacity: 1; pointer-events: auto; -ms-touch-action: auto; touch-action: auto; }

#view-container { position: relative; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#map-container { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

#title-container { text-align: center; padding: 15px 0; }

@media screen and (max-height: 870px) { #title-container { display: none; } }

#credits-btn { position: absolute; z-index: 2; top: 10px; right: 10px; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; text-align: center; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }

#nav-container { position: relative; z-index: 2; height: 70px; padding-top: 15px; background-color: #706F6F; }

#nav-container .container-fluid { max-width: 600px; padding-right: 5px; padding-left: 5px; }

#nav-container .row { margin-left: -3px; margin-right: -3px; }

#nav-container div[class*="col"] { padding-left: 3px; padding-right: 3px; }

#nav-container .btn { border-radius: 19px; border: 1px solid #fff; color: #fff; background-color: #46BCA2; }

#nav-container .btn i[class*="float"] { margin-top: 4px; }

#nav-container .btn.fit-all { padding-left: 0; padding-right: 0; text-align: center; }

#nav-container .btn.fit-all img { width: 1.2em; margin-top: -2px; }

#zones-options { position: absolute; right: 15px; bottom: calc(100% + 15px); margin: 0; padding: 6px 0; border-radius: 4px; border: 1px solid #bbbbbb; background-color: #fff; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; pointer-events: none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

#zones-options li { list-style: none; white-space: nowrap; padding: 12px; font-size: 1.2em; }

#zones-options.show { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); pointer-events: all; }

.viewer-container { background-color: #000; }

.viewer-container .viewer-close { top: 5px; right: 5px; width: 40px; height: 40px; background-color: #666; color: #fff; font-size: 25px; text-align: center; line-height: 40px; }

.viewer-container .viewer-close::before { display: none !important; }

.viewer-container .viewer-close i { pointer-events: none; }
/*# sourceMappingURL=style.min.css.map */