@-webkit-keyframes smoothBajada {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes smoothBajada {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes nube3 {
  0% {
    top: 0;
    right: 0%;
  }
  100% {
    right: 120%;
    top: 15%;
  }
}

@keyframes nube3 {
  0% {
    top: 0;
    right: 0%;
  }
  100% {
    right: 120%;
    top: 15%;
  }
}

@-webkit-keyframes nube4 {
  0% {
    top: 1%;
    right: 0%;
  }
  100% {
    right: 100%;
    top: 27%;
  }
}

@keyframes nube4 {
  0% {
    top: 1%;
    right: 0%;
  }
  100% {
    right: 100%;
    top: 27%;
  }
}

@-webkit-keyframes nube1 {
  0% {
    top: 0%;
    right: -30%;
  }
  100% {
    right: 100%;
    top: 5%;
  }
}

@keyframes nube1 {
  0% {
    top: 0%;
    right: -30%;
  }
  100% {
    right: 100%;
    top: 5%;
  }
}

@-webkit-keyframes nube5 {
  0% {
    top: 71%;
    right: -50%;
  }
  100% {
    right: 100%;
    top: 77%;
  }
}

@keyframes nube5 {
  0% {
    top: 71%;
    right: -50%;
  }
  100% {
    right: 100%;
    top: 77%;
  }
}

@-webkit-keyframes nube2 {
  0% {
    top: 42%;
    left: -50%;
  }
  100% {
    left: 100%;
    top: 45%;
  }
}

@keyframes nube2 {
  0% {
    top: 42%;
    left: -50%;
  }
  100% {
    left: 100%;
    top: 45%;
  }
}

@-webkit-keyframes autoFullDesk {
  0% {
    top: 600px;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 200px;
    left: 99%;
  }
}

@keyframes autoFullDesk {
  0% {
    top: 600px;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 200px;
    left: 99%;
  }
}

@-webkit-keyframes autoDesk {
  0% {
    top: 565px;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 33%;
    left: 99%;
  }
}

@keyframes autoDesk {
  0% {
    top: 565px;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 33%;
    left: 99%;
  }
}

@-webkit-keyframes bondiMob {
  0% {
    top: 32%;
    right: 97%;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 24%;
    right: -15%;
  }
}

@keyframes bondiMob {
  0% {
    top: 32%;
    right: 97%;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    top: 24%;
    right: -15%;
  }
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

html {
  background-color: #ee0b7f;
  scroll-behavior: smooth;
}

body {
  width: 100%;
}

.preload {
  position: absolute;
  width: 100%;
  height: 900px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1400px) {
  .preload {
    height: calc(100vh - 0);
  }
}

.preload img {
  width: 60px;
  height: 60px;
  position: relative;
}

.loaded {
  -webkit-animation: smoothBajada 1s backwards;
          animation: smoothBajada 1s backwards;
}

.display_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show-desktop {
  display: none !important;
}

@media (min-width: 1024px) {
  .show-desktop {
    display: block !important;
  }
}

.cerrar_ovni {
  position: relative;
}

@media (min-width: 768px) {
  .cerrar_ovni {
    position: absolute;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

.bg_base {
  width: 100%;
  height: 900px;
  min-height: 100vh;
  position: relative;
  /* display:none;   */
  background-image: url("../images/bg_base_nomont.jpg");
  background-position: top -142px center;
  background-repeat: no-repeat;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 1400px) {
  .bg_base {
    height: calc(100vh - 0);
  }
}

.nube {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  z-index: 94;
}

.nube img {
  width: auto;
}

.nube.uno {
  top: 0%;
  right: -30%;
  -webkit-animation: nube1 20s linear;
          animation: nube1 20s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media (min-width: 1200px) {
  .nube.uno {
    display: none;
  }
}

.nube.dos {
  top: 42%;
  left: -21%;
  -webkit-animation: nube2 25s linear;
          animation: nube2 25s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media (min-width: 1200px) {
  .nube.dos {
    display: none;
  }
}

.nube.cinco {
  top: 71%;
  right: -20%;
  -webkit-animation: nube5 30s linear;
          animation: nube5 30s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media (min-width: 1200px) {
  .nube.cinco {
    display: none;
  }
}

.nube.tres {
  z-index: 49;
}

@media (min-width: 768px) {
  .nube.tres {
    -webkit-animation: nube3 50s linear;
            animation: nube3 50s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

@media (min-width: 1200px) {
  .nube.tres {
    top: 0;
    right: 0;
    -webkit-animation: nube3 50s linear;
            animation: nube3 50s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

@media (min-width: 1400px) {
  .nube.tres {
    top: 45%;
    right: 0;
  }
}

@media (min-width: 768px) {
  .nube.cuatro {
    -webkit-animation: nube4 48s linear;
            animation: nube4 48s linear;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

@media (min-width: 1200px) {
  .nube.cuatro {
    display: none;
    right: 15%;
    top: 4%;
  }
}

@media (min-width: 1400px) {
  .nube.cuatro {
    display: block;
    right: 0%;
    -webkit-animation: nube4 48s linear;
            animation: nube4 48s linear;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

.bg_base_mobile {
  display: none;
  position: relative;
}

.bg_base_mobile img {
  position: relative;
}

img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.city {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.normal {
  opacity: 1;
}

.capa {
  width: 100%;
  height: 900px;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media (min-width: 1400px) {
  .capa {
    height: 100vh;
  }
}

.montanas {
  position: absolute;
  background-image: url("../images/bg_montanas.png");
  left: 0;
  z-index: 50;
}

@media (min-width: 768px) {
  .montanas {
    background-position-y: -142px;
  }
}

@media (min-width: 1200px) {
  .montanas {
    top: -17%;
    background-position-y: 0;
  }
}

.animal {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  z-index: 100;
  width: 100%;
  height: 900px;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media (min-width: 1400px) {
  .animal {
    height: calc(100vh - 0);
  }
}

.layer_target {
  /* display:none; */
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 900px;
  z-index: 150;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1400px) {
  .layer_target {
    height: calc(100vh - 0);
  }
}

.layer_contenido {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 1500px;
  z-index: 250;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 1400px) {
  .layer_contenido {
    min-height: 900px;
    height: calc(100vh - 0);
  }
}

.layer_contenido.ocni_verde, .layer_contenido.ocni_activado {
  background-color: #00fcffbf;
}

@media (min-width: 768px) {
  .layer_contenido.ocni_verde, .layer_contenido.ocni_activado {
    background-color: transparent;
  }
}

@media (min-width: 1400px) {
  .layer_contenido.ocni_activado .grupo {
    padding-top: 120px;
  }
}

.layer_contenido .grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 768px) {
  .layer_contenido .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    padding: 40px;
    padding-top: 80px;
    height: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 1400px) {
  .layer_contenido .grupo {
    padding-top: 220px;
  }
}

.grupo .textos {
  width: 100%;
}

@media (min-width: 768px) {
  .grupo .textos {
    width: unset;
  }
}

a.boton {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #ee0b7f;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  a.boton {
    margin: unset;
  }
}

a.boton:hover {
  border-radius: 5px;
  background-color: #bd0965;
}

a.link-interno {
  color: #ee0b7f;
  text-decoration: none;
}

.contenido.tothem .bajada,
.contenido.rock .bajada,
.contenido.chaspark .bajada,
.contenido.thetzi .bajada,
.contenido.senti .bajada,
.contenido.fuente .bajada {
  margin-bottom: 15px;
}

.contenido.tothem .textos,
.contenido.rock .textos,
.contenido.chaspark .textos,
.contenido.thetzi .textos,
.contenido.senti .textos,
.contenido.fuente .textos {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .contenido.tothem .textos,
  .contenido.rock .textos,
  .contenido.chaspark .textos,
  .contenido.thetzi .textos,
  .contenido.senti .textos,
  .contenido.fuente .textos {
    margin-top: -35px;
  }
}

.contenido.tothem .textos h3,
.contenido.rock .textos h3,
.contenido.chaspark .textos h3,
.contenido.thetzi .textos h3,
.contenido.senti .textos h3,
.contenido.fuente .textos h3 {
  line-height: 21px !important;
}

@media (min-width: 1200px) {
  .contenido.chaspark h2 {
    font-size: 67px !important;
  }
}

@media (min-width: 1024px) {
  .contenido.thetzi .textos h2 {
    line-height: 80px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) {
  .contenido.fuente .textos h2 {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .contenido.senti .textos {
    margin-top: -50px;
  }
}

@media (min-width: 1024px) {
  .contenido.senti .textos h2 {
    font-size: 65px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .contenido.rock .textos {
    margin-top: -74px;
  }
}

.contenido.rock .textos h2 {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 40px;
}

.contenido.rock .textos h2 span {
  font-family: 'Oswald', sans-serif;
  color: #ffff00;
  text-transform: uppercase;
  font-size: 55px;
  line-height: 55px;
}

@media (min-width: 768px) {
  .contenido.rock .textos h2 span {
    font-size: 60px;
    line-height: 60px;
  }
}

.grupo .textos h2 {
  font-family: 'Oswald', sans-serif;
  color: #ffff00;
  text-transform: uppercase;
  font-size: 55px;
  line-height: 55px;
  text-align: center;
  margin-bottom: 30px;
  -webkit-transform: rotate(-9deg);
          transform: rotate(-9deg);
}

.grupo .textos h2 span {
  font-family: 'Oswald', sans-serif;
  color: #ffff00;
  text-transform: uppercase;
  font-size: 55px;
  line-height: 55px;
}

@media (min-width: 768px) {
  .grupo .textos h2 span {
    font-size: 75px;
    line-height: 75px;
  }
}

@media (min-width: 768px) {
  .grupo .textos h2 {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    font-size: 75px;
    line-height: 75px;
    width: 350px;
    margin-bottom: 30px;
  }
}

.grupo .textos .bajada {
  width: 100%;
  padding-bottom: 0px;
  text-align: center;
}

@media (min-width: 1200px) {
  .grupo .textos .bajada {
    text-align: unset;
  }
}

@media (min-width: 768px) {
  .grupo .textos .bajada {
    padding: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .contenido.senti .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: space-between;
        -ms-flex-align: space-between;
            align-items: space-between;
  }
}

.contenido.senti .bajada {
  width: 100%;
  margin-left: auto;
}

.contenido.senti .bajada p {
  width: 100%;
  color: white;
  font-weight: bold;
  line-height: 22px;
}

.contenido.senti .bajada img {
  width: 100%;
  height: auto;
  position: relative;
  margin: 20px 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .contenido.senti .bajada img {
    width: 315px;
    margin-top: 0;
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .contenido.senti .bajada img {
    margin-bottom: 50px;
  }
}

.grupo .textos .bajada p {
  width: 100%;
  color: white;
  font-weight: 400;
  line-height: 22px;
}

@media (min-width: 768px) {
  .grupo .textos .bajada p {
    width: unset;
  }
}

.grupo .textos .bajada h3 {
  color: #5bc5f0;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
  .grupo .textos .bajada h3 {
    line-height: 28px;
    font-size: 16px;
  }
}

.grupo .cerrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .grupo .cerrar {
    -ms-flex-item-align: unset;
        -ms-grid-row-align: unset;
        align-self: unset;
    margin-bottom: 0;
    margin-left: auto;
  }
}

.grupo .cerrar:hover {
  cursor: pointer;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.grupo .cerrar img {
  position: relative;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}

.grupo .cerrar img:hover {
  cursor: pointer;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.grupo span {
  color: white;
  display: none;
}

@media (min-width: 1200px) {
  .grupo span {
    display: block;
  }
}

.grupo .contenido {
  /* display:flex; */
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 768px) {
  .grupo .contenido {
    pointer-events: all;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.grupo .contenido .grupo {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .grupo .contenido .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 20px;
    overflow: unset;
  }
}

.trigger {
  position: absolute;
}

.trigger:hover {
  cursor: pointer;
  /* background-color:blue; */
}

@-webkit-keyframes ovniTamb {
  0% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
}

@keyframes ovniTamb {
  0% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
}

.ovni {
  width: 43px;
  height: 42px;
  background-image: url("../images/ovni.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 201;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  left: 31%;
  top: 4%;
  -webkit-animation: ovniTamb .5s linear;
          animation: ovniTamb .5s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@media (min-width: 768px) {
  .ovni {
    display: block;
  }
}

@media (min-width: 768px) {
  .ovni {
    left: calc(40% - 21px);
    top: 15%;
    -webkit-animation: unset;
            animation: unset;
  }
}

.ovni:hover {
  cursor: pointer;
}

.bondi {
  background-image: url("../images/bondi_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 70%;
  left: 75%;
  width: 60px;
  height: 43px;
  z-index: 98;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  /* transition: all 10s linear forwards; */
  /* transition: all 10s linear; */
  /* transform: translate(1020px, -362px); */
}

.auto {
  display: none;
  background-image: url("../images/auto_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 63%;
  left: 38%;
  width: 43px;
  height: 43px;
  z-index: 101;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  /* transition: all 10s linear forwards; */
  /* transition: all 10s linear; */
  /* transform: translate(1020px, -362px); */
}

@media (min-width: 768px) {
  .auto {
    display: block;
    -webkit-animation: autoDesk 20s linear;
            animation: autoDesk 20s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

@media (min-width: 1200px) {
  .auto {
    display: block;
  }
}

@media (min-width: 1400px) {
  .auto {
    top: 64%;
    -webkit-animation: autoFullDesk 20s linear;
            animation: autoFullDesk 20s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}

.auto.go {
  /* transition: all 10s linear forwards; */
  -webkit-transform: translate(1020px, -362px);
          transform: translate(1020px, -362px);
}

.auto_m {
  position: absolute;
  z-index: 100;
}

.auto_m.uno {
  top: 65%;
  left: 12%;
  width: 10vw;
}

.auto_m.dos {
  width: 15vw;
  -webkit-animation: bondiMob 15s linear;
          animation: bondiMob 15s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  z-index: 90;
}

.cuadra_thet {
  display: block;
  background-image: url("../images/edificio_thet.png");
  z-index: 99;
}

.cartel_thet {
  display: block;
  background-image: url("../images/cartel_thet_off.png");
  z-index: 99;
  /* transform-origin: 35% 0px;
    transition:transform 1s ease; */
}

.edificio {
  width: 100%;
  /* height:100%; */
  position: absolute;
  z-index: 92;
}

.edificio_thet {
  top: 8%;
}

@media (min-width: 1200px) {
  .edificio_thet {
    top: 11%;
  }
}

.edificio_senti {
  top: 25%;
}

@media (min-width: 1200px) {
  .edificio_senti {
    top: 30%;
  }
}

.edificio_tothem {
  top: 37%;
}

@media (min-width: 1200px) {
  .edificio_tothem {
    top: 49%;
  }
}

.edificio_chaspark {
  top: 48%;
}

@media (min-width: 1200px) {
  .edificio_chaspark {
    top: 59%;
  }
}

.edificio_rock {
  top: 62%;
}

.edificio_fuente {
  top: 77%;
}

.cuadra_decoracion2 {
  background-image: url("../images/edificio_decoracion2_2.png");
  display: none;
}

@media (min-width: 1400px) {
  .cuadra_decoracion2 {
    display: block;
    top: -15%;
    z-index: 100;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
}

.cuadra_decoracion1 {
  background-image: url("../images/edificio_decoracion1_1.png");
  display: none;
}

@media (min-width: 1366px) {
  .cuadra_decoracion1 {
    display: block;
    top: -16%;
    left: 1%;
    z-index: 101;
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
  }
}

@media (min-width: 1400px) {
  .cuadra_decoracion1 {
    display: block;
    top: -15%;
    z-index: 101;
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
  }
}

.cuadra_tothem {
  background-image: url("../images/edificio_tothem.png");
  z-index: 98;
  /* animation: smoothBajada 1s forwards; */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.cartel_tothem {
  display: block;
  background-image: url("../images/cartel_tothem_off.png");
  z-index: 98;
}

.cuadra_senti {
  background-image: url("../images/edificio_senti.png");
  z-index: 97;
  /* animation: smoothBajada 1s forwards; */
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.cartel_senti {
  display: block;
  background-image: url("../images/cartel_senti_off.png");
  z-index: 97;
}

.cuadra_rock {
  background-image: url("../images/edificio_rock.png");
  z-index: 105;
  /* animation: smoothBajada 1s forwards; */
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.cartel_rock {
  display: none;
  background-image: url("../images/cartel_rock_off.png");
  z-index: 110;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}

@media (min-width: 1366px) {
  .cartel_rock {
    display: block;
  }
}

.cartel_fuente {
  background-image: url("../images/cuadra_fuente_off.gif");
  z-index: 110;
  top: -15%;
  left: 9px;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.cartel_fuente_glow {
  background-image: url("../images/cuadra_fuente_on.png");
  z-index: 105;
  opacity: 0;
}

.cartel_fuente_glow.show {
  opacity: 1;
  -webkit-transform: translateY(-2.5%);
          transform: translateY(-2.5%);
}

.cuadra_chaspark {
  background-image: url("../images/edificio_chaspark.png");
  z-index: 101;
  /* animation: smoothBajada 1s forwards; */
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.cartel_chaspark {
  background-image: url("../images/cartel_chaspark_off.png");
  z-index: 101;
  /* animation: smoothBajada 1s forwards; */
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.chancho {
  position: absolute;
  top: 21%;
  left: 0;
  z-index: 101;
}

.chancho img {
  width: 45vw;
}

@media (min-width: 1200px) {
  .chancho img {
    display: none;
  }
}

@media (min-width: 768px) {
  .chancho {
    background-image: url("../images/chancho_off.png");
    top: -20%;
    background-position-x: 33%;
  }
}

@media (min-width: 1200px) {
  .chancho {
    top: unset;
    background-image: url("../images/chancho_off.png");
    background-position: top -142px center;
    z-index: 101;
  }
}

.thetzilla {
  background-image: url("../images/thetzilla_off.png");
}

@media (min-width: 768px) {
  .thetzilla {
    background-position: 61% center;
  }
}

@media (min-width: 1200px) {
  .thetzilla {
    background-position: top -142px center;
  }
}

.trigger-thet {
  -webkit-clip-path: polygon(52% 0, 100% 0, 100% 25%, 100% 82%, 49% 100%, 0 77%, 0 25%);
  clip-path: polygon(52% 0, 100% 0, 100% 25%, 100% 82%, 49% 100%, 0 77%, 0 25%);
}

@media (min-width: 768px) {
  .trigger-thet {
    width: 22%;
    height: 40%;
    top: 29%;
    left: 0%;
  }
}

@media (min-width: 1200px) {
  .trigger-thet {
    width: 33%;
    height: 40%;
    top: 31%;
    left: 0%;
  }
}

.trigger-tothem {
  width: 29%;
  height: 30%;
  top: 25%;
  left: 32%;
  -webkit-clip-path: polygon(37% 16%, 82% 32%, 94% 81%, 48% 100%, 6% 80%, 8% 25%);
  clip-path: polygon(37% 10%, 90% 10%, 94% 81%, 48% 100%, 6% 80%, 8% 25%);
}

.trigger-senti {
  -webkit-clip-path: polygon(49% 17%, 76% 44%, 100% 79%, 47% 100%, 18% 89%, 7% 45%);
  clip-path: polygon(49% 17%, 76% 44%, 100% 79%, 47% 100%, 18% 89%, 7% 45%);
}

@media (min-width: 768px) {
  .trigger-senti {
    width: 45%;
    height: 37%;
    top: 7%;
    left: 56%;
  }
}

@media (min-width: 1200px) {
  .trigger-senti {
    width: 34%;
    height: 37%;
    top: 7%;
    left: 52%;
  }
}

.trigger-rock {
  -webkit-clip-path: polygon(55% 23%, 94% 64%, 49% 89%, 10% 66%, 6% 53%);
  clip-path: polygon(55% 23%, 94% 64%, 49% 89%, 10% 66%, 6% 53%);
}

@media (min-width: 768px) {
  .trigger-rock {
    display: none;
  }
}

@media (min-width: 1200px) {
  .trigger-rock {
    display: block;
    width: 40%;
    height: 39%;
    top: 45%;
    right: -25%;
    left: unset;
  }
}

.trigger-fuente {
  -webkit-clip-path: polygon(55% 23%, 94% 64%, 49% 89%, 10% 66%, 6% 53%);
  clip-path: polygon(55% 23%, 94% 64%, 49% 89%, 10% 66%, 6% 53%);
}

@media (min-width: 768px) {
  .trigger-fuente {
    width: 51%;
    height: 39%;
    top: 47%;
    left: 30%;
  }
}

@media (min-width: 1200px) {
  .trigger-fuente {
    width: 47%;
    height: 34%;
    top: 52%;
    left: 30%;
  }
}

.trigger-chaspark {
  -webkit-clip-path: polygon(51% 23%, 100% 63%, 50% 89%, 5% 65%, 7% 52%);
  clip-path: polygon(51% 23%, 100% 63%, 50% 89%, 5% 65%, 7% 52%);
}

@media (min-width: 768px) {
  .trigger-chaspark {
    width: 39%;
    height: 39%;
    top: 33%;
    left: 79%;
  }
}

@media (min-width: 1200px) {
  .trigger-chaspark {
    width: 34%;
    height: 39%;
    top: 33%;
    left: 66%;
  }
}

.trigger-chancho {
  width: 17%;
  height: 22%;
  top: 65%;
  left: -6%;
  -webkit-clip-path: ellipse(48% 40% at 50% 50%);
  clip-path: ellipse(48% 40% at 50% 50%);
}

.trigger-thetzilla {
  width: 12%;
  height: 42%;
  top: 7%;
  right: -5%;
  -webkit-clip-path: ellipse(48% 40% at 50% 50%);
  clip-path: ellipse(48% 40% at 50% 50%);
}

.trigger:hover {
  /* background-color:blue; */
}

iframe {
  width: 100%;
  height: 250px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 768px) {
  iframe {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 768px;
    min-width: 60%;
    height: 412px;
    padding-top: 60px;
  }
}

@media (min-width: 1200px) {
  iframe {
    width: 100%;
    padding-top: 0px;
  }
}

.cerrar-modal span {
  display: block;
  width: 2em;
  color: white;
  margin-left: auto;
  text-align: center;
  font-size: 2em;
  font-family: 'Montserrat';
  cursor: pointer;
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  background-color: #ed0b7f;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 170;
}

header .menu {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0;
  padding: 20px;
  background-color: #ff0384;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  font-family: 'Open Sans', sans-serif;
  color: white;
  z-index: 200;
}

footer a {
  color: white;
  text-decoration: none;
  font-size: 13px;
}

footer .grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

footer .grupo span {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  margin-left: 15px;
}

.gost {
  width: 100%;
  position: relative;
  margin-top: -2%;
  z-index: 201;
}

@media (min-width: 1200px) {
  .gost {
    display: block;
  }
}

.flotante {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  bottom: 80px;
}

@media (min-width: 768px) {
  .flotante {
    position: relative;
    padding-left: 55px;
  }
}

@media (min-width: 1200px) {
  .flotante {
    position: absolute;
    bottom: -15%;
    padding-left: 0;
  }
}

.flotante a {
  color: white;
  text-decoration: none;
  font-size: 13px;
}

.flotante a:hover {
  text-decoration: underline;
}

.flotante .grupo {
  display: none;
}

@media (min-width: 768px) {
  .flotante .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1200px) {
  .flotante .grupo {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.flotante .grupo span {
  display: block;
  font-size: 13px;
  text-align: center;
  margin-left: 15px;
}

footer.mobile {
  display: none;
}

.redes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 100;
}

@media (min-width: 768px) {
  .redes {
    margin-bottom: 20px;
    position: relative;
  }
}

.redes li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-left: 15px;
}

.redes li:first-child {
  margin-left: 0;
}

.redes li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  background-color: #004b8b;
}

@media (min-width: 768px) {
  .redes li a:hover {
    cursor: pointer;
    background-color: white;
    color: #004b8b;
    text-decoration: none;
  }
}

.globo {
  width: unset;
  position: absolute;
  top: 100%;
  left: 55%;
}

@media screen and (max-width: 700px) {
  .bg_base {
    display: none;
  }
  .bg_base_mobile {
    display: block;
    overflow: hidden;
  }
  .layer_target_mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 155;
  }
  .trigger.trigger-thet {
    top: 8%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 90%;
    left: 5%;
    height: 13%;
  }
  .trigger.trigger-senti {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 90%;
    left: 5%;
    top: 25%;
    height: 15%;
  }
  .trigger.trigger-tothem {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 75%;
    left: 5%;
    top: 41%;
    height: 13%;
  }
  .trigger.trigger-chaspark {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 75%;
    left: 5%;
    top: 55%;
    height: 9%;
  }
  .trigger.trigger-rock {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 90%;
    left: 5%;
    top: 65%;
    height: 9%;
  }
  .trigger.trigger-fuente {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 90%;
    left: 5%;
    top: 78%;
    height: 9%;
  }
  .trigger.trigger-thetzilla {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 20%;
    left: 80%;
    top: 56%;
    height: 13%;
    z-index: 1;
  }
  .trigger.trigger-chancho {
    width: 22%;
    height: 9%;
    top: 21%;
    left: 0%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
  }
  footer {
    display: none;
  }
  footer.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    height: 120px;
    padding-top: 40px;
    z-index: 199;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
  }
  footer.mobile a {
    color: white;
    text-decoration: none;
  }
  footer.mobile span {
    font-weight: normal;
  }
  .thetzila {
    width: 50vw;
    position: absolute;
    right: -5%;
    top: 54%;
    z-index: 100;
  }
}

.ovni_click {
  left: calc(50% - 22px);
  -webkit-transform: scale(1.5) !important;
          transform: scale(1.5) !important;
  z-index: 1000000;
}

.formulario {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
}

.formulario img {
  position: relative;
  margin: 0 auto;
}

.formulario img.img_mobile {
  margin-bottom: 15px;
  max-width: 360px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .formulario img.img_mobile {
    display: none;
  }
}

.formulario img.img_desk {
  display: none;
}

@media (min-width: 768px) {
  .formulario img.img_desk {
    display: block;
    width: 40px;
    height: 51px;
    margin-top: 110px;
  }
}

.formulario .esconder_response {
  display: none !important;
}

.formulario .desk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.formulario .desk h2 {
  display: none;
}

.formulario .mensaje-contacto {
  /* color: #ffffff; */
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  max-width: 360px;
  margin: 20px auto 0;
}

.formulario .mensaje-contacto .correo {
  color: #004b8b;
  font-weight: 600;
  text-decoration: none;
}

.formulario .mensaje-contacto .correo:hover {
  text-decoration: underline;
}

.formulario .desk h2.response {
  display: none;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 23px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-shadow: 0 0 14px #19707a;
}

.formulario .desk h2.show_response {
  display: block !important;
  width: 95%;
  margin-top: -6px;
  font-size: 21px;
}

@media (min-width: 768px) {
  .formulario .desk h2.show_response {
    width: 35%;
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .formulario .desk {
    background-image: url("../images/fondo_verde.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 500px;
    width: 100%;
  }
  .formulario .desk h2 {
    color: white;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 14px #00000082;
    font-size: 34px;
    line-height: 35px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .formulario .desk h2 {
    display: block;
  }
}

.formulario input, .formulario textarea {
  margin-bottom: 10px;
  border-radius: 15px;
  padding: 15px;
  outline: none;
  border: none;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .formulario input, .formulario textarea {
    padding: 5px 15px;
  }
}

.formulario input::-webkit-input-placeholder, .formulario textarea::-webkit-input-placeholder {
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 14px;
}

.formulario input:-ms-input-placeholder, .formulario textarea:-ms-input-placeholder {
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 14px;
}

.formulario input::-ms-input-placeholder, .formulario textarea::-ms-input-placeholder {
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 14px;
}

.formulario input::placeholder, .formulario textarea::placeholder {
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 14px;
}

.formulario .input:nth-of-type(1) {
  width: 80%;
}

@media (min-width: 768px) {
  .formulario .input:nth-of-type(1) {
    width: 32%;
  }
}

.formulario .input:nth-of-type(2) {
  width: 92%;
}

@media (min-width: 768px) {
  .formulario .input:nth-of-type(2) {
    width: 34%;
  }
}

.formulario textarea {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px;
}

@media (min-width: 768px) {
  .formulario textarea {
    width: 40%;
    margin-bottom: 10px;
  }
}

.formulario .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .formulario .submit {
    width: 38%;
    margin-bottom: 0;
  }
}

.formulario .submit input, .formulario .submit a {
  width: 40%;
}

.formulario .submit .input_submit {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
  background-color: #47bbea;
  color: white;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
}

.formulario .submit .input_submit:hover {
  cursor: pointer;
  background-color: #1aaae4;
}

.formulario .submit a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .layer_contenido .grupo {
    padding-top: 20px;
  }
  .layer_contenido .contenido {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .layer_contenido .contenido iframe {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0;
  }
  .layer_contenido .contenido .grupo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
    padding-top: 20px;
  }
  .layer_contenido .contenido .grupo .textos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    margin: 40px 0;
  }
  .layer_contenido .contenido .grupo .textos h2 {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    margin-bottom: 5px;
    font-size: 65px;
  }
}
/*# sourceMappingURL=frontend.css.map */