footer {
  width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  z-index: 5;
  height: 12vh;
  padding-left: 9%;
  font-family: 'RobotoLight';
}

footer > div {
  float: left;
}

footer > div.vr {
  width: 30%;
  display: block;
}

footer > div.vr > p {
  color: white;
  margin-bottom: 1vw;
  margin-top: 1vw;
}

footer > div.vr > div {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 100%;
  height: 5vh;
}

footer > div.vr > div a.storelink {
  display: block;
  max-width: 30%;
  margin-right: 3%;
}

footer > div.vr > div a.storelink div.images {
  position: relative;
  width: auto;
}

footer > div.vr > div a.storelink div.images img {
  height: 100%;
  opacity: 1;
  height: 4vh;
}

footer > div.vr > div a.storelink div.images img:nth-of-type(1) {
  opacity: 0;
  position: relative;
}

footer > div.vr > div a.storelink div.images img:nth-of-type(2) {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

footer > div.vr > div a.storelink div.images:hover img:nth-of-type(1) {
  opacity: 1;
}

footer > div.vr > div a.storelink div.images:hover img:nth-of-type(2) {
  opacity: 0;
}

footer > div.creditos {
  width: 35%;
  display: block;
}

footer > div.creditos > p {
  color: white;
  margin-bottom: 1vw;
  margin-top: 1vw;
}

footer > div.creditos .oneName {
  float: left;
  font-size: 12px;
  color: white;
}

footer > div.creditos .oneName span.job {
  font-weight: 700;
  font-family: 'RobotoRegular';
}

footer > div.creditos .oneName span.verticalLine {
  display: block;
  width: 2px;
  float: left;
  height: 12px;
  background: white;
  margin: 0 5px;
}

footer > div.creditos .oneName:nth-of-type(1) span.verticalLine {
  display: none;
}

footer > div.logo {
  margin-right: 1vw;
  float: right;
  margin-bottom: 2vw;
}

footer > div.logo img {
  height: 10vh;
}
@charset "UTF-8";
.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

.letter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: auto;
  -webkit-flex-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  position: absolute;
}

.letter span {
  -webkit-animation: smoky 5s 3s both;
          animation: smoky 5s 3s both;
}

.letter .space {
  visibility: hidden;
}

.letter0 {
  left: 20%;
  top: 20%;
  font-family: 'BodoniBook';
  font-size: 72px;
  font-weight: 300;
  letter-spacing: -2.57px;
}

.letter0 span {
  font-family: 'BodoniBook';
  color: #bf8c73;
}

.letter1 {
  top: 10%;
  right: 10%;
  opacity: 0.15;
  font-family: 'BodoniBook';
  font-size: 144px;
  font-weight: 300;
  letter-spacing: -5.14px;
}

.letter1 span {
  font-family: 'BodoniBook';
  color: #ffffff;
}

.letter2 {
  right: 20%;
  top: 40%;
  font-family: 'BodoniBook';
  font-size: 60px;
  font-weight: 300;
  letter-spacing: -2.14px;
}

.letter2 span {
  font-family: 'BodoniBook';
  color: #ffd5a8;
}

.letter3 {
  left: 30%;
  top: 60%;
  opacity: 0.15;
  font-family: 'BodoniBook';
  font-size: 144px;
  font-weight: 300;
  letter-spacing: -5.14px;
}

.letter3 span {
  font-family: 'BodoniBook';
  color: #ffffff;
}

.letter4 {
  left: 20%;
  bottom: 20%;
  font-family: 'BodoniBook';
  font-size: 44px;
  font-weight: 300;
  letter-spacing: -1.57px;
}

.letter4 span {
  font-family: 'BodoniBook';
  color: #bf8c73;
}

.letter5 {
  bottom: 10%;
  right: 10%;
  opacity: 0.15;
  font-family: 'BodoniBook';
  font-size: 144px;
  font-weight: 300;
  letter-spacing: -5.14px;
}

.letter5 span {
  font-family: 'BodoniBook';
  color: #ffffff;
}

.especialTexxt span {
  display: inline-block;
  text-shadow: 0 0 0 whitesmoke;
  -webkit-animation: smoky 5s 3s both;
          animation: smoky 5s 3s both;
}

.especialTexxt span:nth-child(even) {
  -webkit-animation-name: smoky-mirror;
          animation-name: smoky-mirror;
}

@-webkit-keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
            transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}

@keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
            transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}

@-webkit-keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
            transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}

@keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    -webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
            transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}

.especialTexxt span:nth-of-type(1) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}

.especialTexxt span:nth-of-type(2) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}

.especialTexxt span:nth-of-type(3) {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
}

.especialTexxt span:nth-of-type(4) {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}

.especialTexxt span:nth-of-type(5) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.especialTexxt span:nth-of-type(6) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}

.especialTexxt span:nth-of-type(7) {
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s;
}

.especialTexxt span:nth-of-type(8) {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}

.especialTexxt span:nth-of-type(9) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
}

.especialTexxt span:nth-of-type(10) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.especialTexxt span:nth-of-type(11) {
  -webkit-animation-delay: 4.1s;
          animation-delay: 4.1s;
}

.especialTexxt span:nth-of-type(12) {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}

.especialTexxt span:nth-of-type(13) {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}

.especialTexxt span:nth-of-type(14) {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}

.especialTexxt span:nth-of-type(15) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.especialTexxt span:nth-of-type(16) {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
}

.especialTexxt span:nth-of-type(17) {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}

.especialTexxt span:nth-of-type(18) {
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}

.especialTexxt span:nth-of-type(19) {
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s;
}

.especialTexxt span:nth-of-type(20) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.especialTexxt span:nth-of-type(21) {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
}

.disappear {
  display: none !important;
}

.disappearAll {
  opacity: 0 !important;
  z-index: -1 !important;
  transition: all 1s linear;
}

.preDisappear {
  -webkit-animation-name: disappearTitleAnimation !important;
          animation-name: disappearTitleAnimation !important;
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

.preDisappear div div.line.lineTop {
  -webkit-animation: DisappearLineLeftAnimation 1s ease-in-out forwards !important;
  animation: DisappearLineLeftAnimation 1s ease-in-out forwards !important;
}

.preDisappear div div.line.lineBottom {
  -webkit-animation: DisappearLineRightAnimation 1s ease-in-out forwards !important;
  animation: DisappearLineRightAnimation 1s ease-in-out forwards !important;
}

.appear {
  -webkit-animation-name: titleAnimation;
          animation-name: titleAnimation;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.appear div div.line.lineTop {
  -webkit-animation-name: lineLeftAnimation;
          animation-name: lineLeftAnimation;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.appear div div.line.lineBottom {
  -webkit-animation-name: lineRightAnimation;
          animation-name: lineRightAnimation;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.modalInstructions {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  background-color: #ffd8b1;
  background-image: url(/escena-360/almagro-respira-teatro/dist/28b1ae8d9522ce8bab7317a5cb58cf1b.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: bottom left;
  z-index: -1;
  opacity: 0;
  transition: all 1s linear;
}

.modalInstructions li span.bg {
  display: none;
}

.modalInstructions li span.bg.bg0 {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc(50% - 654px / 2);
  left: calc(50% - 530px / 2);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  width: 530px;
  height: 654px;
  opacity: 0;
  z-index: 1;
  -webkit-backface-visibility: hidden;
}

.modalInstructions li i {
  z-index: 1000;
  position: absolute;
  bottom: 50%;
  left: 0px;
  width: 100%;
  text-align: center;
  opacity: 0;
  display: block;
  font-size: 47px;
}

.modalInstructions li > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}

.modalInstructions li > div h4 {
  color: #ffffff;
  font-family: 'BodoniBook';
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -1.28px;
  margin: 4%;
  display: block;
  width: 38%;
  text-align: center;
}

.modalInstructions li > div p {
  display: none;
}

.modalInstructions li > div div.line {
  opacity: 0;
  height: 3px solid white;
  height: 20%;
  width: 2px;
  background: white;
  display: block;
  float: left;
  margin-bottom: calc(22px /2 - 1.5px);
}

.modalInstructions.show {
  opacity: 1;
  z-index: 20;
}

/* ANIMACIÓN LINEA IZQUIERDA */
@-webkit-keyframes lineLeftAnimation {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes lineLeftAnimation {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes DisappearLineLeftAnimation {
  from {
    -webkit-transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-45vh);
    opacity: 0;
  }
}

@keyframes DisappearLineLeftAnimation {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-45vh);
            transform: translateY(-45vh);
    opacity: 0;
  }
}

/* ANIMACIÓN LINEA DERECHA */
@-webkit-keyframes lineRightAnimation {
  0% {
    -webkit-transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes lineRightAnimation {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

/* ANIMACIÓN LINEA DERECHA DISSAPEAR*/
@-webkit-keyframes DisappearLineRightAnimation {
  from {
    -webkit-transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(45vh);
    opacity: 0;
  }
}

@keyframes DisappearLineRightAnimation {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(45vh);
            transform: translateY(45vh);
    opacity: 0;
  }
}

@-webkit-keyframes titleAnimation {
  0% {
    display: block;
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    display: block;
  }
}

@keyframes titleAnimation {
  0% {
    display: block;
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    display: block;
  }
}

@-webkit-keyframes disappearTitleAnimation {
  0% {
    display: block;
    opacity: 1;
  }
  80% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes disappearTitleAnimation {
  0% {
    display: block;
    opacity: 1;
  }
  80% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes titleAnimationLast {
  0% {
    display: block;
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    display: block;
  }
}

@keyframes titleAnimationLast {
  0% {
    display: block;
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    display: block;
  }
}

.skip {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  bottom: 4%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0%;
  height: 10%;
  z-index: 8;
  background-image: url(/escena-360/almagro-respira-teatro/dist/28b1ae8d9522ce8bab7317a5cb58cf1b.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.skip div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 2px solid white;
  width: 15%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.skip div p {
  font-family: "MaisonNeueBook";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.55px;
  line-height: 19px;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .letter0 {
    left: 5%;
    top: 2%;
    font-size: 55px;
  }
  .letter1 {
    display: none;
  }
  .letter2 {
    right: 1%;
    top: 20%;
    font-size: 48px;
  }
  .letter3 {
    display: none;
  }
  .letter4 {
    left: 0%;
    bottom: 20%;
    font-size: 55px;
  }
  .letter5 {
    display: none;
  }
  .skip div {
    width: 30%;
  }
  .modalInstructions li div h4 {
    font-size: 30px;
    width: 95%;
  }
}

@media only screen and (min-width: 701px) and (max-width: 1200px) {
  .letter0 {
    left: 1%;
    top: 2%;
    font-size: 61px;
  }
  .letter1 {
    top: 10%;
    right: 1%;
    font-size: 84px;
  }
  .letter2 {
    right: 1%;
    top: 22%;
    font-size: 80px;
  }
  .letter3 {
    left: 27%;
    top: 64%;
    font-size: 65px;
  }
  .letter4 {
    left: 12%;
    bottom: 13%;
    font-size: 40px;
  }
  .letter5 {
    bottom: 10%;
    right: 2%;
    font-size: 75px;
  }
  .skip div {
    width: 30%;
  }
  .skip div p {
    font-size: 18px;
  }
  .modalInstructions li div h4 {
    font-size: 35px;
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .letter0 {
    left: 1%;
    top: 2%;
    font-size: 61px;
  }
  .letter1 {
    right: 29%;
    top: 22%;
    font-size: 95px;
  }
  .letter2 {
    right: 1%;
    top: 8%;
    font-size: 80px;
  }
  .letter3 {
    left: 27%;
    top: 64%;
    font-size: 70px;
  }
  .letter4 {
    left: 9%;
    bottom: 13%;
    font-size: 56px;
  }
  .letter5 {
    bottom: 15%;
    right: 2%;
    font-size: 80px;
  }
  .modalInstructions li div h4 {
    width: 60%;
  }
}

@media only screen and (min-width: 1501px) and (max-width: 1900px) {
  .letter0 {
    left: 5%;
    top: 20%;
    font-size: 72px;
  }
  .letter1 {
    top: 8%;
    right: 13%;
  }
  .letter2 {
    right: 20%;
    top: 32%;
  }
  .letter3 {
    left: 55%;
    top: 60%;
    font-size: 98px;
  }
  .letter4 {
    left: 14%;
    bottom: 26%;
  }
  .letter5 {
    bottom: 10%;
    right: 25%;
    font-size: 110px;
  }
  .modalInstructions li div h4 {
    width: 60%;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvY29tcG9uZW50cy9zdGF0ZWxlc3MvUlJTUy9ycnNzLnNjc3MifQ== */.videoToFront {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8) !important;
  height: 100vh !important;
}

.videoToFront .r5-wraper {
  width: 80% !important;
  margin: 0 auto;
  left: 10%;
  top: 10%;
  height: 80%;
}

.r5-fullscreen:hover {
  transition: 0.350s linear;
}

.r5-fullscreen:hover i {
  color: #eda36b;
}

.r5-fullscreen {
  color: #fff;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  right: 0;
  top: 0;
  margin: 1rem;
  position: absolute;
  z-index: 99;
  text-align: center;
}

.r5-fullscreen > button {
  color: #fff;
}

.r5-wraper {
  width: auto;
  min-width: 200px;
  position: relative;
  overflow: hidden;
}

.r5-wraper:hover .topControls {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.r5-wraper .topControls {
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: 99;
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1em;
  top: 2.5rem;
}

.r5-wraper .topControls div {
  cursor: pointer;
  border: 2px solid white;
  height: 2rem;
  width: 2rem;
  margin-bottom: 1.5em;
}

.r5-wraper .topControls div:hover {
  background-color: #ff9c50;
  transition: 0.350s linear;
}

.r5-wraper .topControls div:hover i {
  color: white;
}

.r5-wraper *, .r5-wraper:after, .r5-wraper:before {
  box-sizing: border-box;
}

.r5-wraper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.r5-wraper video {
  display: block;
}

.r5-wraper .r5-content {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.r5-wraper .r5-content * {
  pointer-events: auto;
}

.r5-wraper .r5-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .5s ease;
  opacity: 0.5;
}

.r5-wraper .r5-overlay i {
  width: 3.5vw;
  height: 3.5vw;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.75vw;
  margin-top: -1.75vw;
  font-size: 3.5vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.r5-wraper .r5-overlay i i {
  font-size: 1.2vw;
  color: white;
}

.r5-wraper .r5-overlay:hover {
  opacity: 0.9;
}

.r5-wraper .r5-overlay.toFront {
  z-index: 98;
}

.r5-wraper div.preroll {
  transition: visibility 0.400s, opacity 0.350s linear;
  opacity: 1;
  visibility: visible;
}

.r5-wraper div.preroll.hide {
  transition: visibility 0.400s, opacity 0.350s linear;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.r5-wraper button {
  background: 0 0;
  border: none;
  outline: 0;
  opacity: .8;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.r5-wraper button:hover {
  opacity: 1;
}

.r5-wraper .r5-controls, .r5-wraper .r5-seekbar-wraper {
  width: 100%;
}

.r5-wraper .r5-controls-hidden {
  display: none;
}

.r5-wraper .r5-subs-hidden {
  opacity: 0.3;
}

.r5-wraper .r5-controls {
  text-align: left;
}

.r5-wraper .custom-pos {
  display: inline-block;
  line-height: 2rem;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  color: white;
  font-size: 12px;
}

.r5-wraper .r5-pull-right {
  float: right;
}

.r5-wraper .r5-timecode {
  display: none;
  font-size: 14px;
  position: absolute;
  left: 5%;
  bottom: 45px;
  display: inline;
}

.r5-wraper .r5-seekbar-wraper {
  display: inline-block;
  height: 8px;
  border-radius: 0px;
  width: calc(99.9% - 3vw*3 - 0.75vw*5);
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  transition: height 0.3s ease;
}

.r5-wraper .r5-seekbar-wraper input[type=range] {
  width: 100%;
  position: absolute;
  top: -5px;
  opacity: 0;
  cursor: pointer;
}

.r5-wraper .r5-seekbar {
  background-color: white;
  transition: width 0.1s;
  border-radius: 0px;
}

.r5-wraper .r5-seekbar-loaded {
  background-color: rgba(255, 255, 255, 0.5);
}

.r5-wraper .r5-seekbar, .r5-wraper .r5-seekbar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 5px;
}

.r5-wraper .r5-close {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.r5-wraper .r5-close > button {
  margin: 0;
}

.r5-wraper .r5-subTitle {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.r5-wraper .r5-play {
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 18px;
}

.r5-wraper .r5-play > button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.r5-wraper .r5-play > button i {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
}

.r5-wraper .r5-play:hover {
  transition: 0.350s linear;
}

.r5-wraper .r5-play:hover i {
  color: #eda36b;
}

.r5-wraper .r5-volume:hover {
  transition: 0.350s linear;
}

.r5-wraper .r5-volume:hover i {
  color: #eda36b;
}

.r5-wraper .r5-volume {
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  margin: 18px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

.r5-wraper .r5-volume > button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.r5-wraper .r5-volume > button i {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
}

.r5-wraper .r5-volume .r5-volume-inner {
  position: absolute;
  left: 1.45vw;
  bottom: -3.2vw;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.r5-wraper .r5-volume .r5-volume-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 6px;
}

.r5-wraper .r5-volume input {
  position: absolute;
  top: 0;
  left: -2px;
  margin: 2px;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-writing-mode: bt-lr;
      -ms-writing-mode: bt-lr;
          writing-mode: bt-lr;
  -webkit-appearance: slider-vertical !important;
}

.r5-wraper .r5-volume .r5-volume-bar {
  width: 100%;
  height: 100%;
  background-color: white;
}

.r5-wraper .r5-volume:hover .r5-volume-inner {
  transition: visibility 0s, opacity .3s ease;
  opacity: 1;
  visibility: visible;
}

.r5-wraper .r5-volume:hover .r5-timecode {
  display: none;
}

.r5-wraper .r5-subtitle:hover {
  background-color: #fff;
  transition: 0.350s linear;
}

.r5-wraper .r5-subtitle:hover i {
  color: black;
}

.r5-wraper .r5-subtitle {
  margin: 0.5rem;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  margin-bottom: 0.5em;
  position: relative;
  display: inline-block;
}

.r5-wraper .r5-subtitle:hover .r5-subtitle-menu {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s ease;
}

.r5-wraper .r5-subtitle-menu {
  position: absolute;
  padding-bottom: 20px;
  bottom: 20px;
  left: -5px;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.r5-wraper::cue {
  line-height: 1.4;
  opacity: .8;
  background: rgba(0, 0, 0, 0.3);
}

.r5-wraper .r5-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  /*.r5-fullscreen, .r5-timecode {
      display: none;
    }*/
}

.r5-wraper .r5-controls .r5-panel {
  margin-bottom: 0px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.r5-wraper .r5-controls .r5-panel .playerPanel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.r5-wraper .r5-controls .r5-panel .playerPanel .r5-controls-wraper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 90%;
  bottom: 0;
  position: relative;
  margin: 30px;
  border-radius: 5px;
}

.r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper .r5-seekbar {
  background-color: #eda36b;
}

.r5-wraper .r5-controls .r5-play.custom-pos {
  padding-bottom: 0.6em;
}

.r5-wraper .r5-controls .r5-play.custom-pos i {
  color: #ff9c50;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.5vw;
}

.r5-wraper .r5-controls .r5-play.custom-pos i i {
  position: absolute;
  font-size: 0.6vw;
  color: white;
}

.r5-wraper .r5-controls .r5-controls-wraper {
  display: inline-block;
}

.r5-wraper .r5-controls.r5-controls--overlay {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.r5-wraper .r5-controls.r5-controls--overlay button {
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.r5-wraper .r5-controls.r5-controls--overlay button i {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1rem;
}

.r5-wraper .r5-controls.r5-controls--overlay button.active {
  color: #44FFB4;
}

.r5-wraper .r5-controls.r5-controls--overlay.r5-auto-hide {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.r5-wraper .r5-controls.r5-controls--fixed {
  height: 45px;
  margin-top: -3px;
  background-color: #329478;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.r5-wraper .r5-controls.r5-controls--fixed button {
  color: #fff;
}

.r5-wraper .r5-controls.r5-controls--fixed .r5-seekbar-wraper {
  height: 5px;
  position: relative;
  overflow: hidden;
}

.r5-wraper:hover .r5-controls--overlay.r5-auto-hide {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.r5-wraper.squareLayout .r5-seekbar-wraper {
  border-radius: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.r5-wraper.squareLayout .r5-seekbar, .r5-wraper.squareLayout .r5-seekbar-loaded {
  border-radius: 0;
}

.r5-wraper.squareLayout .r5-seekbar {
  background-color: #9eaa7d;
}

.r5-wraper.squareLayout .r5-play {
  display: block !important;
  position: absolute;
  width: 55px;
  right: 33px;
  height: 55px;
}

.r5-wraper.squareLayout .custom-pos {
  display: block;
  font-size: initial;
  padding: 0;
  margin: 0 auto;
  line-height: 55px;
}

.r5-wraper.squareLayout .custom-pos i {
  font-size: 1vw;
}

.r5-wraper.squareLayout .r5-controls-wraper {
  width: 100%;
  text-align: right;
  padding-right: calc(33px + 55px);
  padding-bottom: calc(33px + 8px);
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-subtitle, .r5-wraper.squareLayout .r5-controls-wraper .r5-volume, .r5-wraper.squareLayout .r5-controls-wraper .r5-fullscreen {
  display: inline-block !important;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  transition: background-color 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-subtitle:hover, .r5-wraper.squareLayout .r5-controls-wraper .r5-volume:hover, .r5-wraper.squareLayout .r5-controls-wraper .r5-fullscreen:hover {
  cursor: pointer;
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-subtitle:hover i, .r5-wraper.squareLayout .r5-controls-wraper .r5-volume:hover i, .r5-wraper.squareLayout .r5-controls-wraper .r5-fullscreen:hover i {
  color: #6d6d6d;
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-fullscreen, .r5-wraper.squareLayout .r5-controls-wraper .r5-timecode {
  display: inline-block;
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-timecode {
  margin-right: 24px;
  position: relative;
  font-family: 'Maison Light';
  font-size: 14px;
  top: 50%;
  letter-spacing: 5px;
}

.r5-wraper.squareLayout .r5-controls-wraper .r5-volume:hover .r5-volume-inner {
  opacity: 0;
  display: none;
}

.r5-wraper.squareLayout .r5-overlay {
  display: none !important;
}

div.video {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  text-align: center;
  z-index: 99;
  transition: opacity 150ms ease-in-out, -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, opacity 150ms ease-in-out;
  transition: transform 500ms ease-in-out, opacity 150ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

div.video.full {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

div.video.full video {
  position: fixed;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(50%);
  transform: translateX(50%) translateY(50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: -1;
}

div.video.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

div.video:focus {
  outline: none;
}

/* MEDIA QUERIES */
@media only screen and (max-device-width: 1024px) {
  .r5-wraper .r5-overlay i i {
    font-size: 5.2vw;
  }
}

@media only screen and (max-device-width: 768px) {
  .r5-wraper .r5-overlay i i {
    font-size: 6.2vw;
  }
  .r5-wraper .r5-seekbar-wraper {
    vertical-align: middle;
    width: calc(99.9% - 7vw*3 - 0.75vw*5);
  }
  .r5-wraper .r5-controls .r5-play.custom-pos {
    font-size: 3.5vw;
  }
  .r5-wraper .r5-timecode {
    top: 0;
    vertical-align: middle;
  }
  .r5-wraper .r5-controls.r5-controls--overlay button {
    font-size: 3vw;
    vertical-align: middle;
  }
  .r5-wraper .r5-volume {
    display: none;
  }
}

.toFrontMedia {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
  opacity: 0;
  transition: all 300ms linear;
  overflow: hidden;
  z-index: -1;
  visibility: hidden;
}

.toFrontMedia .videoWrapper {
  display: table-cell;
  height: 100vh;
  vertical-align: middle;
  width: 100vw;
}

.toFrontMedia span.icon-circle-close {
  font-size: 2vw;
  position: absolute;
  right: 1vw;
  top: 1vw;
  color: #fff;
  cursor: pointer;
  z-index: 9999;
  cursor: pointer;
}

.toFrontMedia.show {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}

.toFrontMedia.show .r5-wraper {
  width: 60%;
  margin: 0 auto;
  vertical-align: middle;
}

.r5-controls {
  z-index: 99 !important;
}

@media only screen and (min-width: 1602px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 0rem;
  }
}

@media only screen and (max-width: 1601px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 0rem;
  }
}

@media only screen and (max-width: 1367px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 0rem;
  }
}

@media only screen and (max-width: 1281px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 0px;
  }
}

@media only screen and (max-width: 1025px) {
  .r5-wraper .r5-seekbar-wraper {
    width: calc(97.9% - 3vw*3 - 0.75vw*5);
  }
}
body.audioGame div.view {
  height: auto;
}

.flip-container {
  -webkit-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000;
  border-radius: 100px;
}

.flip-container .front {
  opacity: 1;
  transition: 0.4s;
}

.flip-container.answer {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container.hover.flipper {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container .answer {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container .answer .front {
  opacity: 0;
  transition: 0.4s;
}

.flip-container .answer .back {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.flipper {
  -webkit-transition: 0.4s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.4s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.4s;
  -o-transform-style: preserve-3d;
  transition: 0.4s;
  transform-style: preserve-3d;
  position: relative;
  border-radius: 100px;
}

.front, .frontEnd, .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.frontEnd {
  position: relative !important;
}

.front, .frontEnd {
  position: absolute;
  border-radius: 100px;
}

.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  position: relative;
  border-radius: 100px;
}

.gameBox {
  padding: 2rem;
  width: auto;
  height: auto;
  /*border: 3px solid #979797;*/
  border-radius: 100px;
  background-color: rgba(56, 56, 56, 0.75) !important;
}

.gameBox .Game {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.gameBox .Game .soundFinaL {
  display: none;
}

.gameBox .Game .resume {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gameBox .Game .resume .emptyAnswer {
  height: 3rem;
  width: 3rem;
  border: 2px solid white;
  border-radius: 50%;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resume .emptyAnswer div {
  height: 2rem;
  width: 2rem;
  border: 2px solid white;
  border-radius: 50%;
  background: white;
}

.gameBox .Game .resume .goodAnswer {
  height: 3rem;
  width: 3rem;
  border: 2px solid #83d258;
  background-color: #83d258;
  border-radius: 50%;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resume .goodAnswer div {
  height: 2rem;
  width: 2rem;
  border: 2px solid #83d258;
  background-color: #83d258;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjQtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Mi4wMDAwMDAsIC01MzcuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzEuMDAwMDAwLCA1MjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjI2NTc1MSkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy44NjMyOTU4LDE0LjY1MzUwMjQgTDE2LjYxNjg3OTMsMjEuODk4NjcwMyBDMTYuMjY0MTcyMSwyMi4yNTMyNTAzIDE1LjY5MTcyNTIsMjIuMjUxMzc3NSAxNS4zMzc3Njk1LDIxLjg5OTI5NDUgTDExLjUwMTY4ODQsMTguMDYzODM3NyBDMTEuMTQ4MzU3LDE3LjcwOTI1NzcgMTEuMTQ4MzU3LDE3LjEzNzQzNTEgMTEuNTAxNjg4NCwxNi43ODM0NzkzIEMxMS44NTM3NzE0LDE2LjQzMDc3MjEgMTIuNDI2ODQyNiwxNi40MzA3NzIxIDEyLjc3OTU0OTgsMTYuNzgzNDc5MyBMMTUuOTc3NjM2NSwxOS45ODA5NDE5IEwyMi41ODQxODU5LDEzLjM3Mzc2ODIgQzIyLjkzNjg5MzEsMTMuMDIwNDM2OCAyMy41MDk5NjQzLDEzLjAyMjMwOTYgMjMuODYyNjcxNSwxMy4zNzM3NjgyIEMyNC4yMTY2MjcyLDEzLjcyNzcyNCAyNC4yMTcyNTE1LDE0LjMwMDE3MDkgMjMuODYzMjk1OCwxNC42NTM1MDI0IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-size: 100% 100%;
}

.gameBox .Game .resume .badAnswer {
  height: 3rem;
  width: 3rem;
  border: 2px solid #fc4b30;
  background-color: #fc4b30;
  border-radius: 50%;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resume .badAnswer div {
  height: 2rem;
  width: 2rem;
  border: 2px solid #fc4b30;
  background-color: #fc4b30;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI0LWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzQuMDAwMDAwLCAtNTM3LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02MzQuMjQ4NTAzLDU0Ni4zOTMzOTggQzYzNC40MTQxNzEsNTQ2LjU1OTA2NiA2MzQuNjEyOTczLDU0Ni42MjUzMzMgNjM0Ljg0NDkwOSw1NDYuNjI1MzMzIEM2MzUuMDc2ODQ1LDU0Ni42MjUzMzMgNjM1LjI3NTY0Nyw1NDYuNTU5MDY2IDYzNS40NDEzMTUsNTQ2LjM5MzM5OCBMNjM4LjgyMDk1LDU0Mi45ODA2MjkgTDY0Mi4yMzM3MTksNTQ2LjM5MzM5OCBDNjQyLjM5OTM4Nyw1NDYuNTU5MDY2IDY0Mi41OTgxODksNTQ2LjYyNTMzMyA2NDIuODMwMTI1LDU0Ni42MjUzMzMgQzY0My4wNjIwNjEsNTQ2LjYyNTMzMyA2NDMuMjYwODYzLDU0Ni41NTkwNjYgNjQzLjQyNjUzMSw1NDYuMzkzMzk4IEM2NDMuNzU3ODY4LDU0Ni4wNjIwNjEgNjQzLjc1Nzg2OCw1NDUuNTMxOTIyIDY0My40MjY1MzEsNTQ1LjIzMzcxOSBMNjM5Ljk4MDYyOSw1NDEuODIwOTUgTDY0My4zOTMzOTgsNTM4LjQwODE4MSBDNjQzLjcyNDczNCw1MzguMDc2ODQ1IDY0My43MjQ3MzQsNTM3LjU0NjcwNiA2NDMuMzkzMzk4LDUzNy4yNDg1MDMgQzY0My4wNjIwNjEsNTM2LjkxNzE2NiA2NDIuNTMxOTIyLDUzNi45MTcxNjYgNjQyLjIzMzcxOSw1MzcuMjQ4NTAzIEw2MzguODIwOTUsNTQwLjY2MTI3MSBMNjM1LjQwODE4MSw1MzcuMjQ4NTAzIEM2MzUuMDc2ODQ1LDUzNi45MTcxNjYgNjM0LjU0NjcwNiw1MzYuOTE3MTY2IDYzNC4yNDg1MDMsNTM3LjI0ODUwMyBDNjMzLjkxNzE2Niw1MzcuNTc5ODM5IDYzMy45MTcxNjYsNTM4LjEwOTk3OCA2MzQuMjQ4NTAzLDUzOC40MDgxODEgTDYzNy42NjEyNzEsNTQxLjgyMDk1IEw2MzQuMjQ4NTAzLDU0NS4yMzM3MTkgQzYzMy45MTcxNjYsNTQ1LjUzMTkyMiA2MzMuOTE3MTY2LDU0Ni4wNjIwNjEgNjM0LjI0ODUwMyw1NDYuMzkzMzk4IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 100% 100%;
}

.gameBox .Game .divWrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resultBox {
  width: 24rem;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resultBox span {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 0.58px;
  line-height: 24px;
}

.gameBox .Game .resultBox .good {
  height: 4rem;
  width: 4rem;
  border: 2px solid #83d258;
  background-color: #83d258;
  border-radius: 50%;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resultBox .good div {
  height: 3rem;
  width: 3rem;
  border: 2px solid #83d258;
  background-color: #83d258;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjQtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Mi4wMDAwMDAsIC01MzcuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzEuMDAwMDAwLCA1MjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjI2NTc1MSkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy44NjMyOTU4LDE0LjY1MzUwMjQgTDE2LjYxNjg3OTMsMjEuODk4NjcwMyBDMTYuMjY0MTcyMSwyMi4yNTMyNTAzIDE1LjY5MTcyNTIsMjIuMjUxMzc3NSAxNS4zMzc3Njk1LDIxLjg5OTI5NDUgTDExLjUwMTY4ODQsMTguMDYzODM3NyBDMTEuMTQ4MzU3LDE3LjcwOTI1NzcgMTEuMTQ4MzU3LDE3LjEzNzQzNTEgMTEuNTAxNjg4NCwxNi43ODM0NzkzIEMxMS44NTM3NzE0LDE2LjQzMDc3MjEgMTIuNDI2ODQyNiwxNi40MzA3NzIxIDEyLjc3OTU0OTgsMTYuNzgzNDc5MyBMMTUuOTc3NjM2NSwxOS45ODA5NDE5IEwyMi41ODQxODU5LDEzLjM3Mzc2ODIgQzIyLjkzNjg5MzEsMTMuMDIwNDM2OCAyMy41MDk5NjQzLDEzLjAyMjMwOTYgMjMuODYyNjcxNSwxMy4zNzM3NjgyIEMyNC4yMTY2MjcyLDEzLjcyNzcyNCAyNC4yMTcyNTE1LDE0LjMwMDE3MDkgMjMuODYzMjk1OCwxNC42NTM1MDI0IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-size: 100% 100%;
}

.gameBox .Game .resultBox .bad {
  height: 4rem;
  width: 4rem;
  border: 2px solid #fc4b30;
  background-color: #fc4b30;
  border-radius: 50%;
  margin: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gameBox .Game .resultBox .bad div {
  height: 3rem;
  width: 3rem;
  border: 2px solid #fc4b30;
  background-color: #fc4b30;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI0LWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzQuMDAwMDAwLCAtNTM3LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02MzQuMjQ4NTAzLDU0Ni4zOTMzOTggQzYzNC40MTQxNzEsNTQ2LjU1OTA2NiA2MzQuNjEyOTczLDU0Ni42MjUzMzMgNjM0Ljg0NDkwOSw1NDYuNjI1MzMzIEM2MzUuMDc2ODQ1LDU0Ni42MjUzMzMgNjM1LjI3NTY0Nyw1NDYuNTU5MDY2IDYzNS40NDEzMTUsNTQ2LjM5MzM5OCBMNjM4LjgyMDk1LDU0Mi45ODA2MjkgTDY0Mi4yMzM3MTksNTQ2LjM5MzM5OCBDNjQyLjM5OTM4Nyw1NDYuNTU5MDY2IDY0Mi41OTgxODksNTQ2LjYyNTMzMyA2NDIuODMwMTI1LDU0Ni42MjUzMzMgQzY0My4wNjIwNjEsNTQ2LjYyNTMzMyA2NDMuMjYwODYzLDU0Ni41NTkwNjYgNjQzLjQyNjUzMSw1NDYuMzkzMzk4IEM2NDMuNzU3ODY4LDU0Ni4wNjIwNjEgNjQzLjc1Nzg2OCw1NDUuNTMxOTIyIDY0My40MjY1MzEsNTQ1LjIzMzcxOSBMNjM5Ljk4MDYyOSw1NDEuODIwOTUgTDY0My4zOTMzOTgsNTM4LjQwODE4MSBDNjQzLjcyNDczNCw1MzguMDc2ODQ1IDY0My43MjQ3MzQsNTM3LjU0NjcwNiA2NDMuMzkzMzk4LDUzNy4yNDg1MDMgQzY0My4wNjIwNjEsNTM2LjkxNzE2NiA2NDIuNTMxOTIyLDUzNi45MTcxNjYgNjQyLjIzMzcxOSw1MzcuMjQ4NTAzIEw2MzguODIwOTUsNTQwLjY2MTI3MSBMNjM1LjQwODE4MSw1MzcuMjQ4NTAzIEM2MzUuMDc2ODQ1LDUzNi45MTcxNjYgNjM0LjU0NjcwNiw1MzYuOTE3MTY2IDYzNC4yNDg1MDMsNTM3LjI0ODUwMyBDNjMzLjkxNzE2Niw1MzcuNTc5ODM5IDYzMy45MTcxNjYsNTM4LjEwOTk3OCA2MzQuMjQ4NTAzLDUzOC40MDgxODEgTDYzNy42NjEyNzEsNTQxLjgyMDk1IEw2MzQuMjQ4NTAzLDU0NS4yMzM3MTkgQzYzMy45MTcxNjYsNTQ1LjUzMTkyMiA2MzMuOTE3MTY2LDU0Ni4wNjIwNjEgNjM0LjI0ODUwMyw1NDYuMzkzMzk4IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 100% 100%;
}

.gameBox .Game .resultBox .medallCrak {
  height: 10rem;
  width: 10rem;
  margin-top: 1rem;
  background-size: 100%;
  background-image: url(/escena-360/almagro-respira-teatro/dist/78554030e810943075df37a84301b311.png);
  background-repeat: no-repeat;
}

.gameBox .Game .resultBox .medallGood {
  height: 10rem;
  width: 10rem;
  margin-top: 1rem;
  background-size: 100%;
  background-image: url(/escena-360/almagro-respira-teatro/dist/e4809e9dff1cec6841492360e381c7de.png);
  background-repeat: no-repeat;
}

.gameBox .Game .resultBox .medallBad {
  height: 10rem;
  width: 10rem;
  margin-top: 1rem;
  background-size: 100%;
  background-image: url(/escena-360/almagro-respira-teatro/dist/98378f8193838e306fcb8a0d311aee9d.png);
  background-repeat: no-repeat;
}

.gameBox .Game .nextAns {
  z-index: 3;
  padding: 1vw 10px;
  margin-bottom: 1vw;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}

.gameBox .Game .nextAns:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #ff9c50;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;
  transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -ms-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -moz-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -webkit-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
}

.gameBox .Game .nextAns:hover:before {
  height: 100%;
}

.gameBox .Game .nextAns:hover span {
  color: black;
}

.gameBox .Game .nextAns span {
  color: white;
  transition: background-color 0.500s ease-in-out, color 0.500s ease-in-out;
}

.gameBox .Game .nextAns span.growBg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
  line-height: 52px;
  text-align: left;
  font-family: 'RobotoLight';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.55px;
  line-height: 19px;
}

.gameBox .Game .nextAns span[class^="icon"] {
  display: inline-block;
  margin-left: 1vw;
  vertical-align: middle;
  padding-top: 5px;
}

.gameBox .Game .solutionBox {
  width: 22rem;
  margin: 1rem;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding: 1rem 2rem;
}

.gameBox .Game .solutionBox p {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.73px;
  line-height: 24px;
  text-align: center;
}

.gameBox .Game .explanationBox {
  width: 24rem;
  margin: 1rem;
  text-align: center;
  margin-top: 0;
}

.gameBox .Game .explanationBox p {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.58px;
  line-height: 24px;
}

.gameBox .Game .boxAnswer {
  border-radius: 100px;
  border: 2px solid #ffffff;
  width: 24rem;
  min-height: 5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 1rem;
}

.gameBox .Game .boxAnswer:hover {
  background: #ff862b;
  transition: all 450ms ease-in-out;
}

.gameBox .Game .boxAnswer p {
  color: #fff;
}

.gameBox .Game .audioBox {
  background-color: #ff862b;
  border: 0px solid #ffffff;
}

.gameBox .Game .timeTotal {
  position: relative;
  margin: 1rem 1rem;
  margin-top: 3rem;
  width: 24rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 100px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.gameBox .Game .timeTotal .time {
  position: absolute;
  bottom: 100%;
  right: 0;
  color: #fff;
}

.gameBox .Game .timeTotal .timeCurrent {
  width: 100%;
  height: 90%;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.gameBox .Game .timeTotal .timeCurrent:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 100px;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
  background-size: 24rem 100%;
}

/*<= iphone5*/
@media only screen and (max-width: 360px) {
  .front, .frontEnd {
    border-radius: 40px;
  }
  .back {
    border-radius: 40px;
  }
  .gameBox {
    border-radius: 40px;
    padding: 1rem;
  }
  .gameBox .Game .boxAnswer {
    width: 14rem;
    min-height: 3rem;
    margin: 0.5rem;
  }
  .gameBox .Game .boxAnswer p {
    text-align: center;
  }
  .gameBox .Game .boxAnswer .audioContainer {
    height: 3rem;
  }
  .gameBox .Game .boxAnswer .audioContainer .audioWaves span.playButton {
    font-size: 5.7vw;
  }
  .gameBox .Game .resume {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0rem 1.5rem;
  }
  .gameBox .Game .resume .emptyAnswer, .gameBox .Game .resume .goodAnswer, .gameBox .Game .resume .badAnswer {
    height: 2rem;
    width: 2rem;
    margin: 0.4rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .gameBox .Game .resume .emptyAnswer div, .gameBox .Game .resume .goodAnswer div, .gameBox .Game .resume .badAnswer div {
    height: 1rem;
    width: 1rem;
  }
  .gameBox .Game .timeTotal {
    margin: 0.5rem 0.5rem;
    margin-top: 1.5rem;
    width: 14rem;
  }
  .gameBox .Game .timeTotal .timeCurrent:before {
    background-size: 14rem 100%;
  }
  .gameBox .Game .resultBox {
    width: 13rem;
    margin: 0.5rem;
  }
  .gameBox .Game .resultBox .good, .gameBox .Game .resultBox .bad {
    height: 3rem;
    width: 3rem;
  }
  .gameBox .Game .resultBox .good div, .gameBox .Game .resultBox .bad div {
    height: 2rem;
    width: 2rem;
  }
  .gameBox .Game .explanationBox {
    width: 16rem;
    margin: 0;
  }
  .gameBox .Game .solutionBox {
    width: 14rem;
    margin: 0.5rem;
    padding: 0;
  }
}

/* >= nexus */
@media only screen and (min-width: 361px) and (max-width: 767px) {
  .front, .frontEnd {
    border-radius: 40px;
  }
  .back {
    border-radius: 40px;
  }
  .gameBox {
    border-radius: 40px;
    padding: 1rem;
  }
  .gameBox .Game .boxAnswer {
    width: 14rem;
    min-height: 3rem;
    margin: 0.5rem;
  }
  .gameBox .Game .boxAnswer p {
    text-align: center;
  }
  .gameBox .Game .boxAnswer .audioContainer {
    height: 3rem;
  }
  .gameBox .Game .boxAnswer .audioContainer .audioWaves span.playButton {
    font-size: 5.7vw;
  }
  .gameBox .Game .resume {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0rem 2.4rem;
  }
  .gameBox .Game .resume .emptyAnswer, .gameBox .Game .resume .goodAnswer, .gameBox .Game .resume .badAnswer {
    height: 2rem;
    width: 2rem;
    margin: 0.4rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .gameBox .Game .resume .emptyAnswer div, .gameBox .Game .resume .goodAnswer div, .gameBox .Game .resume .badAnswer div {
    height: 1rem;
    width: 1rem;
  }
  .gameBox .Game .timeTotal {
    margin: 0.5rem 0.5rem;
    margin-top: 1.5rem;
    width: 14rem;
  }
  .gameBox .Game .timeTotal .timeCurrent:before {
    background-size: 14rem 100%;
  }
  .gameBox .Game .resultBox {
    width: 13rem;
    margin: 0.5rem;
  }
  .gameBox .Game .resultBox .good, .gameBox .Game .resultBox .bad {
    height: 3rem;
    width: 3rem;
  }
  .gameBox .Game .resultBox .good div, .gameBox .Game .resultBox .bad div {
    height: 2rem;
    width: 2rem;
  }
  .gameBox .Game .explanationBox {
    width: 16rem;
    margin: 0;
  }
  .gameBox .Game .solutionBox {
    width: 14rem;
    margin: 0.5rem;
    padding: 0;
  }
}

/* >= nexus */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .front, .frontEnd {
    border-radius: 40px;
  }
  .back {
    border-radius: 40px;
  }
  .gameBox {
    border-radius: 40px;
    padding: 1rem;
  }
  .gameBox .Game .boxAnswer {
    width: 24rem;
    min-height: 5rem;
    margin: 1rem;
  }
  .gameBox .Game .boxAnswer p {
    text-align: center;
  }
  .gameBox .Game .boxAnswer .audioContainer {
    height: 5rem;
  }
  .gameBox .Game .boxAnswer .audioContainer .audioWaves span.playButton {
    font-size: 3.7vw;
  }
  .gameBox .Game .resume {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0rem 2.5rem;
  }
  .gameBox .Game .resume .emptyAnswer, .gameBox .Game .resume .goodAnswer, .gameBox .Game .resume .badAnswer {
    height: 2rem;
    width: 2rem;
    margin: 0.4rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .gameBox .Game .resume .emptyAnswer div, .gameBox .Game .resume .goodAnswer div, .gameBox .Game .resume .badAnswer div {
    height: 1rem;
    width: 1rem;
  }
  .gameBox .Game .timeTotal {
    margin: 0.5rem 0.5rem;
    margin-top: 1.5rem;
    width: 24rem;
  }
  .gameBox .Game .timeTotal .timeCurrent:before {
    background-size: 24rem 100%;
  }
  .gameBox .Game .resultBox {
    width: 23rem;
    margin: 0.5rem;
  }
  .gameBox .Game .resultBox .good, .gameBox .Game .resultBox .bad {
    height: 3rem;
    width: 3rem;
  }
  .gameBox .Game .resultBox .good div, .gameBox .Game .resultBox .bad div {
    height: 2rem;
    width: 2rem;
  }
  .gameBox .Game .explanationBox {
    width: 23rem;
    margin: 0;
  }
  .gameBox .Game .solutionBox {
    width: 24rem;
    margin: 0.5rem;
    padding: 0;
  }
}
.audioContainer {
  width: 100%;
  height: 5rem;
}

div.bigAudio {
  margin-top: 10vh;
  height: 100%;
  display: table;
  margin: 0 auto;
}

div.bigAudio section {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

div.bigAudio section h2 {
  color: #434343;
  font-family: "Maison Neue Book";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -2px;
}

div.bigAudio section p {
  color: orange;
  font-family: "Maison Neue Book";
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

div.bigAudio section p.text {
  margin-top: 100px;
  width: 50%;
}

div.bigAudio section span.separator {
  border: 2px solid blue;
}

div.bigAudio section .audioContainer {
  margin-top: 6vh;
}

div.bigAudio section .audioContainer .audioWaves {
  position: relative;
  text-align: center;
}

div.bigAudio section .audioContainer .audioWaves span.playButton {
  width: calc(3vw - 2px);
  height: calc(3vw - 2px);
  display: inline-block;
  font-size: 3vw;
  color: #015aff;
  background: transparent;
  line-height: 3vw;
  vertical-align: middle;
  border-radius: 100%;
  cursor: pointer;
  transition: all 450ms ease-in-out;
  top: calc(0.3vw + 5px);
  left: -4vw;
  position: absolute;
}

div.bigAudio section .audioContainer .audioWaves span.playButton:hover {
  color: white;
  background: #015aff;
}

div.bigAudio section .audioContainer .audioWaves span.playButton:before {
  position: absolute;
  left: -1px;
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer {
  display: inline-block;
  width: 100%;
  height: 4vw;
  position: relative;
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer span.bar {
  display: inline-block;
  height: 100%;
  float: right;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer span.bar.progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime {
  background: blue;
  border-radius: 100px;
  position: absolute;
  top: -1.6vw;
  color: #ffffff;
  font-family: "Maison Neue Light";
  font-size: 12px;
  font-weight: 300;
  padding: 4px 10px;
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime > span.elapsedTime {
  padding-right: 10px;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}

div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime > span.totalTime {
  margin-left: 10px;
}

div.bigAudio section .audioContainer .audioWaves span.roundedButton {
  margin-top: 20px;
}

div.bigAudio section .audioContainer .audioWaves a.downloadButton {
  color: #015aff;
  font-family: "Maison Neue Book";
  font-size: 1.5vh;
  font-weight: 700;
  letter-spacing: -1px;
  display: inline-block;
  cursor: pointer;
  width: 12vw;
  height: 2.5vw;
  line-height: 2.5vw;
  left: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  transition: all 450ms ease-in-out;
}

div.bigAudio section .audioContainer .audioWaves a.downloadButton:hover {
  color: white;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1650px) {
  div.bigAudio {
    padding-right: 6vw;
  }
  div.bigAudio section {
    padding-left: 11vw;
  }
}

/* LAPTOP */
@media only screen and (max-width: 1440px) {
  div.bigAudio section {
    padding-left: 9vw;
  }
  div.bigAudio section h2 {
    font-size: 33px;
  }
}

@media only screen and (max-width: 1400px) {
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2.2vh;
  }
}

/*IPAD TODOS*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  div.bigAudio section .audioContainer .audioWaves span.playButton {
    width: calc(4vw - 2px);
    height: calc(4vw - 2px);
    font-size: 4vw;
    left: -5vw;
  }
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2.2vh;
    line-height: 3.5vw;
    height: 3.5vw;
    width: 18vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer {
    height: 5vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime {
    top: -3vw;
  }
}

/* IPAD PORTRAIT */
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
  div.bigAudio section .audioContainer .audioWaves span.playButton {
    width: calc(5vw - 2px);
    height: calc(5vw - 2px);
    font-size: 5vw;
    left: -6vw;
  }
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2vw;
    line-height: 4.5vw;
    height: 4.5vw;
    width: 22vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime {
    top: -4vw;
  }
  div.bigAudio section p.text {
    width: 100%;
  }
}
.audioWaves {
  /* Safari 4.0 - 8.0 */
  position: relative;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100px;
}

.audioWaves .progressAudio {
  height: 100%;
  position: absolute;
  bottom: 0;
  background: #f4954d;
}

.audioWaves .soundContainer {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.audioWaves .soundContainer .totalProgress {
  width: 100%;
  height: 100%;
  position: absolute;
}

.audioWaves .waves {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAAaCAYAAABWxKtpAAADb0lEQVR4Xu1a7ZXcIAxEFeRKuBKSDlJCSkkpKSUlpISUkBLSgfJw2HtrDnuQxPex//aBBDOawYBNTvFj5t/OOSaiL4rwHVKJAWtdrPGVYJnSroSJNEwwM/s4IlLFa8bcMZgBa12s8XiG7XushElltpUIaC+feiNa62KNr4dMn3klTEXMutJWQy+LtpEpzqXCjHOg+BnrHGOaEcNDWaXMurfFbb3qUsZCZounmBDybR2l+RtTkhxOinGEOV/NYZt15OrczG2bNa9w26zRBdOMK25eqcfttc2aV5sPZdacs9FK54I8CbTvlXO+RHVAOTLiT9vkEc9/VoztK5s/ItwG56zg1tVrxKLnU6jrKcWcwzHqU7sdMSHFjPKl2q0Y0ZgtMKjPrDXMilY/RNgK7egpprkMsgrVGp+Y8+njmRbHpRUwdDUrMqdUuDOa1coBEqHnBPVp0H5rzhZ1LoCxO4ZLs6LHeokna2kC0Qoubb/YTt1+UpnBm7To8XlQ9H8Qs4rmLDUv4nwQDky6CRiSOQgRNohZby82lBhiMyFzWdutQr6NH0SoRTHGwkV1HpQDkW4uMPzPwcw/fAci+h46/gn/X1OBgxDi5/hCRC9hPjEGD+71qv1JBB7354v/opzMHM+pqHDR7mSQuhTF/KTHo9ZIq4NyINLqjZ5dk9tgZv7rnPv0+PAfCS9RFG++N2PNcGYNW7bnxSA2PxK2iLNBhCqac406Z2irKO81MPS+YPoazPbrYuX4cJ8rJkQVmznmbIZtcPc6FzBrdwytzepXWP9UObap6BevTqj/Cu1SzGF38sap8i7hVJcCwh6uzgpMw2FobdbDpER0ELF/dgaY+cSp0qy3ORRCH67OK2CwmPVbMN7PRxJEiF2aOwNiINOs72r3nBfVkZlP8S0+akC4UTua8wwY1GZNBaIiI0J3u52BHLOiUaR1nFHoUoyIs57t8DY406yifX9PwKuMHZ9hPS6pmXLOwdGTeLo6J8w6HYZHDUqZ9XgnS0THO9r9q88AM7/jXGHWUw4UnxqzPlLbCAmzTqvVIma10bmjSzGAzIbGscaj/D3aV8K0zdpDQZXGtArTGl8JlintSpi0Zj19QmVicwcXYyD+5FGa2BovHa9F/5UwqcwaLjP895r7PWoLxQnG8O9jLXWxxgum2qzrKpj+AeXToh23c8xNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  height: 2rem;
}

.audioWaves .moveWaves {
  -webkit-animation: mymove 5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: mymove 5s infinite;
}

@-webkit-keyframes mymove {
  0% {
    height: 2rem;
  }
  25% {
    height: 3rem;
  }
  50% {
    height: 1.5rem;
  }
  75% {
    height: 3rem;
  }
  100% {
    height: 2rem;
  }
}

@keyframes mymove {
  0% {
    height: 2rem;
  }
  25% {
    height: 3rem;
  }
  50% {
    height: 1.5rem;
  }
  75% {
    height: 3rem;
  }
  100% {
    height: 2rem;
  }
}

.audioWaves .totalTime {
  opacity: 0.52;
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2.47px;
  line-height: 24px;
  margin: 0.5rem;
}

.audioWaves span.playButton {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3vw;
  color: white;
  background: transparent;
  line-height: 3vw;
  margin: 0.5rem;
  transition: all 450ms ease-in-out;
  z-index: 99;
}

.audioWaves span.playButton:hover {
  color: black;
  transition: all 450ms ease-in-out;
}

.audioWaves div#progressContainer {
  display: inline-block;
  width: 100%;
  height: 4vw;
  position: relative;
}

.audioWaves div#progressContainer span.bar {
  display: inline-block;
  height: 100%;
  float: right;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.audioWaves div#progressContainer span.bar.progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  border-radius: 100px;
}

.audioWaves div#progressContainer span#tracktime {
  background: blue;
  border-radius: 100px;
  position: absolute;
  top: -1.6vw;
  color: #ffffff;
  font-family: "Maison Neue Light";
  font-size: 12px;
  font-weight: 300;
  padding: 4px 10px;
}

.audioWaves div#progressContainer span#tracktime > span.elapsedTime {
  padding-right: 10px;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}

.audioWaves div#progressContainer span#tracktime > span.totalTime {
  margin-left: 10px;
}

.audioWaves span.roundedButton {
  margin-top: 20px;
}

.audioWaves a.downloadButton {
  color: #015aff;
  font-family: "Maison Neue Book";
  font-size: 1.5vh;
  font-weight: 700;
  letter-spacing: -1px;
  display: inline-block;
  cursor: pointer;
  width: 12vw;
  height: 2.5vw;
  line-height: 2.5vw;
  left: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  transition: all 450ms ease-in-out;
}

.audioWaves a.downloadButton:hover {
  color: white;
}

div.containerGame {
  margin-top: 10vh;
  height: 100%;
  display: table;
  margin: 0 auto;
}

div.containerGame section {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

div.containerGame section h2 {
  color: #434343;
  font-family: "Maison Neue Book";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -2px;
}

div.containerGame section p {
  color: gray;
  font-family: "Maison Neue Book";
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

div.containerGame section p.text {
  margin-top: 100px;
  width: 50%;
}

div.containerGame section span.separator {
  border: 2px solid blue;
}

div.containerGame section .audioContainer {
  margin-top: 6vh;
}

div.containerGame section .audioContainer .audioWaves {
  position: relative;
  text-align: center;
}

div.containerGame section .audioContainer .audioWaves span.playButton {
  width: calc(3vw - 2px);
  height: calc(3vw - 2px);
  display: inline-block;
  font-size: 3vw;
  color: #015aff;
  background: transparent;
  line-height: 3vw;
  vertical-align: middle;
  border-radius: 100%;
  cursor: pointer;
  transition: all 450ms ease-in-out;
  top: calc(0.3vw + 5px);
  left: -4vw;
  position: absolute;
}

div.containerGame section .audioContainer .audioWaves span.playButton:hover {
  color: white;
  background: #015aff;
}

div.containerGame section .audioContainer .audioWaves span.playButton:before {
  position: absolute;
  left: -1px;
}

div.containerGame section .audioContainer .audioWaves div#progressContainer {
  display: inline-block;
  width: 100%;
  height: 4vw;
  position: relative;
}

div.containerGame section .audioContainer .audioWaves div#progressContainer span.bar {
  display: inline-block;
  height: 100%;
  float: right;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.containerGame section .audioContainer .audioWaves div#progressContainer span.bar.progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
}

div.containerGame section .audioContainer .audioWaves div#progressContainer span#tracktime {
  background: blue;
  border-radius: 100px;
  position: absolute;
  top: -1.6vw;
  color: #ffffff;
  font-family: "Maison Neue Light";
  font-size: 12px;
  font-weight: 300;
  padding: 4px 10px;
}

div.containerGame section .audioContainer .audioWaves div#progressContainer span#tracktime > span.elapsedTime {
  padding-right: 10px;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}

div.containerGame section .audioContainer .audioWaves div#progressContainer span#tracktime > span.totalTime {
  margin-left: 10px;
}

div.containerGame section .audioContainer .audioWaves span.roundedButton {
  margin-top: 20px;
}

div.containerGame section .audioContainer .audioWaves a.downloadButton {
  color: #015aff;
  font-family: "Maison Neue Book";
  font-size: 1.5vh;
  font-weight: 700;
  letter-spacing: -1px;
  display: inline-block;
  cursor: pointer;
  width: 12vw;
  height: 2.5vw;
  line-height: 2.5vw;
  left: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  transition: all 450ms ease-in-out;
}

div.containerGame section .audioContainer .audioWaves a.downloadButton:hover {
  color: white;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1650px) {
  div.bigAudio {
    padding-right: 6vw;
  }
  div.bigAudio section {
    padding-left: 11vw;
  }
}

/* LAPTOP */
@media only screen and (max-width: 1440px) {
  div.bigAudio section {
    padding-left: 9vw;
  }
  div.bigAudio section h2 {
    font-size: 33px;
  }
}

@media only screen and (max-width: 1400px) {
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2.2vh;
  }
}

/*IPAD TODOS*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  div.bigAudio section .audioContainer .audioWaves span.playButton {
    width: calc(4vw - 2px);
    height: calc(4vw - 2px);
    font-size: 4vw;
    left: -5vw;
  }
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2.2vh;
    line-height: 3.5vw;
    height: 3.5vw;
    width: 18vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer {
    height: 5vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime {
    top: -3vw;
  }
}

/* IPAD PORTRAIT */
@media only screen and (max-device-width: 767px) and (orientation: portrait) {
  @-webkit-keyframes mymove {
    0% {
      height: 2rem;
    }
    25% {
      height: 1.1rem;
    }
    50% {
      height: 0.7rem;
    }
    75% {
      height: 1rem;
    }
    100% {
      height: 2rem;
    }
  }
  @keyframes mymove {
    0% {
      height: 2rem;
    }
    25% {
      height: 1.1rem;
    }
    50% {
      height: 0.7rem;
    }
    75% {
      height: 1rem;
    }
    100% {
      height: 2rem;
    }
  }
  div.bigAudio section .audioContainer .audioWaves span.playButton {
    width: calc(5vw - 2px);
    height: calc(5vw - 2px);
    font-size: 5vw;
    left: -6vw;
  }
  div.bigAudio section .audioContainer .audioWaves span.roundedButton a {
    font-size: 2vw;
    line-height: 4.5vw;
    height: 4.5vw;
    width: 22vw;
  }
  div.bigAudio section .audioContainer .audioWaves div#progressContainer span#tracktime {
    top: -4vw;
  }
  div.bigAudio section p.text {
    width: 100%;
  }
}
/* LAYOUT
-------------------------- */
.video-container {
  height: calc(58vh + 60px);
  width: 103.3vh;
  position: relative;
}

.video-container .cover {
  position: absolute;
  top: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-image: url(/escena-360/almagro-respira-teatro/dist/4f2e5e976e48010a0e0be214ce5c6e7d.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: opacity 300ms linear;
  cursor: pointer;
  z-index: 9999;
}

.video-container .cover span.i360 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 4vw;
  height: 2vw;
}

.video-container .cover.hide {
  opacity: 0;
}

.video-container .cover.behind {
  z-index: -1;
}

.video-container .text {
  position: absolute;
  bottom: 2vh;
  left: 22px;
}

.video-container .text .title {
  display: none;
  color: white;
  font-size: 3vh;
  font-weight: 500;
  margin-bottom: 1vh;
  font-family: 'Maison Neue Light';
}

.video-container .text .title span {
  font-size: 4vh;
  font-weight: 500;
  font-family: 'Maison Neue Light';
}

.video-container .text .subtitle {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0.4vh;
  font-family: 'Maison Neue Light';
}

.video-container .text .paragraph {
  color: #02dfd7;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Maison Neue Light';
}

.container {
  margin: 0 auto;
  margin-left: 0;
  box-sizing: border-box;
}

.player360 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.player360 iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.player360 #vrview, .player360 #youtube {
  width: 100%;
  height: 100%;
}

.player360 > .buttonWrapper {
  position: fixed !important;
  left: 50%;
  bottom: 80px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.player360 > .containerShare {
  top: 10vh;
  padding-right: 32px;
}

.button {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 25px;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 10px;
}

#pano {
  height: 100%;
  background: black;
}
body.losClasicos {
  background: url(/escena-360/almagro-respira-teatro/dist/721790aab51eb539f6ee5be9da40f275.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

body.losClasicos div.view {
  height: auto;
}

body.losClasicos div.view div.tabscontent > span {
  display: block;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos {
  display: block;
  overflow: hidden;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor {
  float: left;
  margin: 1vw;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(4), body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(7), body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(10) {
  clear: both;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS {
  max-width: 203px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS div.bgGyph {
  max-width: 203px;
  max-height: 203px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS img {
  width: 203px;
  height: 203px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM {
  max-width: 250px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM div.bgGyph {
  max-width: 250px;
  max-height: 250px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM img {
  width: 250px;
  height: 250px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL {
  max-width: 345px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL div.bgGyph {
  max-width: 345px;
  max-height: 345px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL img {
  width: 345px;
  height: 345px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor a div.bgGyph {
  background-size: 99%;
  background-position: center top;
  background-repeat: no-repeat;
  transition: background-image 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor a div.bgGyph img {
  opacity: 1;
  transition: opacity 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph {
  background-repeat: no-repeat;
  transition: background-image 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.uno {
  background-image: url(/escena-360/almagro-respira-teatro/dist/c4026ebc5d9b426655eb91766390e84d.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.dos {
  background-image: url(/escena-360/almagro-respira-teatro/dist/aae40823889ed2ac62fa276500cb1bbb.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.tres {
  background-image: url(/escena-360/almagro-respira-teatro/dist/741ad7433294c3b2b046fb4068aabc99.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cuatro {
  background-image: url(/escena-360/almagro-respira-teatro/dist/d25e414f7b6c1da567dbbd4c4d07efb0.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cinco {
  background-image: url(/escena-360/almagro-respira-teatro/dist/fa070faae4fd813640f65ba6cfb7467a.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.seis {
  background-image: url(/escena-360/almagro-respira-teatro/dist/2ee435a9b4cac9b4de6eb6abd22361dd.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.siete {
  background-image: url(/escena-360/almagro-respira-teatro/dist/fef42ffb861f498cae614e5a1985b208.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.ocho {
  background-image: url(/escena-360/almagro-respira-teatro/dist/25803851eb65508abd377c72da3a2986.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.nueve {
  background-image: url(/escena-360/almagro-respira-teatro/dist/ccfd72a09829a59f530fb780cf3a05b7.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.diez {
  background-image: url(/escena-360/almagro-respira-teatro/dist/d28babf981f93ba7cfbc48abbfc2728b.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.once {
  background-image: url(/escena-360/almagro-respira-teatro/dist/c0ad7317c501aa8f09f7930632fd4902.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.doce {
  background-image: url(/escena-360/almagro-respira-teatro/dist/196520cfb630ba9b86c82ecdf2dd4374.gif);
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph img {
  opacity: 0;
  transition: all 1s linear;
  transition: opacity 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bottomTxt span.line {
  width: 100%;
  transition: width 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor div.bottomTxt {
  margin-top: 24px;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor div.bottomTxt span.line {
  width: 60px;
  height: 2px;
  background-color: #ff9c50;
  display: block;
  margin-bottom: 12px;
  transition: width 0.5s linear;
}

body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor div.bottomTxt span.txt {
  height: 24px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.85px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 24px;
}

body.losClasicos div.view div.tabscontent .tabscontent__item {
  height: auto;
  position: relative;
}
.tabsnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.tabsnav--hidden {
  /*pointer-events: none;*/
  visibility: hidden;
}

.tabsnav__item {
  height: 50px;
  position: relative;
  cursor: pointer;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-justify-content: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.tabsnav__item > a {
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -webkit-align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-justify-content: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.tabsnav__bar {
  background: currentColor;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
}

.tabsnav__title {
  position: relative;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 100%;
  font-weight: normal;
  line-height: 1;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-align-items: center;
  pointer-events: none;
}

.menu {
  top: 0;
  position: relative;
  left: 10vw;
  width: 70vw;
  opacity: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-align-items: center;
  z-index: 1002;
  align-content: center;
  margin-top: 1rem;
}

.menu span {
  margin: 1rem;
  color: #fff;
}

.menu .tabsnav__number {
  position: relative;
  top: 0;
  margin: 2rem;
}

.tabsnav__number {
  position: absolute;
  top: 1.5rem;
  color: #fff;
  width: 2rem;
  height: 2rem;
  border: 2px solid;
  border-radius: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-align-items: center;
}

.tabsnav__item.nopointer {
  pointer-events: none;
  cursor: default;
}

.tabsnav__number.current {
  background: #fff;
  cursor: default;
}

.tabsnav__number.current .nopointer {
  pointer-events: none;
  cursor: default;
}

.tabsnav__number.current p {
  color: red;
}

.tabsnav__number p {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tabsnav__title span {
  position: relative;
  width: 100vh;
  text-align: center;
  font-size: 14px;
  color: #ffaf72;
  font-family: 'RobotoLight';
  font-weight: 500;
  letter-spacing: 1.44px;
  line-height: 24px;
}

.menu div.tabsnav__item.nopointer .tabsnav__number.current {
  background: white;
}

.menu div.tabsnav__item.nopointer .tabsnav__number.current p {
  color: #ff9c50;
}

/* Vertical Menu */
.tabsnav--vertical {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: auto;
  height: 100%;
}

.tabsnav--vertical .tabsnav__item {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 50px;
  height: 100%;
}

.tabsnav--vertical .tabsnav__title {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* Individual menu styles (Basque names) */
/* Ander */
.tabsnav--ander {
  left: 45px;
}

.tabsnav--ander .tabsnav__bar {
  background: #232220;
  /*background: transparent;*/
}

.tabsnav--ander .tabsnav__item.current .tabsnav__bar {
  background: transparent;
}

.tabsnav--ander .tabsnav__title {
  color: #ffaf72;
}

.tabsnav--ander .tabsnav__item:not(:last-child) {
  margin: 0 10px 0 0;
}

/* Zeru */
.tabsnav--zeru {
  background: #222525;
}

.tabsnav--zeru .tabsnav__item:first-child .tabsnav__bar {
  background: #161919;
}

.tabsnav--zeru .tabsnav__item:nth-child(2) .tabsnav__bar {
  background: #222525;
}

.tabsnav--zeru .tabsnav__item:nth-child(3) .tabsnav__bar {
  background: #2e3131;
}

.tabsnav--zeru .tabsnav__title {
  color: #fff;
}

/* Ibai */
.tabsnav--ibai {
  top: 50%;
  margin-top: -115px;
}

.tabsnav--ibai .tabsnav__item {
  height: 70px;
}

.tabsnav--ibai .tabsnav__bar {
  background: #414a52;
}

.tabsnav--ibai .tabsnav__title {
  color: #fc0;
}

.tabsnav--ibai .tabsnav__item:not(:last-child) {
  margin: 0 0 10px 0;
}

@media screen and (max-width: 40em) {
  /* don't show a background if on mobile */
  .tabsnav {
    background: none;
  }
}

@media screen and (max-width: 1366px) {
  .menu .tabsnav__number {
    margin: 1rem;
  }
}
@charset "UTF-8";
@font-face {
  font-family: 'RobotoBold';
  src: url(/escena-360/almagro-respira-teatro/dist/470488ec54d9a21c8565fd6640d7f389.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/470488ec54d9a21c8565fd6640d7f389.eot?#iefix) format("embedded-opentype"), url(/escena-360/almagro-respira-teatro/dist/aad12ac158e724e94571f7c3316515e9.woff) format("woff"), url(/escena-360/almagro-respira-teatro/dist/ee7b96fa85d8fdb8c126409326ac2d2b.ttf) format("truetype"), url(/escena-360/almagro-respira-teatro/dist/238a607ea89d0460cc84e98f1032eee8.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoMedium';
  src: url(/escena-360/almagro-respira-teatro/dist/5cf69bd8f4ff4bb803d061d590da2e0d.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/5cf69bd8f4ff4bb803d061d590da2e0d.eot?#iefix) format("embedded-opentype"), url(/escena-360/almagro-respira-teatro/dist/eb2574256849d72f6bc45989bef4a3d4.woff) format("woff"), url(/escena-360/almagro-respira-teatro/dist/99fc0816a09395454061301fefa42bf1.ttf) format("truetype"), url(/escena-360/almagro-respira-teatro/dist/935e67116f4fb85032505f5b8b57fed8.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoRegular';
  src: url(/escena-360/almagro-respira-teatro/dist/947d4eb3b5e0a4ca56cfb0710f4739da.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/947d4eb3b5e0a4ca56cfb0710f4739da.eot?#iefix) format("embedded-opentype"), url(/escena-360/almagro-respira-teatro/dist/ce8a007de4740df2bc66fd542e84985c.woff) format("woff"), url(/escena-360/almagro-respira-teatro/dist/3e1af3ef546b9e6ecef9f3ba197bf7d2.ttf) format("truetype"), url(/escena-360/almagro-respira-teatro/dist/5e4a346cb982005f734898d4f10f2097.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoLight';
  src: url(/escena-360/almagro-respira-teatro/dist/97b9f3cef53936fc52da2c6eacb0ac84.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/97b9f3cef53936fc52da2c6eacb0ac84.eot?#iefix) format("embedded-opentype"), url(/escena-360/almagro-respira-teatro/dist/40e1b69fb185914f659e86d4435da975.woff) format("woff"), url(/escena-360/almagro-respira-teatro/dist/fc84e998bc29b297ea20321e4c90b6ed.ttf) format("truetype"), url(/escena-360/almagro-respira-teatro/dist/1fcdcef739ba681df965bf46ee2148d1.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PlaylistScript';
  src: url(/escena-360/almagro-respira-teatro/dist/b222bb2c4173fe58b0e77ad7ea0a6917.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/b222bb2c4173fe58b0e77ad7ea0a6917.eot?#iefix) format("embedded-opentype"), url(/escena-360/almagro-respira-teatro/dist/77387fded0acce2803ab74f3cd14f475.woff) format("woff"), url(/escena-360/almagro-respira-teatro/dist/c72b5734deb2cb3c811acf68118e2e36.ttf) format("truetype"), url(/escena-360/almagro-respira-teatro/dist/bc327d4907f377a141327016791f7d49.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "almagro";
  src: url(/escena-360/almagro-respira-teatro/dist/c7dbc16dafe2a866d8544128c2047830.eot);
  src: url(/escena-360/almagro-respira-teatro/dist/c7dbc16dafe2a866d8544128c2047830.eot?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,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) format("woff"), url(data:application/octet-stream;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJhbG1hZ3JvIiBob3Jpei1hZHYteD0iNTEyIj4KPGZvbnQtZmFjZSBmb250LWZhbWlseT0iYWxtYWdybyIgdW5pdHMtcGVyLWVtPSI1MTIiIGFzY2VudD0iNDgwIiBkZXNjZW50PSItMzIiLz4KPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjUxMiIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJ0d2l0dGVyIiB1bmljb2RlPSImIzk4OyIgZD0iTTUxMSA0MDZjLTE5LTgtMzAtMTAtNTEtMTMgMjIgMTMgMjkgMjkgMzcgNTItMjEtMTEtNDMtMTktNjctMjQtMTkgMTktNDYgMzEtNzcgMzEtNTcgMC0xMDQtNDQtMTA0LTk5IDAtOCAxLTE1IDItMjItODcgNC0xNjQgNDMtMjE1IDEwMy05LTE0LTE1LTMxLTE1LTUwIDAtMzQgMTktNjQgNDctODItMTcgMC0zMyA1LTQ3IDEybDAtMWMwLTQ4IDM2LTg4IDg0LTk3LTktMi0xOS00LTI4LTQtNyAwLTEzIDEtMjAgMiAxNC0zOSA1Mi02OCA5OC02OS0zNi0yNi04MS00Mi0xMzAtNDItOCAwLTE3IDAtMjUgMSA0Ni0yOCAxMDEtNDQgMTYxLTQ0IDE5MiAwIDI5OCAxNTEgMjk4IDI4MiAwIDQgMCA4LTEgMTMgMjEgMTQgMzkgMzEgNTMgNTF6Ii8+CjxnbHlwaCBnbHlwaC1uYW1lPSJncGx1cyIgdW5pY29kZT0iJiM5OTsiIGQ9Ik0wIDI2NWMyIDg2IDgxIDE2MSAxNjcgMTU4IDQyIDIgODEtMTYgMTEyLTQxLTEzLTE1LTI3LTMwLTQyLTQ0LTM4IDI3LTkyIDM0LTEzMCA0LTU1LTM4LTU3LTEyNy01LTE2NyA1MS00NiAxNDctMjMgMTYxIDQ3LTMyIDEtNjQgMC05NSAxLTEgMTktMSAzOC0xIDU3IDU0IDAgMTA3IDEgMTYwIDAgNC00NS0yLTkyLTMwLTEyOS00MS01OS0xMjUtNzYtMTkwLTUxLTY2IDI1LTExMiA5NC0xMDcgMTY1bTQ2NCA2N2MwLTE2IDAtMzIgMC00OCAxNiAwIDMyIDAgNDggMGwwLTQ4Yy0xNiAwLTMyIDAtNDggMCAwLTE2IDAtMzIgMC00OGwtNDggMGMwIDE2IDAgMzIgMCA0OC0xNiAwLTMyIDAtNDggMGwwIDQ4YzE2IDAgMzIgMCA0OCAwIDAgMTYgMCAzMiAwIDQ4eiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0iZmIiIHVuaWNvZGU9IiYjMTAwOyIgZD0iTTM2MyA1MTJsLTYwIDBjLTY4IDAtMTEyLTQ3LTExMi0xMjFsMC01Ni02MCAwYy02IDAtMTAtNC0xMC0xMGwwLTgwYzAtNiA0LTEwIDEwLTEwbDYwIDAgMC0yMDRjMC02IDUtMTAgMTAtMTBsNzkgMGM1IDAgOSA0IDkgMTBsMCAyMDQgNzEgMGM1IDAgMTAgNCAxMCAxMGwwIDgwYzAgMy0xIDYtMyA3LTIgMi00IDMtNyAzbC03MSAwIDAgNDhjMCAyMiA1IDM0IDMzIDM0bDQxIDBjNSAwIDkgNCA5IDEwbDAgNzVjMCA1LTQgMTAtOSAxMCIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0iMzYwLXRleHQiIHVuaWNvZGU9IiYjMTAxOyIgZD0iTTE4MCAzNDVsLTE2LTE3IDAtMTJjNSAxIDkgMiAxMSAyIDUgMCA4LTEgMTEtMyAzLTIgNC00IDQtNyAwLTMtMS02LTMtNy0zLTItNi0zLTktMy02IDAtMTMgMy0yMCA4bC04LTE0YzktNSAxOC04IDI3LTggOSAwIDE2IDIgMjIgNiA2IDUgOSAxMSA5IDE5IDAgNS0yIDEwLTYgMTQtMyA0LTggNi0xNSA3bDE3IDE4IDAgMTEtNDkgMCAwLTE0IDI1IDB6IG03NS0yOWMyLTIgMy01IDMtOCAwLTMtMS01LTMtNy0yLTItNS0zLTktMy0zIDAtNiAxLTggMy0zIDItNCA1LTQgOCAwIDMgMSA2IDQgOCAyIDIgNSAzIDkgMyAzIDAgNi0yIDgtNHogbTIgMjljMi0xIDQtMiA1LTMgMS0xIDItMSAyLTJsOSAxMmMtMyAyLTUgMy03IDQtMSAxLTQgMi03IDMtNCAxLTggMi0xMSAyLTkgMC0xNy0zLTIzLTktMy0zLTYtNy04LTEyLTEtNi0yLTEyLTItMTggMC0xMSAyLTIwIDctMjcgMi0zIDUtNiA5LTggNC0yIDEwLTMgMTUtMyA5IDAgMTUgMiAyMSA2IDUgNSA4IDExIDggMTkgMCA3LTMgMTMtOCAxOC01IDQtMTEgNy0xOSA3LTUgMC0xMS0yLTE1LTUgMCA2IDIgMTAgNSAxMyAyIDMgNiA1IDExIDUgMyAwIDUtMSA4LTJ6IG04Ny01MWM1IDcgOCAxNiA4IDI4IDAgMTItMyAyMS04IDI4LTYgNy0xNCAxMS0yNSAxMS0xMSAwLTIwLTQtMjUtMTEtNi03LTktMTYtOS0yOCAwLTEyIDMtMjEgOS0yOCA1LTcgMTQtMTAgMjUtMTAgMTEgMCAxOSAzIDI1IDEweiBtLTI1IDUzYzUgMCA5LTIgMTItNyAyLTQgMy0xMCAzLTE4IDAtNy0xLTEzLTMtMTgtMy00LTctNy0xMi03LTYgMC0xMCAzLTEyIDctMyA1LTQgMTEtNCAxOCAwIDggMSAxNCA0IDE4IDIgNSA2IDcgMTIgN3ogbTU4IDJjMSAyIDMgMyA2IDMgMiAwIDQtMSA1LTMgMi0yIDMtNCAzLTYgMC0yLTEtNC0zLTYtMS0yLTMtMi01LTItMyAwLTUgMC02IDItMiAyLTMgNC0zIDYgMCAzIDEgNCAzIDZ6IG0tMTQtNmMwLTUgMi05IDYtMTIgNC0zIDgtNSAxNC01IDUgMCA5IDIgMTMgNSA0IDMgNiA3IDYgMTIgMCA1LTIgOS02IDEzLTQgMy04IDUtMTMgNS02IDAtMTAtMi0xNC01LTQtNC02LTgtNi0xM3ogbTUyLTQxYzM4LTkgNjEtMjIgNjEtMzUgMC0xNy02Ni0yOC0xNTYtMzItNiAwLTEyLTYtMTItMTJsMC0xOWMwLTcgNS0xMSAxMi0xMSAxMTMgOSAxOTQgMzkgMTk0IDczIDAgMTktMzcgMzYtOTYgNDhtLTI5NiA0Yy03NC0xMS0xMjItMzAtMTIyLTUyIDAtMzcgOTUtNjkgMjIyLTc0IDYtMSAxMS02IDExLTEybDAtMjNjMC02IDQtNyA5LTNsNTAgNTBjNCA1IDQgMTItMSAxNmwtNDkgNDdjLTUgNC05IDMtOS00bDAtMThjMC02LTUtMTEtMTEtMTEtMTA0IDItMTg0IDE0LTE4NCAzMyAwIDE2IDM0IDMxIDg2IDQwIi8+CjxnbHlwaCBnbHlwaC1uYW1lPSJwbGF5IiB1bmljb2RlPSImIzEwMjsiIGQ9Ik04MCA1MTBjOSAwIDE4LTMgMjYtOGwzNDgtMjA4YzE2LTkgMjUtMjMgMjUtMzkgMC0xNi05LTMwLTI1LTQwbC0zNDgtMjA3Yy04LTUtMTctOC0yNi04LTIzIDAtNDAgMjAtNDAgNDhsMCA0MTRjMCAyOCAxNyA0OCA0MCA0OHoiLz4KPGdseXBoIGdseXBoLW5hbWU9IjM2MCIgdW5pY29kZT0iJiMxMDM7IiBkPSJNMjU1IDM1OGMtMTM0IDAtMjQyLTM2LTI0Mi04MSAwLTM2IDc0LTY3IDE3NS03N2wwLTM5IDcyIDUyLTcyIDUyIDAtMzNjLTg0IDctMTQ1IDI5LTE0NSA1NSAwIDMyIDk2IDU4IDIxNCA1OCAxMTggMCAyMTQtMjYgMjE0LTU4IDAtMjktNzctNTMtMTc3LTU4LTExLTEtMTAtOC0xMC04bDAtMTVjMCAwLTEtOCAxMS04IDExNCA3IDIwMiA0MCAyMDIgNzkgMCA0NS0xMDggODEtMjQyIDgxeiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0icGF1c2UiIHVuaWNvZGU9IiYjMTA0OyIgZD0iTTE3OCA0NThsMC00MzFjMC0xNS0xMi0yNy0yNi0yN2wtMTAzIDBjLTE0IDAtMjYgMTItMjYgMjdsMCA0MzFjMCAxNSAxMiAyNyAyNiAyN2wxMDMgMGMxNCAwIDI2LTEyIDI2LTI3eiBtMzEwIDBsMC00MzFjMC0xNS0xMi0yNy0yNi0yN2wtMTAzIDBjLTE1IDAtMjYgMTItMjYgMjdsMCA0MzFjMCAxNSAxMSAyNyAyNiAyN2wxMDMgMGMxNCAwIDI2LTEyIDI2LTI3eiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0iYXVkaW8tb2ZmIiB1bmljb2RlPSImIzEwNTsiIGQ9Ik00MjAgNDk4Yy05IDUtMjAgMy0yNy0zbC0xNDMtMTE4LTE0MiAwYy0xNCAwLTI1LTExLTI1LTI2bDAtMTcxYzAtMTUgMTEtMjYgMjUtMjZsMTQyIDAgMTQzLTExOGM0LTQgMTAtNiAxNi02IDQgMCA4IDEgMTEgMyA5IDQgMTUgMTMgMTUgMjNsMCA0MTljMCAxMC02IDE5LTE1IDIzeiBtLTM3LTM4N2wtMTA4IDg5Yy00IDQtMTAgNi0xNiA2bC0xMjUgMCAwIDEyMCAxMjUgMGM2IDAgMTIgMiAxNiA1bDEwOCA4OXoiLz4KPGdseXBoIGdseXBoLW5hbWU9ImF1ZGlvIiB1bmljb2RlPSImIzEwNjsiIGQ9Ik0yODYgNDU2Yy04IDMtMTYgMi0yMy0zbC0xMTgtOTctMTE2IDBjLTEyIDAtMjEtMTAtMjEtMjFsMC0xNDJjMC0xMiA5LTIxIDIxLTIxbDExNiAwIDExOC05N2M0LTMgOS01IDE0LTUgMyAwIDYgMSA5IDIgNyA0IDEyIDExIDEyIDE5bDAgMzQ1YzAgOS01IDE2LTEyIDIweiBtLTMxLTMxOWwtODkgNzNjLTMgMy04IDQtMTMgNGwtMTAzIDAgMCA5OSAxMDMgMGM1IDAgMTAgMiAxMyA1bDg5IDczeiBtMjI3IDEwOWwtNTEgMGMtMTMgMC0yMyAxMC0yMyAyMyAwIDEzIDEwIDIzIDIzIDIzbDUxIDBjMTMgMCAyMy0xMCAyMy0yMyAwLTEzLTEwLTIzLTIzLTIzeiBtLTY3IDk1Yy05IDAtMTggNS0yMSAxNC01IDEyIDEgMjYgMTMgMzFsNTEgMTljMTIgNSAyNS0xIDMwLTEzIDQtMTItMi0yNi0xNC0zMWwtNTAtMTljLTMtMS02LTEtOS0xeiBtNTAtMjA1Yy0yIDAtNSAxLTggMmwtNTAgMTljLTEzIDUtMTkgMTgtMTQgMzAgNSAxMiAxOCAxOSAzMCAxNGw1MS0yMGMxMi00IDE4LTE4IDEzLTMwLTMtOS0xMi0xNS0yMi0xNXoiLz4KPGdseXBoIGdseXBoLW5hbWU9ImFycm93LWJhY2siIHVuaWNvZGU9IiYjOTc7IiBkPSJNMzkzIDQ5OGMtMTAgMTAtMjYgMTAtMzUgMGwtMjI1LTIyNGMtOS0xMC05LTI2IDAtMzZsMjI1LTIyNGM0LTUgMTEtNyAxNy03IDcgMCAxMyAyIDE4IDcgMTAgMTAgMTAgMjYgMCAzNWwtMjA3IDIwNyAyMDcgMjA3YzEwIDkgMTAgMjUgMCAzNXoiLz4KPGdseXBoIGdseXBoLW5hbWU9ImFuZHJvaWQtZXhwYW5kIiB1bmljb2RlPSImIzEwNzsiIGQ9Ik0zOTcgMTE1bC03NyAwIDAtNTEgMTI4IDAgMCAxMjgtNTEgMHogbTAgMjgybDAtNzcgNTEgMCAwIDEyOC0xMjggMCAwLTUxeiBtLTI4MiAwbDc3IDAgMCA1MS0xMjggMCAwLTEyOCA1MSAweiBtMC0yODJsMCA3Ny01MSAwIDAtMTI4IDEyOCAwIDAgNTF6Ii8+CjxnbHlwaCBnbHlwaC1uYW1lPSJhbmRyb2lkLWNvbnRyYWN0IiB1bmljb2RlPSImIzEwODsiIGQ9Ik02NCAxNDFsNzcgMCAwLTc3IDUxIDAgMCAxMjgtMTI4IDB6IG03NyAyMzBsLTc3IDAgMC01MSAxMjggMCAwIDEyOC01MSAweiBtMTc5LTMwN2w1MSAwIDAgNzcgNzcgMCAwIDUxLTEyOCAweiBtNTEgMzA3bDAgNzctNTEgMCAwLTEyOCAxMjggMCAwIDUxeiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0iY2xvc2UiIHVuaWNvZGU9IiYjMTA5OyIgZD0iTTIwIDIwYzktOCAxOS0xMSAzMS0xMSAxMiAwIDIyIDMgMzEgMTFsMTc0IDE3NiAxNzYtMTc2YzgtOCAxOS0xMSAzMS0xMSAxMSAwIDIyIDMgMzAgMTEgMTcgMTggMTcgNDUgMCA2MGwtMTc3IDE3NiAxNzYgMTc2YzE3IDE3IDE3IDQ0IDAgNjAtMTggMTctNDUgMTctNjAgMGwtMTc2LTE3Ni0xNzYgMTc2Yy0xNyAxNy00NCAxNy02MCAwLTE3LTE4LTE3LTQ1IDAtNjBsMTc2LTE3Ni0xNzYtMTc2Yy0xNy0xNS0xNy00MiAwLTYweiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0ibWVudSIgdW5pY29kZT0iJiMxMTA7IiBkPSJNMSAxMTZsNDAwIDAgMC04OS00MDAgMHogbTAgMzY5bDQwMCAwIDAtODktNDAwIDB6IG0wLTE4NGw1MTEgMCAwLTkwLTUxMSAweiIvPgo8Z2x5cGggZ2x5cGgtbmFtZT0ibG9nb2xhYiIgdW5pY29kZT0iJiMxMTE7IiBkPSJNMTIyIDIxMWMwLTEtMS0yLTMtMy0yLTEtNC0yLTYtMy0zIDAtNi0xLTktMS00LTEtNy0xLTEwLTEtOSAwLTE1IDEtMjEgNS01IDMtOSA4LTExIDE1LTEgMS0xIDMtMiA0IDAgMiAwIDQgMCA2LTEgMi0xIDUtMSA5IDAgNCAwIDkgMCAxNWwwIDE0MWMwIDMgMiA1IDQgNmwyNSA1IDMgMGMwIDAgMSAwIDEgMCAyIDAgMy0xIDMtNWwwLTE1NGMwLTIgMC00IDAtNSAwLTEgMC0yIDAtMiAwLTEgMC0xIDAtMiAxLTIgMi0zIDMtNCAxLTEgMi0yIDQtMiAyIDAgMyAxIDUgMSAxIDAgMyAxIDQgMSAxIDAgMSAwIDIgMGwwIDBjMiAwIDIgMCAzLTFsNS0yMyAwLTFjMS0xIDEtMSAxLTF6IG0xMTcgNTljLTcgMC0xMyAwLTE3LTEtNS0xLTktMi0xMy00LTMtMi01LTQtNi03LTItMy0yLTYtMi0xMCAwLTMgMC02IDEtOCAxLTIgMi00IDQtNiAxLTIgMy0zIDUtNCAzLTEgNS0xIDctMSA4IDAgMTUgMyAyMSAxMGwwIDMxeiBtNDEtNTVjMC0xLTEtMi0yLTJsLTIyLTljLTEgMC0xLTEtMi0xLTEgMC0xIDAtMiAwLTIgMC01IDYtOCAxNy0zLTMtNS02LTgtOC0zLTItNi0zLTktNS0zLTEtNS0yLTktMi0zLTEtNi0xLTEwLTEtNiAwLTEyIDEtMTcgMy01IDItMTAgNS0xMyA4LTQgNC02IDgtOCAxNC0yIDUtMyAxMC0zIDE3IDAgMTIgMyAyMiAxMCAyOSA3IDggMTcgMTMgMzEgMTYgMiAwIDQgMCA2IDEgMiAwIDQgMCA3IDAgMiAxIDUgMSA4IDEgMyAwIDYgMCAxMCAwbDAgOWMwIDQgMCA3LTEgMTAgMCAyLTEgNS0zIDYtMSAyLTMgMy01IDQtMyAwLTYgMS05IDEtNCAwLTktMS0xNC0yLTUtMS0xMS0zLTE3LTUtMS0xLTItMS0zLTEtMiAwLTIgMS0zIDNsLTYgMTZjMCAxIDAgMSAwIDItMSAwLTEgMS0xIDEgMCAyIDIgMyA1IDUgMyAxIDYgMyAxMSA0IDQgMSA5IDIgMTUgMyA2IDEgMTEgMSAxNyAxIDExIDAgMjAtMiAyOC01IDctNCAxMi05IDE2LTE2IDEtMyAyLTYgMy0xMCAwLTQgMS04IDEtMTNsMC01N2MwLTMgMC02IDAtOSAwLTIgMC01IDEtNyAwLTMgMS01IDItNyAxLTIgMi01IDMtNyAwLTIgMS0zIDEtNHogbTEzOSA2M2MwIDE0LTIgMjUtNiAzMy00IDctMTAgMTEtMTcgMTEtMyAwLTctMS0xMC0yLTMtMi03LTQtMTEtN2wwLTc3YzUtNCAxMC02IDE2LTYgNCAwIDggMSAxMSAzIDQgMiA3IDYgOSAxMCAzIDQgNCA5IDYgMTUgMSA2IDIgMTMgMiAyMHogbTM1IDJjMC0xMy0xLTI0LTQtMzMtMi05LTYtMTctMTItMjQtNS03LTExLTEyLTE4LTE1LTYtMy0xNC01LTIxLTUtMyAwLTYgMC04IDAtMyAxLTUgMS03IDItMiAxLTUgMy03IDQtMiAyLTQgNC03IDYtMS0yLTEtNC0yLTYtMS0xLTItMi0yLTMtMS0xLTEtMi0yLTItMSAwLTEgMC0yIDAtMSAwLTEgMC0xIDAtMSAwLTEgMC0zIDBsLTIyIDZjLTIgMC0zIDEtMyAyIDAgMSAwIDIgMSAzIDEgMiAyIDQgMyA2IDAgMiAxIDQgMSA2IDEgMiAxIDUgMSA4IDAgMiAwIDUgMCA5bDAgMTU0YzAgMSAwIDIgMCAzIDAgMCAxIDEgMSAxIDAgMCAwIDEgMSAxIDAgMCAxIDAgMiAxbDI2IDVjMSAwIDEgMCAyIDBsMSAwYzIgMCAzLTIgMy01bDAtNjdjMyAzIDYgNSA5IDYgMiAyIDUgMyA4IDQgMiAxIDUgMiA4IDIgMiAxIDUgMSA4IDEgNyAwIDE0LTIgMjAtNSA1LTMgMTAtOCAxNC0xNCA0LTUgNy0xMyA5LTIyIDItOCAzLTE4IDMtMjl6IG0tNjItMjA3Yy04IDMtMTEgNy0xMSAxMyAwIDEwIDggMTYgMjAgMTYgOCAwIDE1LTMgMTUtNiAwLTItMy03LTUtNy0xIDAtMSAwLTQgMS0zIDItNSAyLTggMi0zIDAtNi0yLTYtNSAwLTIgMi00IDUtNWwxMC00YzYtMiAxMC03IDEwLTEzIDAtMTEtOC0xOC0xOS0xOC04IDAtMTkgNC0xOSA4IDAgMyAzIDggNSA4IDEgMCAyLTEgMy0xIDYtMyA4LTQgMTItNCAzIDAgNSAyIDUgNSAwIDMtMSA1LTQgNnogbS0zMCA4YzEgMCAyIDAgMiAxIDAgNy0zIDExLTkgMTEtNSAwLTktNS05LTExIDAtMSAxLTEgMi0xeiBtLTE0LTEwYy0xIDAtMiAwLTItMSAwLTcgNi0xMiAxNC0xMiA0IDAgNSAxIDEwIDMgMSAwIDEgMCAyIDAgMiAwIDMtMSAzLTQgMC02LTctMTAtMTctMTAtMTYgMC0yNCA5LTI0IDI4IDAgMTcgOCAyNyAyMiAyNyAxMiAwIDIwLTggMjAtMjIgMC02LTItOS04LTl6IG0tMTYtMTljMC01LTQtOS05LTktNSAwLTkgNC05IDkgMCA1IDQgOCA5IDggNSAwIDktNCA5LTh6IG0tNDAgMzBjMiAwIDIgMSAyIDMgMCAxMy01IDIwLTE2IDIwLTEwIDAtMTctOC0xNy0yMSAwLTEgMS0yIDItMnogbS0yOS0xNGMtMSAwLTItMS0yLTMgMC0xNCA5LTIzIDI1LTIzIDUgMCA5IDEgMTYgNCAyIDEgMyAxIDQgMSAyIDAgNC0yIDQtNSAwLTktMTItMTUtMjctMTUtMjYgMC00MCAxNi00MCA0NSAwIDI5IDEzIDQ3IDM2IDQ3IDIwIDAgMzMtMTUgMzMtMzcgMC0xMS0zLTE0LTEzLTE0bC0zNiAweiBtLTQwIDQwYzMgOSA1IDEwIDExIDEwIDUgMCA4LTIgOC02IDAtMSAwLTEgMC0zbC0yMC01MmMtMi03LTUtOS0xMC05LTYgMC05IDItMTEgOWwtMjAgNTJjMCAyIDAgMiAwIDMgMCA0IDMgNyA4IDcgNiAwIDgtMiAxMS0xMWw5LTI4YzEtMSAxLTEgMi0xIDEgMCAyIDAgMiAxeiBtLTgxIDIzYzAgNSAzIDggOSA4IDYgMCA5LTMgOS04bDAtMTBjMC0yIDEtMyAzLTNsNSAwYzUgMCA3LTMgNy04IDAtNi0yLTktNy05bC01IDBjLTIgMC0zLTEtMy0zbDAtMjFjMC0xMCAzLTE1IDEwLTE1IDEgMCAzIDAgNyAwIDEgMSAxIDEgMiAxIDMgMCA0LTIgNC02IDAtNy02LTExLTE3LTExLTE2IDAtMjQgMTEtMjQgMzF6IG0tMjktNzdjMC00LTMtNi05LTYtNiAwLTkgMi05IDZsMCA1N2MwIDUgMiA3IDggNyA1IDAgNi0xIDctNSAxLTEgMS0xIDItMSAwIDAgMCAwIDEgMSA0IDMgMTAgNiAxNiA2IDQgMCA2LTIgNi02IDAtOS0yLTEzLTYtMTMtMTEgMC0xNi02LTE2LTE4eiBtLTExMyA0MzFsMC00MTAgNzUgMCAwIDExLTYzIDAgMCAzODggNDg4IDAgMC0zODgtNjEgMCAwLTExIDczIDAgMCA0MTB6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#almagro) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "almagro" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "almagro" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: "b";
}

.icon-gplus:before {
  content: "c";
}

.icon-fb:before {
  content: "d";
}

.icon-360-text:before {
  content: "e";
}

.icon-play:before {
  content: "f";
}

.icon-360:before {
  content: "g";
}

.icon-pause:before {
  content: "h";
}

.icon-audio-off:before {
  content: "i";
}

.icon-audio:before {
  content: "j";
}

.icon-arrow-back:before {
  content: "a";
}

.icon-android-expand:before {
  content: "k";
}

.icon-android-contract:before {
  content: "l";
}

.icon-close:before {
  content: "m";
}

.icon-menu:before {
  content: "n";
}

.icon-logolab:before {
  content: "o";
}

html {
  font-size: 16px;
}

html body {
  overflow-x: hidden;
  /*effecto para botón*/
  /* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
}

html body:before {
  opacity: 1;
  background-image: url(/escena-360/almagro-respira-teatro/dist/04dd1c46d5612a6f028f73757de4bb77.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
  height: initial;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110vh;
  z-index: -10;
  transition: opacity 700ms ease-in-out;
  -webkit-animation-name: slowZoomInOut;
          animation-name: slowZoomInOut;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

html body:not(.home):before {
  opacity: 0;
}

html body div.view {
  height: auto;
}

html body div.view div.tabscontent .tabscontent__item {
  height: auto;
  position: relative;
  overflow: visible;
}

html body .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
}

html body .wrapper.normalPadding {
  padding-top: 4%;
  padding-left: 9%;
  padding-right: 14%;
}

html body .wrapper.extraPadding {
  padding-left: 25%;
  padding-right: 15%;
  padding-top: 5%;
}

html body.home div.rotaFlower {
  display: none !important;
}

html body .app {
  display: block;
}

html body .app div.delimiterContainer {
  max-width: 1440px;
  width: auto;
  margin: 0 auto;
}

html body .app .buttonWrapper, html body .app .bottonSkip {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  z-index: 3;
  padding: 1vw 10px;
  margin-bottom: 1vw;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}

html body .app .buttonWrapper:before, html body .app .bottonSkip:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;
  transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -ms-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -moz-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
  -webkit-transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1) 0ms;
}

html body .app .buttonWrapper:hover:before, html body .app .bottonSkip:hover:before {
  height: 100%;
}

html body .app .buttonWrapper:hover span, html body .app .bottonSkip:hover span {
  color: black;
}

html body .app .buttonWrapper span, html body .app .bottonSkip span {
  color: white;
  transition: background-color 0.500s ease-in-out, color 0.500s ease-in-out;
}

html body .app .buttonWrapper span.growBg, html body .app .bottonSkip span.growBg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
  line-height: 52px;
  text-align: left;
  font-family: 'RobotoLight';
  font-size: 17px;
  font-weight: 300;
  letter-spacing: -0.55px;
  line-height: 19px;
}

html body .app .buttonWrapper span[class^="icon"], html body .app .bottonSkip span[class^="icon"] {
  display: inline-block;
  margin-left: 1vw;
  vertical-align: middle;
  padding-top: 5px;
}

html body .app a {
  text-decoration: none;
  outline: none;
}

html body .app .centerNav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body .app span.littleLine {
  width: 60px;
  height: 2px;
  background: white;
  display: inline-block;
  margin: 0;
  margin-right: 10px;
}

html body .app h1.topText {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.44px;
  line-height: 17px;
}

html body .app span.icon-arrow-back {
  text-align: center;
  display: block;
  font-size: 15px;
  line-height: 2rem;
  -webkit-transform: rotate(-45deg) translateX(-0.1rem);
          transform: rotate(-45deg) translateX(-0.1rem);
}

html body .app div.rotaFlower {
  background-image: url(/escena-360/almagro-respira-teatro/dist/d6266b71c6824917f247315ac451fb69.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100vw;
  height: 96vh;
  top: 2vh;
  position: fixed;
  left: 0;
  display: block;
  -webkit-animation-name: rotateBg;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateBg;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateBg;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateBg;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotateBg;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

html body .app div.containerShare {
  position: absolute;
  z-index: 1002;
  top: 7vh;
  right: 1em;
  float: right;
  padding-top: 0;
  padding-right: 40px;
}

html body .app div.containerShare .share {
  display: block;
  width: 33px;
}

html body .app div.containerShare .share li {
  width: 33px;
  height: 33px;
  line-height: 33px;
  /*border: 2px solid white;*/
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  margin-bottom: 1vw;
  position: relative;
  color: white;
  font-size: 21px;
  transition: opacity 300ms linear;
}

html body .app div.containerShare .share li::before {
  line-height: 33px;
}

html body .app div.containerShare .share li:hover {
  opacity: 0.6;
}

html body .app div.containerShare .share li a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
}

html body .table {
  display: table;
}

html body .cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

html body .videoButton {
  background: white;
  width: 102px;
  height: 32px;
  border-radius: 100px;
  background-color: #ffffff;
  position: absolute;
  bottom: 2vh;
  left: 2vh;
  vertical-align: middle;
  text-align: center;
  padding: 0 1vh;
}

html body .videoButton > span:nth-child(1) {
  font-size: 8px;
  color: orange;
}

html body .videoButton > span:nth-child(2) {
  font-size: 13px;
  color: lightgrey;
  text-align: right;
}

html body .videoButton > span:nth-child(3) {
  font-size: 27px;
  line-height: 19px;
  color: orange;
  text-align: right;
}

html body div.tabsnav__item > a div.tabsnav__number {
  height: 30px;
  width: 30px;
  left: 10px;
  padding: 0.2rem;
  opacity: 1;
  transition: opacity 0.5s linear;
}

html body div.tabsnav__item > a span.lineMenu {
  display: block;
  background: rgba(255, 255, 255, 0.45);
  width: 1px;
  height: 0;
  position: absolute;
  z-index: 99999;
  left: 100%;
  top: 0;
  transition: height 0.75s linear;
}

html body div.tabsnav__item.current > a div.tabsnav__number {
  height: 2.2rem;
  width: 2.2rem;
  padding: 0.2rem;
  opacity: 0;
  transition: opacity 0.5s linear;
}

html body div.tabsnav__item.current > a span.lineMenu {
  height: 100vh;
  transition: height 0.75s linear;
  transition-delay: 0.75s;
}

html body .lineButtonRotate {
  color: #fff;
  width: 2rem;
  height: 2rem;
  border: 2px solid;
  border-radius: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: background 250ms linear;
}

html body .lineButtonRotate > * {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  line-height: 2rem;
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  transition: color 250ms linear;
}

html body .lineButtonRotate:hover {
  transition: background 250ms linear;
  background: white;
}

html body .lineButtonRotate:hover > * {
  transition: color 250ms linear;
  color: #ff9c50;
}

html body .menu .tabsnav__number {
  background: transparent;
  transition: background 250ms linear;
}

html body .menu .tabsnav__number > * {
  transition: color 250ms linear;
  color: white;
}

html body .menu .tabsnav__number:hover {
  background: white;
  transition: background 250ms linear;
}

html body .menu .tabsnav__number:hover > * {
  transition: color 250ms linear;
  color: #ff9c50;
}

html body .buttonEffect {
  position: relative;
  display: inline-block;
  margin: 15px 25px;
  outline: none;
  color: #ffa661;
  text-decoration: none;
  font-family: 'RobotoLight';
  font-size: 17px;
  font-weight: 300;
  text-transform: capitalize;
  letter-spacing: -0.55px;
  line-height: 19px;
}

html body .buttonEffect:hover,
html body .buttonEffect:focus {
  outline: none;
  cursor: pointer;
}

html body .buttonEffect {
  padding: 10px 0;
  border-top: 2px solid white;
  color: white;
}

html body .buttonEffect::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 0;
  font-family: 'RobotoLight';
  max-width: 0;
  border-bottom: 2px solid #ffa661;
  color: #ffa661;
  content: attr(data-hover);
  white-space: nowrap;
  transition: max-width 0.5s;
}

html body .buttonEffect:hover::before,
html body .buttonEffect:focus::before {
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body .app h1.topText {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.44px;
    line-height: 17px;
  }
  body .menu div.tabsnav__item > a .tabsnav__number {
    margin: 1rem;
    height: 2rem;
    width: 2rem;
    padding: 1rem;
  }
}

body.home {
  overflow: hidden;
  background: black;
}

body.home.showingPano div.containerShare:not(.insidePano) {
  display: none;
}

body.home .hiddenIntro {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s , opacity 2s linear;
}

body.home.intro .menuBars, body.home.intro .menu, body.home.intro .btn--back {
  display: none;
}

body.home.intro:before {
  display: none;
}

body.home .menu {
  pointer-events: none;
}

body.home .intro {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  background: #503d3d;
  z-index: 2;
}

body.home .intro:before {
  background-image: url(/escena-360/almagro-respira-teatro/dist/a73c1bdc1c8746dc928a19dbe4ba9a56.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  height: initial;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  -webkit-animation-name: slowZoomInOut;
          animation-name: slowZoomInOut;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

body.home .intro .wrapper.extraPadding {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 0%;
}

body.home .intro .wrapper.extraPadding .bottonSkip {
  cursor: pointer;
  position: relative;
  padding: 1vw 10px;
  margin-top: 5vh;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}

body.home .intro .wrapper.extraPadding .bottonSkip span {
  color: white;
  transition: background-color 0.500s ease-in-out, color 0.500s ease-in-out;
}

body.home .intro .wrapper.extraPadding .bottonSkip span.growBg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
  line-height: 52px;
  text-align: left;
  font-family: 'RobotoLight';
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.55px;
  line-height: 19px;
}

body.home .intro .wrapper.extraPadding .videoButton {
  cursor: pointer;
  margin: 2rem;
  /*display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: center;*/
  position: static;
  background: white;
  width: 10rem;
  height: 3rem;
  border-radius: 100px;
}

body.home .intro .wrapper.extraPadding .videoButton > span:nth-child(1) {
  font-size: 1rem;
}

body.home .intro .wrapper.extraPadding .videoButton > span:nth-child(2) {
  margin: 0.6rem;
  opacity: 1;
  color: #7b7b7b;
  font-family: RobotoLight;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.16px;
  line-height: 24px;
}

body.home .intro .wrapper.extraPadding .videoButton > span:nth-child(3) {
  font-size: 2.5rem;
}

body.home .intro .introBox {
  border-radius: 29px;
  background-color: rgba(0, 0, 0, 0.33);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 11vw;
  margin-left: 11vw;
  cursor: pointer;
}

body.home .intro .introBox span.icon-360 {
  font-size: 4.5rem;
  color: white;
  line-height: 0;
}

body.home .intro .introBox h2 {
  padding: 1rem 2rem;
  margin: 0;
  opacity: 0.7;
}

body.home .intro h2 {
  color: #ffffff;
  font-family: RobotoLight;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.95px;
  margin-right: 10vw;
  margin-left: 10vw;
}

body.home .intro .content {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.home .intro .content > h1 {
  line-height: 21vh;
  font-size: 18vh;
  text-align: center;
  color: #ffffff;
  line-height: 23vh;
  margin: 0;
  margin-bottom: 0vh;
  margin-top: 0;
  display: block;
  width: 100%;
  padding-right: 10vw;
  padding-left: 10vw;
}

body.home .intro .content .cover {
  display: none;
}

body.home .tabscontent__item.tabscontent__item--current {
  z-index: 0;
}

body.home .tabscontent__item.tabscontent__item--current.toFront {
  z-index: 1;
}

body.home footer {
  display: none;
}

body.home nav .tabsnav__item h3.tabsnav__title span {
  color: white;
  transition: color 250ms linear;
}

body.home nav .tabsnav__item:hover h3.tabsnav__title span {
  color: #ff9c50;
  transition: color 250ms linear;
}

body.home .videoShowContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -11;
  opacity: 0;
  transition: all 450ms linear;
}

body.home .videoShowContainer > .video-container {
  width: 100%;
  height: 100%;
}

body.home .videoShowContainer.show {
  z-index: 50;
  opacity: 1;
}

body.home .topContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: left;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
          justify-content: left;
  -ms-flex-direction: column;
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 100%;
  position: absolute;
  top: 1.7rem;
  left: 0;
  color: white;
  vertical-align: middle;
  padding-left: 30px;
  top: 1.5rem;
  height: 2rem;
  position: fixed;
  z-index: 1;
  left: 275px;
}

body.home .topContainer > span.topText {
  display: inline-block;
  color: #ffffff;
  font-family: RobotoLight;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.44px;
  line-height: 24px;
  margin-left: 20px;
}

body.home a.logolab {
  color: white;
  position: absolute;
  z-index: 1;
  top: -3rem;
  right: 1.3rem;
  opacity: 1;
  transition: opacity 150ms linear;
}

body.home a.logolab:hover {
  opacity: 0.6;
  transition: opacity 150ms linear;
}

body.home a.logolab i {
  font-size: 41px;
  line-height: 35px;
}

body.home .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}

body.home .content > h1 {
  color: #ffffff;
  font-family: 'PlaylistScript';
  font-size: 20vh;
  line-height: 17vh;
  letter-spacing: 4.86px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 4vh;
  margin-top: 2vh;
  padding-right: 10vw;
}

body.home .content > h2 {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 1.6vh;
  letter-spacing: 1.85px;
  line-height: 20px;
  margin-bottom: 3vh;
  width: 100%;
}

body.home .content > a {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.85px;
  line-height: 24px;
  text-transform: uppercase;
}

body.home .content .buttonWrapper:before, body.home .content .bottonSkip:before {
  background: #ffa661;
}

body.home .content > div.buttonsContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.home .content > div.buttonsContainer > div:nth-child(1) {
  margin-right: 4vw;
}

body.home .content > div.buttonsContainer > div:nth-child(3) {
  position: absolute;
  border: 0;
  right: 5vh;
  bottom: 0;
}

body.home div.rotateDevice {
  display: none;
}

div.creditosContainer {
  color: white;
  overflow-y: scroll;
  background-image: url(/escena-360/almagro-respira-teatro/dist/2b8372ad302413b3d733a68f050ec54b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 100vh;
  width: 100vw;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s 0.5s, height 0.3s 0.5s;
}

div.creditosContainer.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s 0.5s;
}

div.creditosContainer div.buttonWrapper {
  position: absolute;
  top: 10vh;
  right: 10vw;
}

div.creditosContainer div.buttonWrapper:before {
  background: #ff9c50;
}

div.creditosContainer div.buttonWrapper span {
  font-size: 12px;
  letter-spacing: 1.85px;
  line-height: 24px;
  text-transform: uppercase;
}

div.creditosContainer div.content {
  width: 43.6vw;
  margin: 0 auto;
  height: initial;
  margin-top: 5vh;
  margin-bottom: 15vh;
}

div.creditosContainer div.content h2 {
  color: #f3f3f3;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: -0.61px;
}

div.creditosContainer div.content > span.line {
  width: 60px;
  height: 2px;
  border: 2px solid #ff9c50;
  display: block;
}

div.creditosContainer div.content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

div.creditosContainer div.content div.nombres {
  width: 100%;
}

div.creditosContainer div.content div.nombres .showOpacity {
  opacity: 0;
  transition: opacity 350ms linear;
}

div.creditosContainer div.content div.nombres .showOpacity.with {
  transition: opacity 350ms linear;
  opacity: 1;
}

div.creditosContainer div.content div.nombres p {
  width: 40%;
  text-align: right;
  margin: inherit;
  padding-right: 1vw;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.31px;
  line-height: 20px;
}

div.creditosContainer div.content div.nombres ul {
  list-style: none;
  width: 100%;
  padding: 0;
  display: block;
  overflow: hidden;
}

div.creditosContainer div.content div.nombres ul li.left {
  width: 40%;
  float: left;
  text-align: right;
  padding-right: 1vw;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.31px;
  line-height: 20px;
  clear: both;
}

div.creditosContainer div.content div.nombres ul li.right {
  width: 60%;
  float: right;
  text-align: left;
  padding-left: 1vw;
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.22px;
  line-height: 22px;
}

div.creditosContainer div.content div.nombres ul li.right.clear {
  clear: both;
}

body.video360 {
  background-image: url(/escena-360/almagro-respira-teatro/dist/08ff18a6113fe909c79ac3fad8a3c11e.jpg);
  background-size: cover;
}

body.video360 div.rotaFlower {
  background-image: url(/escena-360/almagro-respira-teatro/dist/b4d5e0f7f9190122b5e5cac8d8bbc6cf.png);
  width: 23vw;
  height: 23vw;
  right: 12vw;
  left: initial;
  top: 50vh;
  position: absolute;
}

body.video360 .bottomText {
  margin-top: -4vh;
  vertical-align: middle;
  width: 103.3vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.video360 .bottomText > h3 {
  text-align: justify;
  width: auto;
  color: #ffffff;
  font-family: RobotoLight;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.85px;
  line-height: 20px;
  display: inline-block;
  margin-left: 1.5vw;
  vertical-align: middle;
}

body.video360 .bottomText > span {
  display: inline-block;
  font-size: 3vw;
  line-height: 2vw;
  color: white;
  vertical-align: middle;
}

body.video360 .buttonWrapper {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  left: calc(-2vw - 19px);
  display: inline-block;
}

body.video360 .buttonWrapper:before {
  background: #ffa661;
}

@media only screen and (max-width: 800px) and (orientation: portrait) {
  body.video360 {
    background-image: url(/escena-360/almagro-respira-teatro/dist/b55db396dda755af346161aecb86f87f.jpg);
  }
}

body.dobleVideo {
  background-image: url(/escena-360/almagro-respira-teatro/dist/08ff18a6113fe909c79ac3fad8a3c11e.jpg);
  background-size: cover;
}

body.dobleVideo .wrapper {
  position: relative;
}

body.dobleVideo .wrapper .videoCenter {
  max-width: 70vw;
  margin-bottom: 4rem;
}

body.dobleVideo .wrapper .videoCenter .bottomTxt {
  margin-top: 24px;
}

body.dobleVideo .wrapper .videoCenter .bottomTxt .line {
  width: 60px;
  height: 2px;
  background-color: #ff9c50;
  display: block;
  margin-bottom: 12px;
}

body.dobleVideo .wrapper .videoCenter .bottomTxt .topText {
  color: #ffffff;
  font-family: 'RobotoBold';
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 1.85px;
  line-height: 25px;
  display: block;
  width: 27vw;
  margin: 1rem 0;
}

body.dobleVideo .wrapper .videoCenter .bottomTxt .subText {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.44px;
  line-height: 20px;
  display: block;
  width: 34vw;
  margin: 1rem 0;
}

body.dobleVideo .wrapper .videoCenter div.r5-overlay.toFront {
  background-repeat: no-repeat;
  background-size: 100%;
}

@media only screen and (max-width: 700px) {
  html body.dobleVideo main.view div.tabscontent div.tabscontent__item div.wrapper .videoCenter div.bottomTxt span.subText {
    width: 100%;
  }
  html body.dobleVideo main.view div.tabscontent div.tabscontent__item div.wrapper .videoCenter div.bottomTxt .topText {
    width: 100%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1300px) {
  html body.dobleVideo main.view div.tabscontent div.tabscontent__item div.wrapper .videoCenter div.bottomTxt span.subText {
    width: 90%;
  }
  html body.dobleVideo main.view div.tabscontent div.tabscontent__item div.wrapper .videoCenter div.bottomTxt .topText {
    width: 100%;
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  body .wrapper.normalPadding {
    padding-top: 4%;
    padding-left: 14%;
    padding-right: 14%;
  }
}

/*@media only screen and (max-width: 800px) and (orientation: portrait) { 
	body.dobleVideo{
		background-image: url('../media/image/BGmobile.jpg');
	}
}*/
body.audioGame {
  background-image: url(/escena-360/almagro-respira-teatro/dist/08ff18a6113fe909c79ac3fad8a3c11e.jpg);
  background-size: cover;
}

body.audioGame .wrapper {
  position: relative;
  margin-bottom: 10vh;
}

body.audioGame .wrapper .marginTopTitle {
  margin-top: 10rem;
}

body.audioGame .wrapper h1 {
  color: #f3f3f3;
  font-family: 'RobotoBold';
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
}

body.audioGame .wrapper .line {
  width: 60px;
  height: 2px;
  background-color: #ff9c50;
  display: block;
  margin-bottom: 12px;
}

body.audioGame .wrapper .textGame {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.85px;
  line-height: 20px;
}

body.audioGame .wrapper .pretextGame {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.85px;
  line-height: 21px;
  display: block;
  margin-top: 18px;
}

body.audioGame .wrapper .textGame1 {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 2.57px;
  line-height: 21px;
  margin-top: 2rem;
  display: block;
}

body.audioGame .wrapper .containerGame {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5rem 0rem;
  position: relative;
}

body.audioGame .wrapper .containerGallery {
  position: relative;
  height: 50rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

body.audioGame .wrapper .containerGallery .iframeStyle {
  height: inherit;
  width: 100%;
  border: 0;
  margin-top: 9rem;
}

/*<= iphone5*/
@media only screen and (max-width: 767px) {
  body.audioGame .wrapper .containerGame {
    margin-bottom: 0;
  }
  body.audioGame .wrapper .containerGallery {
    height: 21rem;
  }
  body.audioGame .wrapper .containerGallery .iframeStyle {
    margin-top: 2rem;
  }
  body.audioGame .wrapper h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
  body.audioGame .wrapper .textGame1 {
    font-size: 20px;
  }
}

/*IPAD TODOS*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.audioGame .wrapper h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
}

@media only screen and (max-width: 800px) and (orientation: portrait) {
  body.audioGame {
    background-image: url(data:image/jpeg;base64,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);
    background-size: contain;
  }
}

body.losClasicos h2 {
  color: #ffffff;
  font-family: 'RobotoLight';
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.44px;
  line-height: 20px;
}

@media only screen and (max-width: 700px) {
  body.losClasicos main.view div.tabscontent .normalPadding {
    padding-top: 4%;
    padding-left: 3%;
    padding-right: 3%;
  }
  body.losClasicos main.view div.tabscontent div.wrapper h2 {
    width: 90%;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos {
    width: 90%;
    margin: 0 auto;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL {
    max-width: 285px;
    overflow: hidden;
    clear: initial;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM {
    max-width: 190px;
    overflow: hidden;
    clear: initial;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS {
    max-width: 170px;
    overflow: hidden;
    clear: initial;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1100px) {
  body.losClasicos main.view div.tabscontent .normalPadding {
    padding-top: 4%;
    padding-left: 3%;
    padding-right: 3%;
  }
  body.losClasicos main.view div.tabscontent div.wrapper h2 {
    width: 80%;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos {
    width: 80%;
    margin: 0 auto;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL {
    max-width: 275px;
    overflow: hidden;
    clear: initial;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM {
    max-width: 180px;
    overflow: hidden;
    clear: initial;
  }
  body.losClasicos main.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS {
    max-width: 150px;
    overflow: hidden;
    clear: initial;
  }
}

@media only screen and (max-width: 800px) and (orientation: portrait) {
  html body.losClasicos {
    background-image: url(data:image/jpeg;base64,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);
  }
}

div.video {
  -webkit-transform: scale(1);
          transform: scale(1);
  text-align: center;
  transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

div.video.full {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

div.video.full video {
  width: 100%;
  height: 100%;
  background: black;
}

div.video.hidden {
  -webkit-transform: scale(0);
          transform: scale(0);
}

div.video:focus {
  outline: none;
}

/****** rotateBg ***** */
@-webkit-keyframes rotateBg {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotateBg {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Slow zoom in and out*/
@-webkit-keyframes slowZoomInOut {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes slowZoomInOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*show content fade in*/
.animate {
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  0% {
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
  }
  100% {
    opacity: 1;
  }
}

/* TRANSICIONES ENTRE URL'S */
.homeTransition-appear {
  opacity: 0;
}

.homeTransition-appear.homeTransition-appear-active {
  opacity: 1;
  transition: opacity 2s ease-in-out;
}

.homeTransition-enter:not(.interactionCase) {
  opacity: 0;
}

.homeTransition-enter.interactionCase {
  -webkit-transform: translate3d(100vw, 0, 0);
          transform: translate3d(100vw, 0, 0);
}

.homeTransition-enter.homeTransition-enter-active:not(.interactionCase) {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.homeTransition-enter.homeTransition-enter-active.interactionCase {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
}

.homeTransition-leave:not(.case) {
  opacity: 1;
}

.homeTransition-leave.case {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.homeTransition-leave.homeTransition-leave-active:not(.case) {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.homeTransition-leave.homeTransition-leave-active.case {
  -webkit-transform: translate3d(-100vw, 0, 0);
          transform: translate3d(-100vw, 0, 0);
  transition: -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
}

@media only screen and (max-width: 1580px) {
  body.home .intro .content > h1 {
    font-size: 15vh;
    padding: 0;
    width: 70%;
  }
  body.home .intro .content > h2 {
    font-size: 2.5vh;
    margin-bottom: 8vh;
    margin-top: 6vh;
  }
  body.home .intro .introBox h2 {
    font-size: 1.9vh;
  }
  body .wrapper.extraPadding {
    padding-top: 0;
  }
  body.home .content > h2 {
    font-size: 2vh;
  }
}

@media screen and (max-width: 1366px) {
  html body.home .intro .wrapper.extraPadding .videoButton {
    margin: 0rem 2rem;
  }
}

/* IPAD PRO PORTRAIT*/
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  div.creditosContainer div.content {
    width: 70vw;
  }
}

/* IPAD LANSCAPE */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html {
    min-height: 100vh;
    /* COMUNES  */
    /* TAB 1 */
    /* TAB 2 */
    /* TAB3 */
    /* HOME */
  }
  html footer {
    font-size: 12px;
    line-height: 16px;
  }
  html footer > div.creditos {
    width: 53%;
  }
  html body div.tabsnav__item > a div.tabsnav__number {
    height: 2rem;
    width: 2rem;
  }
  html body div.tabsnav__item > a h3.tabsnav__title span {
    font-size: 1.6vh;
  }
  html body.video360 {
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
  }
  html body.video360 .buttonWrapper {
    bottom: 3vh;
  }
  html body.video360 div.view {
    height: initial;
  }
  html body.video360 div.view div.tabscontent div.tabscontent__item div.wrapper {
    padding-left: 15%;
  }
  html body.video360 div.view div.tabscontent div.tabscontent__item div.wrapper div.bottomText > span {
    font-size: 8vw;
  }
  html body.video360 div.view div.tabscontent div.tabscontent__item div.wrapper div.bottomText h3 {
    line-height: 18px;
    font-size: 14px;
    width: 80%;
  }
  html body.video360 footer {
    margin-top: 5vh;
  }
  html body.dobleVideo .wrapper .videoCenter .bottomTxt .topText {
    width: 70%;
  }
  html body.dobleVideo .wrapper .videoCenter .bottomTxt span.subText {
    width: 65%;
    font-size: 16px;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.uno {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.dos {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.tres {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cuatro {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cinco {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.seis {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.siete {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.ocho {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.nueve {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.diez {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.once {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.doce {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph img {
    opacity: 1;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos {
    padding-top: 2vh;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor {
    margin: 1vw 3vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(1), html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(7) {
    margin-left: 0;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL {
    width: 23.95vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL div.bgGyph,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL img {
    width: 23.95vw;
    height: 23.95vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM {
    width: 17.36vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM div.bgGyph,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM img {
    width: 17.36vw;
    height: 17.36vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS {
    width: 14.09vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS div.bgGyph,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS img {
    width: 14.09vw;
    height: 14.09vw;
  }
  html body.home {
    /*Intro*/
    /*HOME*/
  }
  html body.home .intro .wrapper.extraPadding div.content {
    padding-left: 0;
    padding-right: 0;
  }
  html body.home .intro .wrapper.extraPadding div.content h1 {
    padding: 0;
    font-size: 16vh;
    line-height: 20vh;
  }
  html body.home .intro .wrapper.extraPadding div.content > h2 {
    font-size: 2vh;
    line-height: 2.5vh;
    margin-bottom: 5vh;
    margin-top: 3vh;
  }
  html body.home .intro .wrapper.extraPadding div.content div.introBox h2 {
    font-size: 2vh;
    line-height: 2.5vh;
  }
  html body.home main div.tabscontent .tabscontent__item div.topContainer {
    opacity: 0;
  }
  html body.home main div.tabscontent .tabscontent__item div.wrapper.extraPadding {
    padding-left: 30%;
  }
  html body.home div.content > div.buttonsContainer > div:nth-child(3) {
    position: fixed;
  }
  html body.home div.creditosContainer div.content {
    width: 60vw;
  }
  html body.audioGame .wrapper .marginTopTitle,
  html body.audioGame .wrapper h1 {
    font-size: 30px;
  }
  html body.audioGame .wrapper span.textGame {
    font-size: 14px;
    line-height: 17px;
  }
  html body.audioGame .wrapper span.textGame1 {
    font-size: 21px;
  }
}

/* IPAD PORTRAIT Y MÓVILES*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (max-width: 767px) and (orientation: portrait) {
  html body {
    /* HOME */
  }
  html body div.view div.menuBars button.btn--menu {
    display: block;
  }
  html body .app div.containerShare {
    top: 10vh;
  }
  html body div.tabsnav__item > a div.tabsnav__number {
    height: 1.8rem;
    width: 1.8rem;
  }
  html body div.view div.tabscontent div.menu {
    margin-top: 4vh;
  }
  html body div.view div.tabscontent div.menu div.tabsnav__item {
    display: none;
  }
  html body div.view div.tabscontent div.menu div.tabsnav__item.current {
    display: block;
  }
  html body div.view div.tabscontent div.menu div.tabsnav__item.current div.tabsnav__number {
    opacity: 1;
  }
  html body div.view div.tabscontent div.menu div.tabsnav__item.current div.centerNav h1 {
    line-height: 24px;
    font-size: 20px;
  }
  html body div.view div.tabscontent a.btn--back {
    top: 4vh;
    right: 5vw;
  }
  html body div.view div.tabscontent div.creditosContainer div.content {
    width: 80vw;
  }
  html body div.view div.menuBars button.btn--menu {
    visibility: hidden;
    top: 3vh;
  }
  html body div.view div.menuBars button.btn--menu i.icon {
    color: white;
    transition: opacity 150ms linear;
  }
  html body div.view div.menuBars button.btn--menu i.icon.icon-menu {
    opacity: 1;
  }
  html body div.view div.menuBars button.btn--menu i.icon.icon-close {
    opacity: 0;
    position: absolute;
    top: 2px;
  }
  html body div.view div.menuBars button.btn--menu.btn--menu-active i.icon {
    transition: opacity 150ms linear;
  }
  html body div.view div.menuBars button.btn--menu.btn--menu-active i.icon.icon-menu {
    opacity: 0;
  }
  html body div.view div.menuBars button.btn--menu.btn--menu-active i.icon.icon-close {
    opacity: 1;
  }
  html body div.view div.menuBars nav.tabsnav div.tabsnav__item.current {
    visibility: hidden;
    opacity: 0;
  }
  html body div.view div.menuBars nav.tabsnav div.tabsnav__item a div.tabsnav__number {
    -webkit-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
    top: 3.5vh;
  }
  html body div.view div.menuBars nav.tabsnav div.tabsnav__item a h3.tabsnav__title span {
    font-size: 16px;
  }
  html body footer {
    height: auto;
    margin-bottom: 6vh;
  }
  html body footer div.logo {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    margin-right: 5vw;
    height: 100%;
    padding-top: 2vh;
  }
  html body footer div.vr {
    width: 100%;
    float: none;
    display: block;
    clear: both;
  }
  html body footer div.creditos {
    float: none;
    height: inherit;
    clear: both;
    width: 70%;
    overflow: hidden;
    margin-bottom: 2vw;
  }
  html body footer div.creditos div.footer > div.creditos .oneName {
    float: left;
    font-size: 14px;
    color: white;
    line-height: 18px;
  }
  html body.home div.view div.menuBars button.btn--menu {
    visibility: visible;
  }
  html body.home div.view div.tabscontent div.menu {
    display: none;
  }
  html body.home div.view div.tabscontent a.logolab {
    top: 3vh;
  }
  html body.home div.view div.tabscontent div.tabscontent__item.tabscontent__item--current {
    height: 100vh;
  }
  html body.home div.view div.tabscontent div.wrapper h1 {
    font-size: 18vh;
    line-height: 18vh;
  }
  html body.home div.view div.content > div.buttonsContainer > div:nth-child(3) {
    position: absolute;
    border: 0;
    right: 5vh;
    bottom: 7vh;
  }
  html body.home div.topContainer {
    display: none;
  }
  html body.home .wrapper.extraPadding {
    padding: 0 6vw;
  }
  html body.dobleVideo div.view div.tabscontent div.tabscontent__item .wrapper .videoCenter {
    width: 100%;
    max-width: 100%;
  }
  html body.dobleVideo div.view div.tabscontent div.tabscontent__item .wrapper .videoCenter div.bottomTxt span.topText {
    width: 70vw;
  }
  html body.dobleVideo div.view div.tabscontent div.tabscontent__item .wrapper .videoCenter div.bottomTxt span.subText {
    width: 60vw;
    font-size: 16px;
    line-height: 20px;
  }
  html body.dobleVideo div.videoCenter .r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper {
    width: 80%;
  }
  html body.dobleVideo footer {
    height: 15vh;
  }
  html body.losClasicos h2 {
    width: 70%;
    font-size: 16px;
    line-height: 18px;
  }
  html body.losClasicos footer {
    height: 12vh;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos {
    padding-top: 3vh;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(4), html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(7), html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(10) {
    clear: none;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(11), html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(5) {
    clear: both;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.uno {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.dos {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.tres {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cuatro {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cinco {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.seis {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.siete {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.ocho {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.nueve {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.diez {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.once {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.doce {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph img {
    opacity: 1;
  }
  html body.video360 {
    height: 100vh;
    overflow: hidden;
  }
  html body.video360 .video-container {
    height: calc(43.23vw + 60px);
    width: 77vw;
  }
  html body.video360 .bottomText {
    width: 100%;
  }
  html body.video360 .bottomText > h3 {
    line-height: 16px;
    font-size: 15px;
    margin-left: 0;
    text-align: left;
  }
  html body.video360 .bottomText span {
    display: none;
  }
  html body.video360 footer {
    position: absolute;
  }
  html body.home .intro {
    padding-left: 0;
    padding-right: 0;
  }
  html body.home .intro .wrapper.extraPadding .content {
    padding-right: 0;
    padding-left: 0;
  }
  html body.home .intro .wrapper.extraPadding .content > h1 {
    font-size: 15vh;
    line-height: 16vh;
  }
  html body.home .intro .wrapper.extraPadding .content > h2 {
    font-size: 2vh;
    line-height: 2.3vh;
    margin-bottom: 8vh;
    margin-top: 1vh;
    margin-bottom: 2vh;
  }
  html body.home .intro .wrapper.extraPadding .content div.introBox {
    margin-right: 7vw;
    margin-left: 7vw;
  }
  html body.home .intro .wrapper.extraPadding .content div.videoShowContainer .player360 > .buttonWrapper {
    bottom: 14vh;
  }
}

/*MÓVILES LANDSCAPE Y PORTRAIT*/
@media only screen and (max-width: 767px) {
  html body.video360 .buttonWrapper {
    bottom: 3vw;
  }
  html body.video360 .buttonWrapper span.growBg {
    font-size: 15px;
  }
  html body .app {
    /*div.containerShare {
					top: 0;
					right: 0;
					padding-top: 0;
				}*/
  }
  html body .app .view {
    overflow: auto;
    height: auto;
    min-height: calc(100vh - 69px);
    margin: 0;
  }
  html body .app .content {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
  html body .app .codrops-header__info {
    font-size: 1.15em;
  }
  html body .app .deco__text,
  html body .app .demos__text {
    display: none;
  }
  html body .app .codrops-links {
    margin: 0 0 1em;
  }
  html body .app .codrops-icon {
    font-size: 1em;
  }
  html body .app .codrops-header__deco {
    font-size: 1.25em;
  }
  html body .app .codrops-header__title {
    font-size: 5.5em;
    margin: 0 -4px;
  }
  html body .app .codrops-header__tagline {
    width: auto;
  }
  html body .app .demos {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 1em;
  }
  html body .app .codrops-header__info::after {
    font-size: 7em;
  }
  html body .app .poster__box {
    top: -20px;
    left: 30px;
    width: 30%;
    height: 30%;
    border: 7px solid;
  }
  html body .app .poster__deco {
    font-size: 1em;
  }
  html body .app .poster__number {
    font-size: 2em;
    left: calc(100% - 90px);
  }
  html body .app .poster__title {
    font-size: 3em;
  }
  html body .app .btn--back {
    top: 0;
    right: 0;
  }
  html body .app .btn--menu {
    display: block;
  }
  html body .app .btn--menu i.icon {
    color: white;
    transition: opacity 150ms linear;
  }
  html body .app .btn--menu i.icon.icon-menu {
    opacity: 1;
  }
  html body .app .btn--menu i.icon.icon-close {
    opacity: 0;
    position: absolute;
    top: 2px;
  }
  html body .app .column__title {
    margin: 1em 0 0;
  }
  html body .app .menu {
    display: none;
  }
  html body .app a.logolab {
    top: 3vh;
  }
  html body .app div.containerShare {
    top: 14vh;
    right: 4.5vh;
    padding-right: 0;
  }
  html body .app div.containerShare .share {
    padding: 0;
  }
  html body .app div.view div.tabscontent a.btn--back {
    top: 6vh;
    right: 5vh;
  }
  html body .app #pano > .buttonWrapper {
    bottom: 9vh;
  }
  html body .app #pano > .containerShare {
    top: 10vh;
    padding-right: 44px;
  }
  html body .app footer {
    margin-bottom: 7vh;
    display: inline-block;
    height: auto;
  }
  html body .app footer > div.creditos, html body .app footer > div.logo {
    display: none;
  }
  html body .app footer > div.vr {
    width: 100%;
  }
  html body .app footer > div.vr > div {
    height: initial;
  }
  html body .app footer > div.vr > div a.storelink {
    display: block;
  }
  html body .app footer > div.vr > div a.storelink div.images {
    display: inline-block;
  }
  html body .app footer > div.vr > div a.storelink div.images img {
    display: block;
    height: 7vh;
  }
  html body .app footer > div.vr > p {
    font-size: 15px;
  }
}

/*MOVILES LANDSCAPE*/
@media only screen and (max-width: 767px) and (orientation: landscape) {
  html body .app footer > div.vr > div a.storelink div.images img {
    height: 10vh;
  }
  html .tabsnav__title span {
    font-size: 11px;
  }
  html body div.tabsnav__item > a div.tabsnav__number {
    -webkit-transform: translateX(0px) rotate(-45deg) !important;
            transform: translateX(0px) rotate(-45deg) !important;
    height: 1.2rem;
    width: 1.2rem;
    padding: 0.2rem;
    font-size: 11px;
  }
  html body div.tabsnav__item:nth-of-type(2) h3 span {
    text-align: left;
    padding-left: 6vh;
  }
  html body.video360 .video-container {
    height: calc(76.8vh + 60px);
    width: 136.8vh;
  }
  html body.video360 .bottomText {
    width: 100%;
  }
  html body.video360 .bottomText > h3 {
    line-height: 17px;
    font-size: 15px;
    margin-left: 0;
    text-align: left;
  }
  html body.video360 .bottomText span {
    display: none;
  }
  html body.home .topContainer {
    display: none;
  }
  html body.home .intro .wrapper.extraPadding .content > h1 {
    font-size: 10vh;
    line-height: 10vh;
  }
  html body.home .intro .wrapper.extraPadding .content > .videoButton {
    margin: 1rem;
    height: 2.2rem;
  }
  html body.home .intro .wrapper.extraPadding .content > h2 {
    font-size: 3.5vh;
    margin-bottom: 6vh;
    margin-top: 2vh;
    margin-left: 0;
    margin-right: 0;
    line-height: 16px;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox {
    margin-left: 0;
    margin-right: 0;
    font-size: 2vh;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox span.icon-360 {
    display: none;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox h2 {
    font-size: 3.5vh;
    line-height: 16px;
  }
  html body.home div.creditosContainer div.content {
    width: 80vw;
  }
  html body.home div.creditosContainer div.content h2 {
    margin-top: 2vh;
    font-size: 40px;
    line-height: 40px;
  }
  html body.audioGame .app .btn--menu,
  html body.audioGame div.tabsnav__item.current > a div.tabsnav__number,
  html body.losClasicos .app .btn--menu,
  html body.losClasicos div.tabsnav__item.current > a div.tabsnav__number,
  html body.dobleVideo .app .btn--menu,
  html body.dobleVideo div.tabsnav__item.current > a div.tabsnav__number,
  html body.video360 .app .btn--menu,
  html body.video360 div.tabsnav__item.current > a div.tabsnav__number {
    visibility: hidden;
  }
  html body.dobleVideo .wrapper .videoCenter .bottomTxt .topText {
    width: 60vw;
  }
  html body.dobleVideo .wrapper .videoCenter .bottomTxt .subText {
    width: 60vw;
    font-size: 14px;
    line-height: 17px;
  }
  html body.audioGame .wrapper .containerGallery {
    height: 100vh;
  }
  html body.losClasicos h2 {
    font-size: 14px;
    line-height: 17px;
    width: 65%;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.uno {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.dos {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.tres {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cuatro {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.cinco {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.seis {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.siete {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.ocho {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.nueve {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.diez {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.once {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph.doce {
    background-image: initial;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:hover a div.bgGyph img {
    opacity: 1;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM {
    max-width: 35vw;
    float: left;
    clear: none;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS a div.bgGyph,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL a div.bgGyph,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM a div.bgGyph {
    max-width: 35vw;
    max-height: 35vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS a div.bgGyph img,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL a div.bgGyph img,
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM a div.bgGyph img {
    width: 35vw;
    height: 35vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(9), html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor:nth-of-type(7) {
    clear: both;
  }
  html body.audioGame .wrapper h1 {
    font-size: 30px;
    line-height: 30px;
  }
  html body.audioGame .wrapper .textGame {
    font-size: 14px;
    line-height: 17px;
  }
  html body.audioGame .wrapper .textGame1 {
    font-size: 18px;
    line-height: 21px;
  }
  html body.losClasicos .r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper {
    width: 75%;
  }
  html body.losClasicos .r5-wraper .topControls {
    position: fixed;
    top: 0;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  html body.home .intro .wrapper.extraPadding .content > h1 {
    font-size: 5vh;
    line-height: 6vh;
  }
  html body.home .intro .wrapper.extraPadding .content > .videoButton {
    margin: 1rem;
    height: 2.2rem;
  }
  html body.home .intro .wrapper.extraPadding .content > h2, html body.home .intro .wrapper.extraPadding .content > .introBox h2 {
    font-size: 2.5vh;
    margin-top: 2vh;
    margin-left: 0;
    margin-right: 0;
    line-height: 16px;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox {
    margin: 0;
    font-size: 2vh;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox span.icon-360 {
    display: none;
  }
  html body.home .intro .wrapper.extraPadding .content > .introBox h2 {
    padding: 1rem;
  }
  html body div.view div.tabscontent div.creditosContainer div.content {
    width: 85vw;
  }
  html body div.view div.tabscontent div.creditosContainer div.content h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 1.5vh;
  }
  html body div.view div.tabscontent div.creditosContainer div.content div.nombres ul li.right,
  html body div.view div.tabscontent div.creditosContainer div.content div.nombres ul li.left {
    font-size: 14px;
  }
  html body div.view div.tabscontent div.creditosContainer div.content div.nombres ul li.right {
    padding-left: 2vw;
  }
  html body div.view div.tabscontent div.creditosContainer div.content div.nombres ul li.left {
    padding-right: 2vw;
  }
  html body.losClasicos.modal-open .app div.containerShare,
  html body.losClasicos.modal-open .app div.view div.tabscontent a.btn--back {
    visibility: hidden;
  }
  html body.losClasicos .r5-wraper {
    margin-top: 50%;
  }
  html body.losClasicos .r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper {
    width: 60%;
  }
  html body.dobleVideo div.videoCenter .r5-wraper .r5-controls .r5-panel .r5-seekbar-wraper {
    width: 65%;
  }
  body.home:before {
    height: 100vh;
  }
}

/* MÓVILES PORTRAIT */
@media only screen and (max-width: 767px) and (max-height: 736px) and (orientation: portrait) {
  html body .app .videoButton {
    height: 26px;
  }
  html body .app div.view div.menuBars button.btn--menu {
    top: 3vh;
  }
  html body .app div.view div.menuBars button.btn--menu i.icon {
    color: white;
    transition: opacity 150ms linear;
  }
  html body .app div.view div.menuBars button.btn--menu i.icon.icon-menu {
    opacity: 1;
  }
  html body .app div.view div.menuBars button.btn--menu i.icon.icon-close {
    opacity: 0;
    position: absolute;
    top: 2px;
  }
  html body .app div.view div.menuBars button.btn--menu.btn--menu-active i.icon {
    transition: opacity 150ms linear;
  }
  html body .app div.view div.menuBars button.btn--menu.btn--menu-active i.icon.icon-menu {
    opacity: 0;
  }
  html body .app div.view div.menuBars button.btn--menu.btn--menu-active i.icon.icon-close {
    opacity: 1;
  }
  html body .app div.view div.tabscontent div.menu div.tabsnav__item div.tabsnav__number {
    margin: 0 3vw 0 0;
  }
  html body .app div.view div.tabscontent div.menu div.tabsnav__item div.centerNav span.littleLine {
    width: 18px;
  }
  html body .app div.view div.tabscontent div.menu div.tabsnav__item div.centerNav h1 {
    line-height: 22px;
    font-size: 18px;
  }
  html body .app div.view div.tabscontent a.btn--back {
    top: 3vh;
    right: 1vh;
  }
  html body .app div.containerShare {
    top: 10vh;
    right: 1vh;
    padding-right: 0;
  }
  html body .app footer {
    margin-bottom: 5vh;
    position: relative;
  }
  html body .app footer > div.vr {
    margin: 5vh 0;
  }
  html body .app footer > div.vr p {
    margin-bottom: 3vw;
  }
  html body .app footer > div.vr > div a.storelink {
    display: block;
    width: 33%;
  }
  html body .app footer > div.vr > div a.storelink div.images {
    display: inline-block;
    width: 100%;
  }
  html body .app footer > div.vr > div a.storelink div.images img {
    width: 100%;
    height: initial;
  }
  html body .app footer > div.vr > div a.storelink:nth-of-type(3) {
    width: 23%;
  }
  html body .app footer > div.creditos {
    width: 100%;
    float: none;
    display: block;
    clear: both;
  }
  html body .app footer > div.creditos .oneName {
    font-size: 12px;
    line-height: 18px;
  }
  html body .app footer > div.creditos .oneName span.verticalLine {
    display: none;
  }
  html body .app footer > div.creditos > p {
    font-size: 15px;
  }
  html body.home div.view div.tabscontent div.wrapper h1 {
    font-size: 13vh;
    line-height: 13vh;
    text-align: center;
  }
  html body.dobleVideo div.view div.tabscontent div.tabscontent__item .wrapper .videoCenter div.bottomTxt span.topText {
    width: 100%;
    font-size: 16px;
    line-height: 18px;
  }
  html body.dobleVideo div.view div.tabscontent div.tabscontent__item .wrapper .videoCenter div.bottomTxt span.subText {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
  }
  html body.losClasicos div.view h2 {
    line-height: 18px;
    width: 70%;
    font-size: 16px;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor {
    margin-bottom: 8vh;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL {
    max-width: 70vw;
    width: 70vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS a div.bgGyph, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM a div.bgGyph, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL a div.bgGyph {
    max-width: 70vw;
    max-height: 70vw;
  }
  html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeS a div.bgGyph img, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeM a div.bgGyph img, html body.losClasicos div.view div.tabscontent div.wrapper div.gridVideos div.containerVideos div.videoActor.sizeL a div.bgGyph img {
    max-width: 70vw;
    max-height: 70vw;
    width: 70vw;
    height: 70vw;
  }
  html body.losClasicos div.view .modal .topControls {
    position: fixed;
    top: 0;
  }
  html body.video360 {
    height: auto;
    overflow-y: auto;
  }
  html body.video360 .buttonWrapper {
    bottom: 6vw;
  }
}

/* MÓVILES PEQUEÑOS PORTRAIT */