.headerApp {
  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;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 2rem 32px 2rem;
  z-index: 9;
  position: fixed;
  left: 0;
  top: 0;
  height: auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(19, 19, 19, 0) 100%);
}

.headerApp .headerContainer {
  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;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.headerApp .headerContainer__logo-enportada {
  padding-left: 20px;
  padding-right: 20px;
}

.headerApp .headerContainer__logo-lab {
  font-size: 2.625rem;
}

.headerApp .headerContainer__logo-lab__icon:before {
  display: block;
}

.isMobile .headerApp {
  padding: 20px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.waypointSecundary .headerApp,
.waypointTerciary .headerApp {
  background: black;
  background: linear-gradient(to bottom, black 0%, rgba(19, 19, 19, 0) 100%);
}
@charset "UTF-8";
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-button {
  width: 2px;
  height: 2px;
}

.visualMenu {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
  opacity: 1;
  transition: all 450ms linear;
}

.visualMenu.hide {
  opacity: 0;
  z-index: -1;
}

.visualMenu .bottom__nav {
  max-width: 700px;
  width: 60vw;
  position: -webkit-sticky;
  position: sticky;
  left: calc(50vw - 350px);
  margin: initial;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(25px, 10px);
          transform: translate(25px, 10px);
}

.visualMenu .bottom__nav__column {
  width: 25%;
  height: 100px;
  padding: 0 18px;
  position: relative;
  box-sizing: border-box;
  float: left;
}

.visualMenu .bottom__nav__column button {
  transition: border-color 0.5s , background-color 0.5s;
  cursor: pointer;
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  position: absolute;
  top: -7px;
  left: -7px;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
  border-radius: 100%;
  cursor: pointer;
}

.visualMenu .bottom__nav__column button.active {
  border-color: #fafafa !important;
}

.visualMenu .bottom__nav__column button.active:after {
  display: none;
}

.visualMenu .bottom__nav__column button.active:hover:after {
  display: block !important;
}

.visualMenu .bottom__nav__column button:hover {
  border-color: #fafafa !important;
}

.visualMenu .bottom__nav__column button:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: white;
}

.visualMenu .bottom__nav__column span {
  display: block;
  width: 100%;
  height: 1px !important;
  position: relative;
  background-color: white;
}

.visualMenu .bottom__nav__column span i {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: -1px;
  background-color: white;
  z-index: 1;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

body.informationalPage.hideBottomGradient:after {
  display: none;
}

body.informationalPage div.informationalPage {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 450ms linear;
}

body.informationalPage div.informationalPage.show {
  z-index: 201;
  opacity: 1;
}

body.informationalPage div.informationalPage .backContainer {
  position: fixed;
  left: 3vw;
  top: 4vh;
  z-index: 3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.informationalPage div.informationalPage .backContainer .circleButton.back {
  transition: -webkit-transform 450ms linear;
  transition: transform 450ms linear;
  transition: transform 450ms linear, -webkit-transform 450ms linear;
}

body.informationalPage div.informationalPage .backContainer .circleButton.back > div {
  width: 100%;
  height: 100%;
  position: relative;
}

body.informationalPage div.informationalPage .backContainer .circleButton.back > div > i {
  width: 100%;
  height: 100%;
  /*display: block;
            color: #D65335;
            &:before {
              width: 100%;
              height: 100%;
              position: absolute;
              text-align: center;
              left: 0;
              }=*/
  color: #D65335;
}

body.informationalPage div.informationalPage .backContainer p {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1rem;
  padding-top: 2px;
  font-family: "Grotesk-Medium";
  color: white;
  margin-left: 1.5rem;
}

body.informationalPage div.informationalPage div.textAndShare {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer {
  padding-left: 2vw;
  margin-top: 4vh;
  padding-bottom: 4vh;
  z-index: 9;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer p {
  font-size: 0.9rem;
  text-align: left;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer ul.rrss {
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer ul.rrss li.elem {
  color: #fb5635;
  border: 2px solid #fb5635;
  margin: 1rem 2rem;
  padding: 0.5rem;
  transition: all 450ms ease-in-out;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer ul.rrss li.elem:nth-child(1) {
  margin-left: 0;
}

body.informationalPage div.informationalPage div.textAndShare div.shareContainer ul.rrss li.elem:hover {
  background: #fb5635;
  color: white;
}

body.informationalPage div.informationalPage .whiteBox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 40rem;
}

body.informationalPage div.informationalPage .whiteBox .information {
  white-space: normal;
  margin-top: 7rem;
  margin-left: 0%;
}

body.informationalPage div.informationalPage .whiteBox .whiteBoxLetter {
  background: white;
  width: 50%;
  color: red;
  padding: 5rem;
  height: 20rem;
}

body.informationalPage div.informationalPage .carousel1 {
  height: 100%;
  overflow: hidden;
  width: 45.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5rem;
}

body.informationalPage div.informationalPage .carousel2 {
  height: 100%;
  overflow: hidden;
  width: 25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15rem;
  margin-top: 10rem;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage .carousel2 .information {
  width: 100%;
  margin-left: 0%;
  white-space: normal;
}

body.informationalPage div.informationalPage .carousel3 {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15rem;
  margin-left: 0rem;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
  width: 35.7rem;
}

body.informationalPage div.informationalPage .carousel3 .information {
  width: 50%;
  white-space: normal;
  margin-left: 0%;
  margin-bottom: 3rem;
}

body.informationalPage div.informationalPage .carousel3 .swiper {
  margin-left: 10rem;
}

body.informationalPage div.informationalPage .carousel4 {
  height: 100%;
  overflow: hidden;
  width: 25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 0;
  margin-left: 15rem;
}

body.informationalPage div.informationalPage .horizontal-scroll-wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 80px;
  max-height: 500px;
  margin: 0;
  background: #abc;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: rotate(-90deg) translateY(-80px);
          transform: rotate(-90deg) translateY(-80px);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  z-index: 1;
}

body.informationalPage div.informationalPage .horizontal-scroll-wrapper > div {
  display: block;
  padding: 5px;
  background: #cab;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

body.informationalPage div.informationalPage .squares {
  padding: 60px 0 0 0;
}

body.informationalPage div.informationalPage .squares > div {
  width: 60px;
  height: 60px;
  margin: 10px;
}

body.informationalPage div.informationalPage .introductionText {
  width: 33vw;
  padding-left: 5vw;
}

body.informationalPage div.informationalPage .introductionText .informationalText {
  width: 100%;
}

body.informationalPage div.informationalPage .introductionText .informationalText p {
  white-space: normal;
}

body.informationalPage div.informationalPage .introductionText .informationalText .content {
  width: 100%;
}

body.informationalPage div.informationalPage .introductionText .informationalText .content p {
  white-space: normal;
}

body.informationalPage #container .boxesContainer {
  overflow-x: visible;
  white-space: nowrap;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: repeating-linear-gradient(90deg, #D24326 0, #D24326 50vw, #D74F33 50vw, #D74F33 100vw);
  position: relative;
}

body.informationalPage #container .boxesContainer:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-size: contain;
  background-position: center left;
}

body.informationalPage #container .box {
  width: auto;
  height: 100vh;
  height: 100vh;
  position: relative;
  overflow: visible;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: block;
}

body.informationalPage #container .box:last-child {
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage #container .box .containerBox {
  overflow: visible;
  font-size: 96px;
  color: #FFF;
  position: relative;
  top: 0;
  left: 0;
  font-weight: bold;
  width: 100%;
  height: 100%;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

body.informationalPage #container .box .containerBox .informationalText .informationalText {
  width: 100%;
}

body.informationalPage #container .box .containerBox .fullHeight {
  height: 100%;
}

body.informationalPage #container .box .containerBox .height70 {
  height: 70%;
}

body.informationalPage #container .box .containerBox .height50 {
  height: 50%;
}

body.informationalPage #container .box .containerBox .height25 {
  height: 25%;
}

body.informationalPage #container .box .containerBox > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: auto 4vw;
}

body.informationalPage #container .box .containerBox > div.narrow {
  width: 33vw;
}

body.informationalPage #container .box .containerBox > div.wide {
  width: 75vw;
}

body.informationalPage #container .box .containerBox > div.center {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

body.informationalPage #container .box .containerBox > div.top {
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

body.informationalPage #container .box .containerBox > div.bottom {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body.informationalPage #container .box .containerBox > div.centeredTitleContainer .content {
  position: relative;
}

body.informationalPage #container .box .containerBox > div.centeredTitleContainer .content .informationalText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

body.informationalPage #container .box .containerBox > div.centeredTitleContainer .content .informationalText > p {
  width: 50%;
  margin: 0 auto;
  line-height: 2.8rem;
  text-align: center;
}

body.informationalPage #container .box .containerBox > div.shareLayout .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage #container .box .containerBox > div.shareLayout .containerVideos video::cue {
  position: absolute;
  left: -1vw;
  width: 100%;
  font-size: 1rem;
  margin: 0.5rem !important;
  padding: 0.5rem !important;
  line-height: 1rem !important;
}

body.informationalPage #container .box .containerBox > div.shareLayout .containerVideos #containerControl .bottomControls {
  display: none;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.textAndShare {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.multipleImageFoot {
  width: auto;
  height: auto;
  position: absolute;
  display: block;
  right: 0;
  bottom: 45.411vh;
  background: white;
  padding: 0.2em;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.multipleImageFoot p {
  color: black;
  font-family: "MaisonNeueBook";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.25px;
  margin-bottom: 0;
  opacity: 0.51;
  line-height: 1.2em;
  width: initial;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.bottom {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox {
  position: absolute;
  left: -4vw;
  top: 43vh;
  background: white;
  width: 25vw;
  height: auto;
  margin-left: 0;
  padding: 0.4em;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.tinyTitle {
  color: #4c4c4c;
  font-size: 1rem;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.bottomLine:after {
  background: #cbcbcb;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.biggerTitle, body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.biggestTitle {
  margin-bottom: 4vh;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.title {
  color: #5d5d5d;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox > p.normalText {
  width: initial;
  color: #4e4e4e;
  width: 100%;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div .imageAndFootContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  white-space: normal;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div .imageAndFootContainer .imageContainer {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot {
  opacity: 0.51;
  font-family: "MaisonNeueBook";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.25px;
  margin-bottom: 0;
  position: absolute;
  top: calc(100% + 8px);
  text-align: left;
  left: 0;
  max-width: 80%;
}

body.informationalPage #container .box .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot strong {
  font-family: "MaisonNeueDemi";
  font-size: 1.1rem;
  text-transform: uppercase;
  display: block;
}

body.informationalPage #container .box .containerBox > div.informationalImage.shareLayout .content > div .imageAndFootContainer {
  height: initial;
}

body.informationalPage #container .box .containerBox > div.informationalAudio .audioAccordion {
  width: 33vw;
}

body.informationalPage #container .box .containerBox > div .content {
  width: 100%;
  height: 100%;
  display: inline-block;
}

body.informationalPage #container .box .containerBox > div .content .foot, body.informationalPage #container .box .containerBox > div .content .information, body.informationalPage #container .box .containerBox > div .content .mediumTitle, body.informationalPage #container .box .containerBox > div .content .normalText, body.informationalPage #container .box .containerBox > div .content .informationalText, body.informationalPage #container .box .containerBox > div .content .title {
  white-space: normal;
}

body.informationalPage #container .box .containerBox > div .content .informationalText p {
  white-space: normal;
}

body.informationalPage #container .box .containerBox > div img {
  height: 100%;
  max-height: 100%;
  display: inline-block;
  height: 100vh;
}

body.informationalPage #container .box .containerBox > div .containerVideos.informational {
  width: 71.1vh;
  height: 40vh;
  width: 97.86vh;
  height: 55vh;
  transition: width 350ms ease-in-out, height 350ms ease-in-out;
}

body.informationalPage #container .box .containerBox > div .containerVideos.informational.biggest {
  width: calc(71.1vh * 1.7);
  height: calc(40vh * 1.7);
  transition: width 350ms ease-in-out, height 350ms ease-in-out;
}

body.informationalPage #container .box .containerBox > div .containerVideos.informational.fakeFullscreen {
  height: 100vh;
  position: absolute;
  background: black;
}

body.informationalPage #container .box .containerBox > div .containerVideos.informational.fakeFullscreen .layer {
  height: 100vh;
}

body.informationalPage #container .box .containerBox > div .containerVideos.informational .layer {
  z-index: -1;
}

body.informationalPage #container .box .containerBox > div .containerVideos + .informationalText {
  max-width: 71.1vh;
}

body.informationalPage #container .box .containerBox > div#lastImage {
  width: 34vw;
  margin-right: 0;
}

body.informationalPage #container .box .containerBox > div#lastImage > div {
  width: 100%;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content {
  background: white;
  overflow: hidden;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content > div:nth-child(1) {
  height: auto;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content > div:nth-child(1) img {
  width: 100%;
  height: auto;
  display: block;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content.flexcol {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content.flexcol > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: normal;
      -ms-flex: normal;
          flex: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content.flexcol > div .imageAndFootContainer {
  height: 100%;
  width: 100%;
}

body.informationalPage #container .box .containerBox > div#lastImage > div .content.flexcol > div .informationalText.bottom {
  width: 100%;
}

body.informationalPage #container .box .containerBox > div#lastImage .foot {
  opacity: 0.51;
  color: black;
  position: static;
  margin-bottom: 0;
  top: 0;
  margin-top: 2vh;
  margin-left: 2vw;
  display: block;
}

body.informationalPage #container .box .containerBox > div#lastImage .informationalText {
  margin-top: 1.5rem;
}

body.informationalPage #container .box .containerBox > div#lastImage p:nth-child(1) {
  color: #fb5635;
  max-width: 90%;
}

body.informationalPage #container .box .containerBox > div#lastImage p:nth-child(2) {
  color: #5a5757;
  font-family: "Grotesk-Medium";
  width: calc(100% - 4vw);
}

body.informationalPage #container .box .containerBox > div#lastVideo p.normalText {
  color: #5a5757;
  font-family: "Grotesk-Medium";
}

body.informationalPage #container {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
}

body.informationalPage .container2 {
  white-space: nowrap;
  font-size: 0;
  width: 100vw;
  -webkit-transform: initial !important;
          transform: initial !important;
  -webkit-transform-origin: initial !important;
          transform-origin: initial !important;
  overflow-x: visible;
  white-space: nowrap;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: repeating-linear-gradient(90deg, #D24326 0, #D24326 50vw, #D74F33 50vw, #D74F33 100vw);
  position: relative;
}

body.informationalPage .container2:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-size: contain;
  background-position: center left;
}

body.informationalPage .container2 > div {
  width: auto !important;
  padding-right: 0 !important;
}

body.informationalPage div.informationalPage.historia #container .box.one {
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 45% 80%;
}

body.informationalPage div.informationalPage.historia #container .box.two {
  background-repeat: no-repeat;
  background-size: 24%;
  background-position: 59% 10%;
}

body.informationalPage div.informationalPage.historia #container .box.three #origenesText {
  height: auto;
}

body.informationalPage div.informationalPage.historia #container .box.three .containerBox .informationalImage .imageContainer img {
  height: 50vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#origenesText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#isabelImage {
  height: 100vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#isabelImage .informationalText {
  margin-left: -5vw;
  margin-top: -8vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#isabelImage .informationalText > p.normalText {
  width: 18vw;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#hojitaImage .informationalText {
  width: 16vw;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1, body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages2, body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 {
  margin: 0;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div {
  width: 46vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div .imageAndFootContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div .imageAndFootContainer .imageContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div .imageAndFootContainer:nth-child(1) {
  -webkit-flex: 0.701902;
      -ms-flex: 0.701902;
          flex: 0.701902;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div .imageAndFootContainer:nth-child(2) {
  -webkit-flex: 0.803797;
      -ms-flex: 0.803797;
          flex: 0.803797;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages1 .content > div .imageAndFootContainer:nth-child(3) {
  -webkit-flex: 0.660297;
      -ms-flex: 0.660297;
          flex: 0.660297;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages2 .foot {
  opacity: 0.51;
  color: black;
  top: 13vh;
  left: 4vw;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 {
  width: 56.88vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .containerVideos.informational {
  width: 56.88vh;
  height: 32vh;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .containerVideos.informational.biggest {
  width: calc(56.88vh * 1.7);
  height: calc(32vh * 1.7);
  transition: width 350ms ease-in-out, height 350ms ease-in-out;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .foot {
  opacity: 0.51;
  color: black;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .content {
  background: white;
  overflow: hidden;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .foot {
  left: 2vw;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .informationalText {
  margin-top: 3rem;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 p:nth-child(1) {
  color: #fb5635;
}

body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 p:nth-child(2) {
  color: #0f0f0f;
  width: calc(100% - 4vw);
}

body.informationalPage div.informationalPage.arquitectura #container .box {
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage div.informationalPage.arquitectura #container .box.one .introductionText {
  width: 45vw;
}

body.informationalPage div.informationalPage.arquitectura #container .box.five {
  background-repeat: no-repeat;
  background-size: 38%;
  background-position: 75% 15%;
  margin: 0 10vw;
}

body.informationalPage div.informationalPage.arquitectura #container .box.five .containerBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.arquitectura #container .box.five .containerBox .informationalText {
  height: auto;
  display: block;
  margin: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box.five .containerBox .informationalText .title {
  color: white;
}

body.informationalPage div.informationalPage.arquitectura #container .box.five .containerBox > .informationalVideo {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div.introductionText .content > div {
  padding-right: 10rem;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#origenesText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#echegarayImage, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#orquestaImage, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#butacasImage {
  height: 100vh;
  margin: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#echegarayImage > div > .content, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#orquestaImage > div > .content, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#butacasImage > div > .content {
  position: relative;
  margin-left: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plazasImage1, body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo {
  margin: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#obrasReal .informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#obrasReal .informationalText p {
  width: auto;
  margin-top: 4vh;
  width: 42.2rem;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div {
  width: 49vh;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer .imageContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(1) {
  height: 32%;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(2) {
  height: 26%;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(3) {
  height: 45%;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#plazasImage1 .foot {
  opacity: 1;
  color: white;
  top: 13vh;
  left: 4vw;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo {
  width: 71vh;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo .foot {
  opacity: 0.51;
  color: black;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo .content {
  background: white;
  overflow: hidden;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo .foot {
  left: 2vw;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo .informationalText {
  margin-top: 2.5vw;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo p:nth-child(1) {
  color: #fb5635;
}

body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div#lastVideo p:nth-child(2) {
  width: calc(100% - 4vw);
}

body.informationalPage div.informationalPage.caracterizacion #container .box.one {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: 72% 83%;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.three {
  margin-left: 4vw;
  margin-right: 6vw;
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox .informationalText {
  height: auto;
  display: block;
  margin: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox .informationalText .biggerTitle {
  color: white;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox > .informationalVideo {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox {
  width: auto;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imageAndFootContainer {
  position: relative;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imageAndFootContainer .footContainer .foot {
  bottom: initial;
  top: 3vw;
  left: 3vw;
  opacity: 1;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage#caracterizacionImages2 .multipleImageFoot {
  max-width: 17vw;
  padding: 0.4em;
  bottom: 35vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage#caracterizacionImages2 .multipleImageFoot p {
  line-height: 1.2em;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div {
  height: 100vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imagesSet1, body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imagesSet2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imagesSet1 img {
  height: 54.589vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage > div .imagesSet2 img {
  height: 45.411vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box.five {
  margin-left: 10vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div.introductionText {
  width: 45vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div.introductionText .content {
  margin-right: 6vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#videoContainerCaracterizacion1 {
  margin-right: calc(-5.55vh - 4vw);
  margin-left: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages, body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plazasImage1, body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#lastVideo {
  margin: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div {
  width: 49vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer .imageContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(1) {
  -webkit-flex: 0.625468;
      -ms-flex: 0.625468;
          flex: 0.625468;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(2) {
  -webkit-flex: 0.514981;
      -ms-flex: 0.514981;
          flex: 0.514981;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(3) {
  -webkit-flex: 0.876404;
      -ms-flex: 0.876404;
          flex: 0.876404;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#favoritaImage .foot {
  opacity: 1;
  color: white;
  bottom: 13vh;
  top: initial;
  left: 4vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage .content {
  position: relative;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage .content .imageAndFootContainer .footContainer .foot {
  bottom: 2vw;
  left: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage .content img {
  display: block;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage .content .informationalText {
  position: absolute;
  left: 0;
  bottom: 4vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#pelucasVideo .informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#pelucasVideo .informationalText p {
  width: auto;
  margin-top: 4vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100vh;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div.informationalText {
  position: absolute;
  width: 30vw;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 20vh;
  left: -2vw;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div.informationalText > p.biggestTitle {
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div.informationalText > p.normalText {
  width: initial;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div .imageAndFootContainer {
  margin: 0 0.07em;
  height: auto;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#imposiblesImage .content > div .imageAndFootContainer .imageContainer {
  height: 50vh;
  justify-self: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin-top: -20vh;
}

body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#lastImage .foot {
  width: 90%;
  display: block;
  white-space: initial;
  text-align: left;
}

body.informationalPage div.informationalPage.sastreria #container .box.one {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 20% 83%;
}

body.informationalPage div.informationalPage.sastreria #container .box.one > .containerBox .introductionText {
  width: 36vw;
  margin-right: 6vw;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox {
  width: auto;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages1 {
  position: relative;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages1 .content > div.leftWhiteBox {
  position: absolute;
  right: -3vw;
  left: initial;
  z-index: 3;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages3 .content > div.multipleImageFoot {
  top: 10vh;
  bottom: initial;
  max-width: 20vw;
  padding: 0.4em;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages3 .content > div.multipleImageFoot p {
  line-height: 1.2em;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div {
  height: 100vh;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imageAndFootContainer {
  position: relative;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imageAndFootContainer .footContainer .foot {
  bottom: initial;
  top: 3vw;
  left: 3vw;
  opacity: 1;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet1, body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet1 {
  margin-left: -28.7vh;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet1 img {
  height: 54.01vh;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet2 img {
  height: 45.99vh;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet2 > div.imageAndFootContainer:nth-child(1) .footContainer .foot {
  left: 5vw;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet3 > div.imageAndFootContainer:nth-child(3) {
  width: 100%;
}

body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage > div .imagesSet3 > div.imageAndFootContainer:nth-child(3) > div > img {
  width: 100%;
}

body.informationalPage div.informationalPage.sastreria #container .box.three {
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
  margin-left: 10vw;
  margin-right: 6vw;
}

body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox .informationalText {
  height: auto;
  display: block;
  margin: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox .informationalText .biggerTitle {
  color: white;
}

body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox > .informationalVideo {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.four {
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: 13% 31%;
}

body.informationalPage div.informationalPage.sastreria #container .box.four:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 38%;
  background-position: 79% 69%;
}

body.informationalPage div.informationalPage.sastreria #container .box.four .containerBox > div.informationalImage > div .imageAndFootContainer {
  position: relative;
}

body.informationalPage div.informationalPage.sastreria #container .box.four .containerBox > div.informationalImage > div .imageAndFootContainer .footContainer .foot {
  bottom: initial;
  top: 3vw;
  left: 3vw;
  opacity: 1;
}

body.informationalPage div.informationalPage.sastreria #container .box.four .containerBox > #piezasVestuarioText {
  width: 27vw;
  height: auto;
  padding: 13vh 2vw;
}

body.informationalPage div.informationalPage.sastreria #container .box.four .containerBox > #piezasVestuarioText > div.informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.five {
  margin-left: 3vw;
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 {
  margin: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(1) {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(1) .imageAndFootContainer .footContainer {
  position: absolute;
  bottom: 5vh;
  left: 2vw;
  width: 100%;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(2) {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  margin-left: 0;
  position: absolute;
  bottom: 10vh;
  display: block;
  height: auto;
}

body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(2) > p {
  width: calc(100% - 4vw);
  padding: 2vw;
}

body.informationalPage div.informationalPage.sastreria #container .box.six .containerBox > div.informationalImage {
  margin-left: 0;
  width: 28vw;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#videoContainerCaracterizacion1 {
  margin-right: calc(-35.55vh - 4vw);
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages, body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plazasImage1, body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#lastVideo {
  margin: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div {
  width: 49vh;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer .imageContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(1) {
  -webkit-flex: 0.625468;
      -ms-flex: 0.625468;
          flex: 0.625468;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(2) {
  -webkit-flex: 0.514981;
      -ms-flex: 0.514981;
          flex: 0.514981;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#plantaImages .content > div .imageAndFootContainer:nth-child(3) {
  -webkit-flex: 0.876404;
      -ms-flex: 0.876404;
          flex: 0.876404;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#favoritaImage .foot {
  opacity: 0.51;
  color: white;
  top: 13vh;
  left: 4vw;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#placidoImage {
  margin-left: -6vw;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#placidoImage img {
  display: block;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#placidoImage .informationalText {
  margin-left: -1.5em;
  margin-top: 0.3em;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#pelucasVideo .informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#pelucasVideo .informationalText p {
  width: auto;
  margin-top: 4vh;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100vh;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div.informationalText {
  position: absolute;
  width: 30vw;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 20vh;
  left: -2vw;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div.informationalText > p.biggerTitle {
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div.informationalText > p.normalText {
  width: initial;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div .imageAndFootContainer {
  margin: 0 0.07em;
}

body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div#imposiblesImage .content > div .imageAndFootContainer .imageContainer {
  height: 50vh;
  justify-self: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin-top: -20vh;
}

body.informationalPage div.informationalPage.regidor #container .box.one {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 20% 83%;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio {
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab {
  border-top: none;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .summaryContainer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .summaryContainer > .tabTitle {
  font-size: 1rem;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .tab-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: initial;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .tab-content .audioContainer {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .tab-content p {
  padding-left: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.two .informationalAudio .audioAccordion .tab .tab-content p:after {
  content: initial;
}

body.informationalPage div.informationalPage.regidor #container .box.three {
  margin-right: 18vw;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox {
  width: auto;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div#anios90text p.normalText {
  background: white;
  color: #555555;
  padding: 2vw;
  text-transform: uppercase;
  z-index: 3;
  position: relative;
  left: 6vw;
  font-family: "Grotesk-Medium";
  font-size: 0.8rem;
  letter-spacing: 0.2px;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage#regidorImages1 .content > div.multipleImageFoot {
  bottom: 45.99vh;
  width: 20vw;
  left: 184vh;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div {
  height: 100vh;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imageAndFootContainer {
  position: relative;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imageAndFootContainer .footContainer .foot {
  bottom: initial;
  top: 20%;
  left: 10%;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet1, body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet1 {
  margin-left: -28.7vh;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet1 img {
  height: 54.01vh;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet2 img {
  height: 45.99vh;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet2 > div.imageAndFootContainer:nth-child(3) {
  width: 100%;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet2 > div.imageAndFootContainer:nth-child(3) > div > img {
  width: 100%;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet3 > div.imageAndFootContainer:nth-child(3) {
  width: 100%;
}

body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage > div .imagesSet3 > div.imageAndFootContainer:nth-child(3) > div > img {
  width: 100%;
}

body.informationalPage div.informationalPage.regidor #container .box.four .containerBox > .informationalText {
  width: 33vw;
}

body.informationalPage div.informationalPage.regidor #container .box.four .containerBox > .informationalText .content {
  height: auto;
}

body.informationalPage div.informationalPage.regidor #container .box.four .containerBox > .informationalVideo {
  margin-left: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.five {
  background-repeat: no-repeat;
  background-size: 72%;
  background-position: 50% 21%;
}

body.informationalPage div.informationalPage.regidor #container .box.five .containerBox > #suspendidoText {
  width: 27vw;
  height: auto;
  padding-top: 20vh;
  padding-bottom: 5vh;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

body.informationalPage div.informationalPage.regidor #container .box.five .containerBox > #suspendidoText > div.informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.six {
  margin-left: 3vw;
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 {
  margin: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(1) {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  -webkit-flex-basis: 42vh;
      -ms-flex-preferred-size: 42vh;
          flex-basis: 42vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(1) .imageAndFootContainer .imageContainer {
  width: 100%;
  height: auto;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(1) .imageAndFootContainer .imageContainer > img {
  height: 42vh;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(1) .imageAndFootContainer .footContainer .foot {
  bottom: 3vh;
  left: 2vw;
  width: calc(100% - 4vw);
  display: block;
  white-space: initial;
  text-align: left;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(2) {
  background-color: #3b3b3b;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  margin-left: 0;
  position: relative;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(2):after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(2) > p {
  width: calc(100% - 4vw);
  padding: 2vw;
}

body.informationalPage div.informationalPage.regidor #container .box.seven .containerBox .textAndShare {
  margin-right: 5vw;
}

body.informationalPage div.informationalPage.regidor #container .box.seven .containerBox > div.informationalImage {
  margin-left: 0;
}

body.informationalPage div.informationalPage.regidor #container .box .containerBox > div.introductionText .content {
  margin-right: 8vw;
}

body.informationalPage div.informationalPage.regidor #container .box .containerBox > div#regidorImages1, body.informationalPage div.informationalPage.regidor #container .box .containerBox > div#regidorImages2, body.informationalPage div.informationalPage.regidor #container .box .containerBox > div#lastImage {
  margin: 0;
}

body.informationalPage div.informationalPage #lamparaImage1 {
  white-space: normal;
}

body.informationalPage div.informationalPage.lampara .content div {
  width: 100%;
}

body.informationalPage div.informationalPage.lampara #container .box.one img {
  height: 50vh;
}

body.informationalPage div.informationalPage.lampara #container .box.two .informationalText {
  margin-left: 4vw;
}

body.informationalPage div.informationalPage.lampara #container .box.two .informationalText > .information {
  width: 28vw;
}

body.informationalPage div.informationalPage.lampara #container .box.three .informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.publico #container .box.one {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 20% 83%;
}

body.informationalPage div.informationalPage.publico #container .box.one .containerBox > div#publicoImageFull1 .foot {
  opacity: 1;
  color: white;
  bottom: 13vh;
  left: 4vw;
}

body.informationalPage div.informationalPage.publico #container .box.two {
  margin-left: -14vw;
  z-index: 3;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerVideos .layer .cover {
  opacity: 1;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin-right: 4vw;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer {
  margin-bottom: 4vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(1) {
  height: 40vh;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 4vw;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(1) .footContainer {
  left: 1.5vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(1) img {
  height: 36vh;
  max-height: 36vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(2) {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 52%;
  margin-right: 4vw;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(2) img {
  height: 49vh;
  max-height: 49vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(3) {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 74%;
  -webkit-align-self: start;
      -ms-flex-item-align: start;
              -ms-grid-row-align: start;
          align-self: start;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(3) .footContainer {
  left: 7.5vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer:nth-child(3) img {
  height: 66vh;
  max-height: 66vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer .footContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
  top: 1vh;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div#publicoImages2 .content > div > div.imagesSet1 .imageAndFootContainer .footContainer .foot {
  position: initial;
  bottom: initial;
  left: initial;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div.informationalVideo .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div.informationalVideo .content .containerVideos {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.publico #container .box.two .containerBox > div.informationalVideo .content .informationalText {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0;
}

body.informationalPage div.informationalPage.publico #container .box.three .containerBox > div.informationalVideo .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.publico #container .box.three .containerBox > div.informationalVideo .content .containerVideos {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.publico #container .box.three .containerBox > div.informationalVideo .content .informationalText {
  width: 60vh;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0;
}

body.informationalPage div.informationalPage.publico #container .box.four {
  background: #1a1a1a;
  padding: 0 4vw;
}

body.informationalPage div.informationalPage.publico #container .box.four .containerBox {
  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;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.publico #container .box.four .containerBox > div#audioTitle, body.informationalPage div.informationalPage.publico #container .box.four .containerBox > div#audioText, body.informationalPage div.informationalPage.publico #container .box.four .containerBox > div.informationalAudio {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.publico #container .box.four .containerBox div.informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.publico #container .box.four .containerBox div.informationalText p.mediumTitle {
  width: 33vw;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage {
  margin-left: 0;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content {
  position: relative;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content > div .imageAndFootContainer:nth-child(1) .footContainer .foot {
  bottom: 20vh;
  left: 53vh;
  opacity: 1;
  width: 35%;
  line-height: 1rem;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content > div .imageAndFootContainer:nth-child(2) {
  width: 25vw;
  height: auto;
  position: absolute;
  right: 4vw;
  top: 0;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content > div .imageAndFootContainer:nth-child(2) img {
  width: 100%;
  height: auto;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content > div .imageAndFootContainer:nth-child(2) .footContainer .foot {
  width: 100%;
  max-width: 100%;
  display: block;
  white-space: initial;
  text-align: left;
  top: 33vw;
  left: 0;
  opacity: 1;
  font-family: "Grotesk-Medium";
  font-size: 1.25rem;
  line-height: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.53px;
  margin-top: 0;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content .informationalText {
  position: absolute;
  right: 4vw;
  width: 16vw;
}

body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content .informationalText p.normalText {
  width: initial;
}

body.informationalPage div.informationalPage.publico #container .box.six .informationalText {
  width: 30vw;
  height: auto;
}

body.informationalPage div.informationalPage.publico #container .box.seven {
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: 50% 20%;
  margin-left: 5vw;
}

body.informationalPage div.informationalPage.publico #container .box.seven .containerBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.publico #container .box.seven .containerBox > div {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.publico #container .box.seven .containerBox > div .informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.publico #container .box.eight {
  margin-left: 3vw;
}

body.informationalPage div.informationalPage.publico #container .box.eight .containerBox .informationalText {
  width: 25vw;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div {
  width: 52vh;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div .imageAndFootContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div .imageAndFootContainer .imageContainer {
  width: 100%;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div .imageAndFootContainer:nth-child(1) {
  -webkit-flex: 0.580071;
      -ms-flex: 0.580071;
          flex: 0.580071;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 35%;
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div .imageAndFootContainer:nth-child(2) {
  -webkit-flex: 0.661921;
      -ms-flex: 0.661921;
          flex: 0.661921;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#variasImages .content > div .imageAndFootContainer:nth-child(3) {
  -webkit-flex: 0.576512;
      -ms-flex: 0.576512;
          flex: 0.576512;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#lastImage .content {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#lastImage .content p:nth-child(3) {
  font-family: "Grotesk-Medium";
  color: #5a5757;
  margin-right: 0;
  text-align: right;
  width: calc(100% - 4vw);
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox .textAndShare {
  margin-right: 5vw;
  width: 100%;
}

body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div.informationalImage {
  margin-left: 0;
  margin-right: 0;
}

body.informationalPage div.informationalPage.publico #container .box .containerBox > div.introductionText .content {
  margin-right: 8vw;
}

body.informationalPage div.informationalPage.publico #container .box .containerBox > div#regidorImages1, body.informationalPage div.informationalPage.publico #container .box .containerBox > div#regidorImages2, body.informationalPage div.informationalPage.publico #container .box .containerBox > div#lastImage {
  margin: 0;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.one {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 20% 83%;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.one .containerBox > #cajaImageFull1 .content > div .imageAndFootContainer .footContainer .foot {
  top: 4vh;
  bottom: initial;
  left: 2vw;
  opacity: 1;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.two {
  z-index: 4;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 94% 73%;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.two .informationalText, body.informationalPage div.informationalPage.caja-escenica #container .box.three .informationalText {
  width: 33vw;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.three {
  z-index: 3;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.three .containerVideos .layer .cover {
  opacity: 1;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.four {
  margin-left: -5vw;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.four:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 20vw;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 90% 14%;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.six .containerBox > #cajaImages1 {
  margin-right: 0;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.six .containerBox > #lastImage {
  margin-left: 0;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.six .containerBox > #lastImage .textAndShare {
  margin-right: 5vw;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.five {
  margin-left: 5vw;
}

body.informationalPage div.informationalPage.caja-escenica #container .box.five .informationalText {
  width: 33vw;
}

body.informationalPage div.informationalPage.escenografia #container .box .containerBox > div.informationalImage .content > div.leftWhiteBox {
  left: initial;
  right: -1vw;
}

body.informationalPage div.informationalPage.escenografia #container .box.one {
  background-repeat: no-repeat;
  background-size: 150%;
  background-position: 20% 83%;
  z-index: 2;
}

body.informationalPage div.informationalPage.escenografia #container .box.two {
  margin-left: -14vw;
  z-index: 0;
}

body.informationalPage div.informationalPage.escenografia #container .box.two .containerBox .informationalImage {
  height: 90vh;
}

body.informationalPage div.informationalPage.escenografia #container .box.two .containerBox .informationalImage img {
  display: block;
}

body.informationalPage div.informationalPage.escenografia #container .box.six {
  z-index: 4;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerBox > div.informationalVideo {
  margin: auto 6vw;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerBox > div.informationalVideo .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerBox > div.informationalVideo .content .containerVideos {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerBox > div.informationalVideo .content .informationalText {
  width: 60vh;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerVideos {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .containerVideos video {
  height: 100%;
  width: auto;
  position: static;
}

body.informationalPage div.informationalPage.escenografia #container .box.six .informationalText {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  width: 25vw;
  margin-right: 4vw;
}

body.informationalPage div.informationalPage.escenografia #container .box.seven, body.informationalPage div.informationalPage.escenografia #container .box.eight {
  margin-right: 5vw;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout {
  width: 28vw;
  margin-left: 0;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout .textAndShare p {
  color: #fb5635;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout .content p.tinyTitle {
  margin-top: 10vh;
  color: black !important;
  width: auto;
  padding-right: 4vw;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout .content p.mediumTitle {
  width: auto !important;
  max-width: 100%;
  display: block;
  color: #fb5635 !important;
  padding-right: 6vw;
  margin-top: 3vh;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .informationalImage:not(.shareLayout) {
  margin-right: 0;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .informationalImage:not(.shareLayout) .content {
  position: relative;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .informationalImage:not(.shareLayout) .content .informationalText {
  position: absolute;
  left: 0;
  bottom: 18vh;
  height: auto;
}

body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .informationalImage:not(.shareLayout) .content .informationalText p {
  width: 24vw;
  font-family: "Grotesk-Medium";
}

body.informationalPage div.informationalPage.director-orquesta #container .box.one {
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: 20% 83%;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.one .containerVideos .layer .cover {
  opacity: 1;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.two {
  margin-left: -20vw;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.two .containerBox #directorImage1 .content > div .imageAndFootContainer .footContainer .foot {
  bottom: 16vh;
  left: 2vw;
  opacity: 1;
  top: initial;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.two .containerBox #directorEnergiaText .information {
  width: 34vw;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.two .containerBox #directorImage2 {
  margin: 0;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three {
  background-repeat: no-repeat;
  background-size: 50vw;
  background-position: 99% 13%;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalVideo {
  background: #040404;
  margin: 0;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalVideo .containerVideos {
  margin-bottom: 4vh;
  left: -10vw;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalVideo .containerVideos .layer .cover {
  opacity: 1;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalImage .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalImage .content > div > div.imageAndFootContainer:nth-child(2) {
  height: 50vh;
  margin-left: -14vw;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalImage .content > div > div.imageAndFootContainer:nth-child(2) img {
  height: 50vh;
  max-height: 50vh;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.four {
  -webkit-flex-shrink: initial;
      -ms-flex-negative: initial;
          flex-shrink: initial;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.four .containerBox #directorFinalImage .content > div .imageAndFootContainer .footContainer .foot {
  bottom: 16vh;
  left: 2vw;
  opacity: 1;
  top: initial;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.four .containerBox > div:nth-child(1) {
  margin-right: 0;
}

body.informationalPage div.informationalPage.director-orquesta #container .box.four .containerBox > div:nth-child(2) {
  margin-left: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.one {
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 13% 83%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content {
  position: relative;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content .informationalText {
  position: absolute;
  top: 13vh;
  right: 2vw;
  width: 30vw;
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content .informationalText p.normalText, body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content .informationalText p.tinyTitle {
  text-align: right;
  width: 100%;
  margin-top: 1vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.two .containerVideos video {
  height: 100%;
  width: auto;
  position: static;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.two .containerBox > div.informationalVideo .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.two .containerBox > div.informationalVideo .content .containerVideos {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.two .containerBox > div.informationalVideo .content .informationalText {
  width: 60vh;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0;
  margin-right: 4vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div, body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imageAndFootContainer img, body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imageAndFootContainer img {
  height: 100%;
  display: block;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer, body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer {
  height: auto;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  top: 2vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot, body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot {
  position: initial;
  bottom: initial;
  left: initial;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .informationalImage .imagesSet1 .imageAndFootContainer:nth-of-type(1) img {
  height: 56.5vh;
  max-height: 56.5vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .informationalImage .imagesSet1 .imageAndFootContainer:nth-of-type(2) img {
  height: 68vh;
  max-height: 68vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .informationalImage .imagesSet1 .imageAndFootContainer:nth-of-type(3) img {
  height: 100vh;
  max-height: 100vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.four {
  z-index: 3;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.four .content {
  position: relative;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.four .content .informationalText {
  width: 90%;
  height: auto;
  position: absolute;
  left: -4vw;
  bottom: 0;
  margin: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.four .content .informationalText p.normalText {
  width: 24vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.four .content .informationalImage .imageAndFootContainer:nth-of-type(1) img {
  height: 70vh;
  max-height: 70vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .informationalImage .imageAndFootContainer:nth-of-type(1) img {
  height: 100vh;
  max-height: 100vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .informationalImage .imageAndFootContainer:nth-of-type(2) img {
  height: 48.5vh;
  max-height: 48.5vh;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three {
  z-index: 3;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 {
  height: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(1) {
  height: 70%;
  margin-right: -2vw;
  z-index: 3;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(1) .foot {
  position: relative;
  left: 4vw;
  width: 80%;
  text-align: left;
  display: block;
  white-space: initial;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(2) {
  height: 80%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(2) .foot {
  position: relative;
  left: 7vw;
  width: 80%;
  text-align: left;
  white-space: initial;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(3) {
  margin-left: -2vw;
  z-index: 3;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(3) .foot {
  position: absolute;
  top: initial;
  bottom: 16vh;
  left: 2vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five {
  margin-left: -6vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot {
  position: initial;
  bottom: initial;
  left: initial;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imagesSet1 {
  height: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(1) .footContainer .foot {
  position: absolute;
  top: initial;
  bottom: 16vh;
  left: 2vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.five .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(2) {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 60%;
  margin-left: 1vw;
  margin-right: 5vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 {
  height: 100%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 .imageAndFootContainer {
  position: relative;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 > div:nth-child(1) {
  z-index: 3;
  margin-right: -5vw;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 > div:nth-child(1) .foot {
  opacity: 1;
  bottom: 16vh;
  left: 3vw;
  top: initial;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 > div:nth-child(2) .foot {
  opacity: 1;
  top: 23vh;
  left: 8vw;
  display: block;
  height: auto;
  white-space: initial;
  text-align: left;
  width: 50%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 > div:nth-child(3) .foot {
  opacity: 1;
  bottom: 14vh;
  top: initial;
  left: 30%;
  display: block;
  height: auto;
  white-space: initial;
  text-align: left;
  width: 22%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.seven {
  padding-left: 4vw;
  padding-right: 8vw;
  background-repeat: no-repeat;
  background-size: 120%;
  background-position: -22% 11%;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.seven .containerBox {
  -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: left;
      -ms-flex-align: left;
          align-items: left;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.seven .containerBox > #audioTitle {
  height: auto;
  margin: 0;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.seven .containerBox > #audioTitle .informationalText {
  margin-left: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.seven .containerBox > .informationalAudio {
  height: auto;
  margin: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.eight div.informationalImage {
  margin: 0;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.eight div.informationalImage:nth-child(1) .content > div .imageAndFootContainer .footContainer .foot {
  top: 20vh;
  left: 6vw;
  opacity: 1;
}

body.informationalPage div.informationalPage.cantante-opera #container .box.eight div.informationalImage#lastImage .content p:nth-child(3) {
  color: #5a5757;
  font-family: "Grotesk-Medium";
  margin-right: 0;
  text-align: right;
  width: calc(100% - 4vw);
}

@media only screen and (max-width: 1580px) {
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .content .informationalText {
    width: 130%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  body.informationalPage div.informationalPage .backContainer p {
    font-size: 1.1rem;
  }
  body.informationalPage div.informationalPage.historia #container .box .containerBox > div.introductionText .content {
    width: 29vw;
    height: auto;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div.introductionText {
    width: 60vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box .containerBox > div.informationalImage .content > div {
    display: block;
  }
  body.informationalPage div.informationalPage #container .box .containerBox > div .containerVideos.informational.fakeFullscreen div video.videoCustom {
    z-index: 2;
    display: block;
    height: 100vh;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
  }
}

@media only screen and (max-width: 1100px) and (orientation: landscape) {
  /* Media queries globales para m�viles*/
  .visualMenu .bottom__nav__column {
    height: 45px;
  }
  body.informationalPage {
    /* Media queries concretas de cada patio*/
  }
  body.informationalPage #container .box .containerBox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body.informationalPage #container .box .containerBox > div .containerVideos.informational {
    width: 89vh;
    height: 50vh;
  }
  body.informationalPage #container .box .containerBox > div .containerVideos.informational + .informationalText {
    max-width: 89vh;
  }
  body.informationalPage #container .box .containerBox div#lastImage .foot {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    color: white;
    top: initial;
    bottom: 6vh;
    left: 4vw;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout {
    width: initial !important;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content {
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content .imageAndFootContainer .imageContainer img {
    height: 100vh !important;
    width: auto !important;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content .informationalText {
    margin-top: 3rem;
    margin-left: 3rem;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .containerVideos.informational {
    width: initial !important;
    height: initial !important;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .containerVideos.informational > .layer {
    width: 178vh;
    height: 100vh;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .textAndShare {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 2vw;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .textAndShare > .informationalText {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    height: auto;
    padding: 0;
    margin-top: 3rem !important;
    margin-left: 3rem !important;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .textAndShare > .shareContainer {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin-left: 3rem;
    margin-bottom: 3rem;
    margin-top: 0;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .content > .textAndShare > .shareContainer ul.rrss li.elem {
    margin-bottom: 0;
  }
  body.informationalPage #container .box .containerBox .introductionText {
    width: 60vw !important;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.informationalPage #container .box .containerBox .introductionText .content {
    width: 100% !important;
  }
  body.informationalPage #container .box .containerBox .introductionText .title {
    width: 100%;
    margin-left: 0%;
  }
  body.informationalPage #container .box .containerBox .introductionText.center {
    padding: 0.5rem;
    width: 60%;
  }
  body.informationalPage #container .box .containerBox .introductionText.center .title {
    width: 100%;
    margin-left: 0%;
  }
  body.informationalPage #container .box .containerBox .introductionText.right {
    padding: 0.5rem;
    width: 40%;
  }
  body.informationalPage #container .box .containerBox .informationalText {
    height: 100%;
    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;
  }
  body.informationalPage #container .box .containerBox .informationalText.center {
    padding: 1rem;
    width: 60%;
  }
  body.informationalPage #container .box .containerBox .informationalText.center .title {
    width: 100%;
  }
  body.informationalPage #container .box .containerBox .informationalText.center .title p {
    font-size: 1.2rem;
  }
  body.informationalPage #container .box .containerBox .informationalText.right {
    padding: 1rem;
    width: 40%;
  }
  body.informationalPage #container .box .containerBox .informationalText.right .information .date {
    margin: 0;
  }
  body.informationalPage #container .box .containerBox .informationalText .information {
    width: 100%;
    margin-left: 0;
  }
  body.informationalPage #container .box .containerBox > div.leftWhiteBoxContainer .content {
    -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;
  }
  body.informationalPage #container .box .containerBox > div.leftWhiteBoxContainer .content > div:nth-child(1) {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  body.informationalPage #container .box .containerBox > div.leftWhiteBoxContainer .content > div.leftWhiteBox {
    padding: 3rem;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    position: initial;
    width: auto;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 40vw;
    max-width: 40vw;
    margin-left: 5vw;
    margin-right: -3vw;
    z-index: 3;
  }
  body.informationalPage #container .box .containerBox > div.informationalImage .content > div .imageAndFootContainer .footContainer .foot {
    display: inline-block;
    white-space: initial;
    text-align: left;
    bottom: -20px;
  }
  body.informationalPage #container .box .containerBox > div.informationalAudio .audioAccordion {
    width: 60vw;
  }
  body.informationalPage #container .informationalVideo div.fakeFullscreen {
    z-index: 10 !important;
  }
  body.informationalPage div.informationalPage .backContainer p {
    font-size: 1.1rem;
  }
  body.informationalPage div.informationalPage.historia #container .box .containerBox > div#isabelImage .informationalText > p.normalText {
    width: 42vw;
  }
  body.informationalPage div.informationalPage.historia #container .box .containerBox > div.introductionText .content {
    width: 42vw;
    height: auto;
  }
  body.informationalPage div.informationalPage.historia #container .box .containerBox > div#plazasImages3 .textAndShare {
    width: 70vw;
  }
  body.informationalPage div.informationalPage.historia #container .box .containerBox > div#hojitaImage .informationalText {
    width: 30vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.one .containerBox .introductionText {
    width: 80vw !important;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five {
    margin-right: 4vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div > .informationalText {
    padding: 0;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div > div#obrasReal .informationalText {
    margin-left: 4vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div .content {
    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;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div .content .containerVideos video {
    height: 100%;
    width: auto;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div .content .informationalText {
    width: 38vw;
    margin-left: 4vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.five > div .content .informationalText p {
    width: auto;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .content > .textAndShare {
    min-width: 80vw;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div {
    width: 49vh;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div .imageAndFootContainer {
    width: 100%;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div .imageAndFootContainer .imageContainer {
    width: 100%;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div .imageAndFootContainer:nth-child(1) {
    height: 100%;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div .imageAndFootContainer:nth-child(2) {
    height: 100%;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage#plantaImages .content > div .imageAndFootContainer:nth-child(3) {
    height: 100%;
  }
  body.informationalPage div.informationalPage.arquitectura #container .box.six .informationalImage .content > div {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto !important;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div.introductionText .content {
    margin-right: 12vw;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage > div {
    height: 100%;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage > div img {
    display: inline-block;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box .containerBox > div#placidoImage .informationalText {
    margin-top: 0;
    margin-left: 4vw;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox {
    margin-top: -10vh;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox > .informationalText {
    width: auto;
    padding-left: 0;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox > .informationalText .informationalText {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox > div#pelucasVideo .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.three .containerBox > div#pelucasVideo .content .informationalText {
    width: 45vw;
    margin-left: 4vw;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage#caracterizacionImages2 .multipleImageFoot {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 40vw;
    right: -49vw;
    bottom: initial;
    top: 50vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    height: 100%;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage#caracterizacionImages2 .multipleImageFoot p {
    line-height: 1.3em;
    font-size: 1rem;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.five {
    margin-left: 50vw;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.five .containerBox > div#imposiblesImage .content > div {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.five .containerBox > div#imposiblesImage .content > div .imageAndFootContainer {
    height: auto;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.five .containerBox > div#imposiblesImage .content > div .imageAndFootContainer .imageContainer {
    margin-top: 0;
  }
  body.informationalPage div.informationalPage.caracterizacion #container .box.five .containerBox > div#imposiblesImage .content > div.informationalText {
    position: initial;
    width: 43vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box .containerBox > div.introductionText .content {
    margin-right: 12vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages1 .content > div.leftWhiteBox {
    position: initial;
    right: initial;
    left: initial;
    z-index: initial;
    width: 20vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.two .containerBox > div.informationalImage#sastreriaImages3 .content > div.multipleImageFoot {
    position: initial;
    top: 0;
    height: auto;
    display: inline-block;
    margin: 0;
    width: 65vw !important;
    max-width: 65vw;
    padding: 0.15em 0.4em;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox {
    margin-top: -10vh;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox > div .content {
    display: block;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox .informationalText {
    width: 100%;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox > div#pelucasVideo .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.three .containerBox > div#pelucasVideo .content .informationalText {
    width: 45vw;
    margin-left: 4vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.four {
    background-position: 13% 19%;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.four .containerBox > #piezasVestuarioText {
    width: 60vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(1) .imageAndFootContainer .footContainer {
    bottom: 15vh;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(2) {
    bottom: 20vh;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.five .containerBox > div#sastreriaImages4 .content > div:nth-child(2) > p {
    font-size: 1.5rem;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.six .containerBox > div#lastImage > div .content > div .imageAndFootContainer img {
    height: 100%;
    width: auto;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.six .containerBox > div#lastImage > div .content .textAndShare {
    margin-right: 2vw;
  }
  body.informationalPage div.informationalPage.sastreria #container .box.six .containerBox > div#lastImage > div .foot {
    color: white;
    left: 4vw;
    bottom: 15vh;
  }
  body.informationalPage div.informationalPage.regidor #container .box.one {
    z-index: 4;
  }
  body.informationalPage div.informationalPage.regidor #container .box.three .content {
    height: auto;
  }
  body.informationalPage div.informationalPage.regidor #container .box.three .containerBox > div.informationalImage#regidorImages1 .content > div.multipleImageFoot {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    width: 40vw;
    left: 204vh;
  }
  body.informationalPage div.informationalPage.regidor #container .box.four {
    margin-left: 20vw;
  }
  body.informationalPage div.informationalPage.regidor #container .box.five {
    margin-right: 4vw;
    margin-left: 2vw;
    background-position: 50% 32%;
  }
  body.informationalPage div.informationalPage.regidor #container .box.six .containerBox > div#regidorImages2 .content > div:nth-child(2) > p {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  body.informationalPage div.informationalPage.lampara #container .box.two .informationalText {
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  body.informationalPage div.informationalPage.lampara #container .box.two .informationalText p.information {
    width: 60vw;
  }
  body.informationalPage div.informationalPage.lampara #container .box.three div#lastImage > div > .content {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.informationalPage div.informationalPage.lampara #container .box.three div#lastImage > div > .content > div:nth-child(1) {
    -webkit-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  body.informationalPage div.informationalPage.publico #container .box.four .containerBox {
    -webkit-align-items: left;
        -ms-flex-align: left;
            align-items: left;
  }
  body.informationalPage div.informationalPage.publico #container .box.four .containerBox > .informationalImage .content .informationalText {
    width: 32vw;
  }
  body.informationalPage div.informationalPage.publico #container .box.four .containerBox div.informationalText p.mediumTitle {
    width: 60vw;
    margin-top: 4vh;
  }
  body.informationalPage div.informationalPage.publico #container .box.five .containerBox > .informationalImage .content > div .imageAndFootContainer:nth-child(2) .footContainer .foot {
    font-size: 1rem;
  }
  body.informationalPage div.informationalPage.publico #container .box.seven .containerBox {
    -webkit-align-items: left;
        -ms-flex-align: left;
            align-items: left;
  }
  body.informationalPage div.informationalPage.publico #container .box.seven .containerBox .informationalText {
    width: 47vw;
    height: auto;
    margin-right: 6vw;
    margin-left: 6vw;
  }
  body.informationalPage div.informationalPage.publico #container .box.eight .containerBox .informationalText {
    width: 48vw;
  }
  body.informationalPage div.informationalPage.publico #container .box.eight .containerBox .informationalText .content {
    height: auto;
  }
  body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#lastImage .content {
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  body.informationalPage div.informationalPage.publico #container .box.nine .containerBox > div#lastImage .content .informationalText {
    width: 80vw;
  }
  body.informationalPage div.informationalPage.caja-escenica #container .box.two .informationalText, body.informationalPage div.informationalPage.caja-escenica #container .box.three .informationalText, body.informationalPage div.informationalPage.caja-escenica #container .box.five .informationalText {
    width: 50vw;
  }
  body.informationalPage div.informationalPage.caja-escenica #container .box.two .informationalText .content, body.informationalPage div.informationalPage.caja-escenica #container .box.three .informationalText .content, body.informationalPage div.informationalPage.caja-escenica #container .box.five .informationalText .content {
    height: auto;
  }
  body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox > div#lastImage > div .content {
    background: white;
    overflow: hidden;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .informationalImage .content .informationalText p {
    width: 45vw;
  }
  body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout .content {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  body.informationalPage div.informationalPage.escenografia #container .box.nine .containerBox .shareLayout .content .foot {
    bottom: 16vh;
    left: 4vw;
    color: white;
    opacity: 1;
  }
  body.informationalPage div.informationalPage.director-orquesta #container .box.two .informationalText {
    height: auto;
  }
  body.informationalPage div.informationalPage.director-orquesta #container .box.three .informationalVideo .containerVideos {
    margin-left: 2vw;
    left: 0;
  }
  body.informationalPage div.informationalPage.director-orquesta #container .box.four .containerBox > div.shareLayout .content > .textAndShare {
    min-width: 60vw;
    padding-right: 10vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content .informationalText {
    width: 45vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.one .containerBox > div.informationalImage .content .informationalText p.tinyTitle {
    margin-top: 3vh;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.two {
    z-index: 4;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.two .informationalText {
    width: auto;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.two .informationalText p.title {
    width: 56vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.three .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(2) {
    margin-right: 8vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.three .informationalText {
    position: initial;
    left: initial;
    height: auto;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 5vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.three .informationalText p.normalText {
    width: 44vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four {
    margin-right: 40vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .containerBox > div.informationalImage .content > div.informationalText {
    width: 200%;
    bottom: -12vh;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .containerBox > div.informationalImage .content > div.informationalText p.normalText {
    width: 40vw;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .containerBox > div.informationalImage .content > div .imagesSet1 {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(1) {
    margin-right: 0;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.four .containerBox > div.informationalImage .content > div .imagesSet1 > div.imageAndFootContainer:nth-child(2) {
    height: 50%;
    margin-left: 4vw;
    -webkit-align-self: initial;
        -ms-flex-item-align: initial;
                -ms-grid-row-align: initial;
            align-self: initial;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.six .containerBox > div.informationalImage .content > div .imagesSet2 > div:nth-child(2) .foot {
    width: 95%;
  }
  body.informationalPage div.informationalPage.cantante-opera #container .box.eight div.informationalImage#lastImage .informationalText {
    min-width: 70vw;
  }
}

@media only screen and (min-width: 1100px) {
  body.informationalPage div.informationalPage.caracterizacion #container .box.four .containerBox > div.informationalImage#caracterizacionImages2 .multipleImageFoot {
    max-width: 17vw;
    padding: 0.4em;
    top: 3rem;
    bottom: auto;
    height: auto;
  }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .noInMobile {
    display: none;
  }
  body.informationalPage #container .box .containerBox > div.shareLayout .containerVideos video::cue {
    margin: 0;
    line-height: 2rem !important;
    padding: 1rem !important;
    margin: 2rem !important;
    position: absolute;
    bottom: 12%;
    left: -2vw;
    width: 100%;
    font-size: 2rem !important;
  }
}
.shareContainer {
  position: relative;
  width: auto;
  margin-left: 0;
  margin-top: 0;
  transition: margin 0.3s ease-in-out;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0;
}

.shareContainer span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-size: 1.75rem;
  transition: all 300ms;
}

.shareContainer span:hover {
  transition: all 300ms;
}

.shareContainer .verticalLayout.videoControls {
  bottom: 6rem;
}

.shareContainer.offset {
  margin-top: 5rem;
}

ul.rrss {
  padding: 0;
  margin: 0;
  position: absolute;
  left: calc(50% - 18px);
  z-index: -99;
  width: 100%;
}

ul.rrss.show {
  z-index: 99;
}

ul.rrss.show.videoControls li.elem, ul.rrss.show.videoControls li.elemMobile {
  top: 0rem;
}

ul.rrss.show li.elem, ul.rrss.show li.elemMobile {
  opacity: 1;
}

ul.rrss.hide {
  z-index: -1 !important;
}

ul.rrss.hide li.elem, ul.rrss.hide li.elemMobile {
  opacity: 0;
  top: 0px;
  pointer-events: none;
}

ul.rrss.hide li.elem:nth-child(1), ul.rrss.hide li.elemMobile:nth-child(1) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s;
}

ul.rrss.hide li.elem:nth-child(2), ul.rrss.hide li.elemMobile:nth-child(2) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s;
}

ul.rrss.hide li.elem:nth-child(3), ul.rrss.hide li.elemMobile:nth-child(3) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s;
}

ul.rrss.hide li.elem:nth-child(4), ul.rrss.hide li.elemMobile:nth-child(4) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.4s;
}

ul.rrss li.elem, ul.rrss li.elemMobile {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  left: calc(50% - (45px / 2));
  border: 2px solid white;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  background: transparent;
  color: white;
  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;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, color 0.35s ease-in, background 0.35s ease-in;
}

ul.rrss li.elem:hover, ul.rrss li.elemMobile:hover {
  background: white;
  color: black;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, color 0.35s ease-in, background 0.35s ease-in;
}

ul.rrss li.elem > i, ul.rrss li.elemMobile > i {
  display: block;
  font-size: 1rem;
}

ul.rrss li.elem > i:before, ul.rrss li.elemMobile > i:before {
  display: block;
}

ul.rrss.horizontalLayout {
  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;
  padding: 0;
  margin: 0;
  bottom: auto;
  height: 100%;
  z-index: 0;
  width: 100%;
  height: auto;
}

ul.rrss.horizontalLayout li.elem, ul.rrss.horizontalLayout li.elemMobile {
  position: relative;
  top: 0;
  left: 0;
  padding: 1rem;
  margin: 4rem;
}

ul.rrss.horizontalLayout li.elem i, ul.rrss.horizontalLayout li.elemMobile i {
  font-size: 1.5rem;
  display: block;
}

ul.rrss.verticalLayout {
  top: 3rem;
}

ul.rrss.verticalLayout.videoControls {
  top: inherit;
}

ul.rrss.verticalLayout li.elem, ul.rrss.verticalLayout li.elemMobile {
  left: 0;
}

ul.rrss.horizontalLayout.hide li.elem, ul.rrss.horizontalLayout.hide li.elemMobile {
  top: -100px;
}

ul.rrss.horizontalLayout.show li.elem, ul.rrss.horizontalLayout.show li.elemMobile {
  opacity: 1;
}

ul.rrss.horizontalLayout.show li.elem:nth-child(1), ul.rrss.horizontalLayout.show li.elemMobile:nth-child(1) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
  top: 0px;
}

ul.rrss.horizontalLayout.show li.elem:nth-child(2), ul.rrss.horizontalLayout.show li.elemMobile:nth-child(2) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s, color 0.35s ease-in, background 0.35s ease-in;
  top: 0px;
}

ul.rrss.horizontalLayout.show li.elem:nth-child(3), ul.rrss.horizontalLayout.show li.elemMobile:nth-child(3) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 0px;
}

ul.rrss.horizontalLayout.show li.elem:nth-child(4), ul.rrss.horizontalLayout.show li.elemMobile:nth-child(4) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 0px;
}

ul.rrss.verticalLayout.show.videoControls li.elem, ul.rrss.verticalLayout.show.videoControls li.elemMobile {
  opacity: 1;
}

ul.rrss.verticalLayout.show.videoControls li.elem:nth-child(1), ul.rrss.verticalLayout.show.videoControls li.elemMobile:nth-child(1) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: -5px;
}

ul.rrss.verticalLayout.show.videoControls li.elem:nth-child(2), ul.rrss.verticalLayout.show.videoControls li.elemMobile:nth-child(2) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s, color 0.35s ease-in, background 0.35s ease-in;
  top: -60px;
}

ul.rrss.verticalLayout.show.videoControls li.elem:nth-child(3), ul.rrss.verticalLayout.show.videoControls li.elemMobile:nth-child(3) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
  top: -115px;
}

ul.rrss.verticalLayout.show.videoControls li.elem:nth-child(4), ul.rrss.verticalLayout.show.videoControls li.elemMobile:nth-child(4) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
  top: -170px;
}

ul.rrss.verticalLayout.show a.whatapp li {
  top: 185px;
}

ul.rrss.verticalLayout.show li.elemMobile {
  opacity: 1;
}

ul.rrss.verticalLayout.show li.elemMobile:nth-child(1) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
  top: 16.5rem;
}

ul.rrss.verticalLayout.show li.elemMobile:nth-child(2) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s, color 0.35s ease-in, background 0.35s ease-in;
  top: 11rem;
}

ul.rrss.verticalLayout.show li.elemMobile:nth-child(3) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 5.5rem;
}

ul.rrss.verticalLayout.show li.elemMobile:nth-child(4) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 0rem;
}

ul.rrss.verticalLayout.show li.elem {
  opacity: 1;
}

ul.rrss.verticalLayout.show li.elem:nth-child(1) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
  top: 106px;
}

ul.rrss.verticalLayout.show li.elem:nth-child(2) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s, color 0.35s ease-in, background 0.35s ease-in;
  top: 57px;
}

ul.rrss.verticalLayout.show li.elem:nth-child(3) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 8px;
}

ul.rrss.verticalLayout.show li.elem:nth-child(4) {
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
  top: 8px;
}

/*MEDIA QUERIES*/
/* 
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 767px) {
  ul.rrss.horizontalLayout.hide li.elem, ul.rrss.horizontalLayout.hide li.elemMobile {
    top: -30px;
  }
  ul.rrss.horizontalLayout li.elem, ul.rrss.horizontalLayout li.elemMobile {
    padding: 0.5rem;
    margin: 1rem;
    margin-top: 1.5rem;
  }
  ul.rrss.horizontalLayout li.elem > i, ul.rrss.horizontalLayout li.elemMobile > i {
    font-size: 1.5rem;
  }
  ul.rrss.horizontalLayout li.elem:nth-child(3) > i, ul.rrss.horizontalLayout li.elemMobile:nth-child(3) > i {
    font-size: 2rem;
  }
  ul.rrss.verticalLayout {
    top: 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1024px) {
  .verticalLayout.show li.elemMobile {
    opacity: 1;
  }
  .verticalLayout.show li.elemMobile:nth-child(1) {
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.2s, color 0.35s ease-in, background 0.35s ease-in;
    top: 12rem !important;
  }
  .verticalLayout.show li.elemMobile:nth-child(2) {
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0.1s, color 0.35s ease-in, background 0.35s ease-in;
    top: 8rem !important;
  }
  .verticalLayout.show li.elemMobile:nth-child(3) {
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
    top: 4rem !important;
  }
  .verticalLayout.show li.elemMobile:nth-child(4) {
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out 0s, color 0.35s ease-in, background 0.35s ease-in;
    top: 0rem !important;
  }
}
.filledCircle {
  background: white;
  border-radius: 100%;
  border: 0.5rem solid #fff;
  position: relative;
  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;
}

.filledCircle .innerCircle {
  position: absolute;
  display: block;
  width: 0%;
  height: 0%;
  top: 0%;
  left: 0%;
  border-radius: 100%;
}

.filledCircle .text {
  color: white;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -1.75px;
  position: relative;
  z-index: 10;
}

.filledCircle .text .bigger {
  font-size: 3rem;
}

.filledCircle[data-percentage="0"] .innerCircle {
  width: 0%;
  height: 0%;
  top: 50%;
  left: 50%;
}

.filledCircle[data-percentage="1"] .innerCircle {
  width: 1%;
  height: 1%;
  top: 49.5%;
  left: 49.5%;
}

.filledCircle[data-percentage="2"] .innerCircle {
  width: 2%;
  height: 2%;
  top: 49%;
  left: 49%;
}

.filledCircle[data-percentage="3"] .innerCircle {
  width: 3%;
  height: 3%;
  top: 48.5%;
  left: 48.5%;
}

.filledCircle[data-percentage="4"] .innerCircle {
  width: 4%;
  height: 4%;
  top: 48%;
  left: 48%;
}

.filledCircle[data-percentage="5"] .innerCircle {
  width: 5%;
  height: 5%;
  top: 47.5%;
  left: 47.5%;
}

.filledCircle[data-percentage="6"] .innerCircle {
  width: 6%;
  height: 6%;
  top: 47%;
  left: 47%;
}

.filledCircle[data-percentage="7"] .innerCircle {
  width: 7%;
  height: 7%;
  top: 46.5%;
  left: 46.5%;
}

.filledCircle[data-percentage="8"] .innerCircle {
  width: 8%;
  height: 8%;
  top: 46%;
  left: 46%;
}

.filledCircle[data-percentage="9"] .innerCircle {
  width: 9%;
  height: 9%;
  top: 45.5%;
  left: 45.5%;
}

.filledCircle[data-percentage="10"] .innerCircle {
  width: 10%;
  height: 10%;
  top: 45%;
  left: 45%;
}

.filledCircle[data-percentage="11"] .innerCircle {
  width: 11%;
  height: 11%;
  top: 44.5%;
  left: 44.5%;
}

.filledCircle[data-percentage="12"] .innerCircle {
  width: 12%;
  height: 12%;
  top: 44%;
  left: 44%;
}

.filledCircle[data-percentage="13"] .innerCircle {
  width: 13%;
  height: 13%;
  top: 43.5%;
  left: 43.5%;
}

.filledCircle[data-percentage="14"] .innerCircle {
  width: 14%;
  height: 14%;
  top: 43%;
  left: 43%;
}

.filledCircle[data-percentage="15"] .innerCircle {
  width: 15%;
  height: 15%;
  top: 42.5%;
  left: 42.5%;
}

.filledCircle[data-percentage="16"] .innerCircle {
  width: 16%;
  height: 16%;
  top: 42%;
  left: 42%;
}

.filledCircle[data-percentage="17"] .innerCircle {
  width: 17%;
  height: 17%;
  top: 41.5%;
  left: 41.5%;
}

.filledCircle[data-percentage="18"] .innerCircle {
  width: 18%;
  height: 18%;
  top: 41%;
  left: 41%;
}

.filledCircle[data-percentage="19"] .innerCircle {
  width: 19%;
  height: 19%;
  top: 40.5%;
  left: 40.5%;
}

.filledCircle[data-percentage="20"] .innerCircle {
  width: 20%;
  height: 20%;
  top: 40%;
  left: 40%;
}

.filledCircle[data-percentage="21"] .innerCircle {
  width: 21%;
  height: 21%;
  top: 39.5%;
  left: 39.5%;
}

.filledCircle[data-percentage="22"] .innerCircle {
  width: 22%;
  height: 22%;
  top: 39%;
  left: 39%;
}

.filledCircle[data-percentage="23"] .innerCircle {
  width: 23%;
  height: 23%;
  top: 38.5%;
  left: 38.5%;
}

.filledCircle[data-percentage="24"] .innerCircle {
  width: 24%;
  height: 24%;
  top: 38%;
  left: 38%;
}

.filledCircle[data-percentage="25"] .innerCircle {
  width: 25%;
  height: 25%;
  top: 37.5%;
  left: 37.5%;
}

.filledCircle[data-percentage="26"] .innerCircle {
  width: 26%;
  height: 26%;
  top: 37%;
  left: 37%;
}

.filledCircle[data-percentage="27"] .innerCircle {
  width: 27%;
  height: 27%;
  top: 36.5%;
  left: 36.5%;
}

.filledCircle[data-percentage="28"] .innerCircle {
  width: 28%;
  height: 28%;
  top: 36%;
  left: 36%;
}

.filledCircle[data-percentage="29"] .innerCircle {
  width: 29%;
  height: 29%;
  top: 35.5%;
  left: 35.5%;
}

.filledCircle[data-percentage="30"] .innerCircle {
  width: 30%;
  height: 30%;
  top: 35%;
  left: 35%;
}

.filledCircle[data-percentage="31"] .innerCircle {
  width: 31%;
  height: 31%;
  top: 34.5%;
  left: 34.5%;
}

.filledCircle[data-percentage="32"] .innerCircle {
  width: 32%;
  height: 32%;
  top: 34%;
  left: 34%;
}

.filledCircle[data-percentage="33"] .innerCircle {
  width: 33%;
  height: 33%;
  top: 33.5%;
  left: 33.5%;
}

.filledCircle[data-percentage="34"] .innerCircle {
  width: 34%;
  height: 34%;
  top: 33%;
  left: 33%;
}

.filledCircle[data-percentage="35"] .innerCircle {
  width: 35%;
  height: 35%;
  top: 32.5%;
  left: 32.5%;
}

.filledCircle[data-percentage="36"] .innerCircle {
  width: 36%;
  height: 36%;
  top: 32%;
  left: 32%;
}

.filledCircle[data-percentage="37"] .innerCircle {
  width: 37%;
  height: 37%;
  top: 31.5%;
  left: 31.5%;
}

.filledCircle[data-percentage="38"] .innerCircle {
  width: 38%;
  height: 38%;
  top: 31%;
  left: 31%;
}

.filledCircle[data-percentage="39"] .innerCircle {
  width: 39%;
  height: 39%;
  top: 30.5%;
  left: 30.5%;
}

.filledCircle[data-percentage="40"] .innerCircle {
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
}

.filledCircle[data-percentage="41"] .innerCircle {
  width: 41%;
  height: 41%;
  top: 29.5%;
  left: 29.5%;
}

.filledCircle[data-percentage="42"] .innerCircle {
  width: 42%;
  height: 42%;
  top: 29%;
  left: 29%;
}

.filledCircle[data-percentage="43"] .innerCircle {
  width: 43%;
  height: 43%;
  top: 28.5%;
  left: 28.5%;
}

.filledCircle[data-percentage="44"] .innerCircle {
  width: 44%;
  height: 44%;
  top: 28%;
  left: 28%;
}

.filledCircle[data-percentage="45"] .innerCircle {
  width: 45%;
  height: 45%;
  top: 27.5%;
  left: 27.5%;
}

.filledCircle[data-percentage="46"] .innerCircle {
  width: 46%;
  height: 46%;
  top: 27%;
  left: 27%;
}

.filledCircle[data-percentage="47"] .innerCircle {
  width: 47%;
  height: 47%;
  top: 26.5%;
  left: 26.5%;
}

.filledCircle[data-percentage="48"] .innerCircle {
  width: 48%;
  height: 48%;
  top: 26%;
  left: 26%;
}

.filledCircle[data-percentage="49"] .innerCircle {
  width: 49%;
  height: 49%;
  top: 25.5%;
  left: 25.5%;
}

.filledCircle[data-percentage="50"] .innerCircle {
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}

.filledCircle[data-percentage="51"] .innerCircle {
  width: 51%;
  height: 51%;
  top: 24.5%;
  left: 24.5%;
}

.filledCircle[data-percentage="52"] .innerCircle {
  width: 52%;
  height: 52%;
  top: 24%;
  left: 24%;
}

.filledCircle[data-percentage="53"] .innerCircle {
  width: 53%;
  height: 53%;
  top: 23.5%;
  left: 23.5%;
}

.filledCircle[data-percentage="54"] .innerCircle {
  width: 54%;
  height: 54%;
  top: 23%;
  left: 23%;
}

.filledCircle[data-percentage="55"] .innerCircle {
  width: 55%;
  height: 55%;
  top: 22.5%;
  left: 22.5%;
}

.filledCircle[data-percentage="56"] .innerCircle {
  width: 56%;
  height: 56%;
  top: 22%;
  left: 22%;
}

.filledCircle[data-percentage="57"] .innerCircle {
  width: 57%;
  height: 57%;
  top: 21.5%;
  left: 21.5%;
}

.filledCircle[data-percentage="58"] .innerCircle {
  width: 58%;
  height: 58%;
  top: 21%;
  left: 21%;
}

.filledCircle[data-percentage="59"] .innerCircle {
  width: 59%;
  height: 59%;
  top: 20.5%;
  left: 20.5%;
}

.filledCircle[data-percentage="60"] .innerCircle {
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
}

.filledCircle[data-percentage="61"] .innerCircle {
  width: 61%;
  height: 61%;
  top: 19.5%;
  left: 19.5%;
}

.filledCircle[data-percentage="62"] .innerCircle {
  width: 62%;
  height: 62%;
  top: 19%;
  left: 19%;
}

.filledCircle[data-percentage="63"] .innerCircle {
  width: 63%;
  height: 63%;
  top: 18.5%;
  left: 18.5%;
}

.filledCircle[data-percentage="64"] .innerCircle {
  width: 64%;
  height: 64%;
  top: 18%;
  left: 18%;
}

.filledCircle[data-percentage="65"] .innerCircle {
  width: 65%;
  height: 65%;
  top: 17.5%;
  left: 17.5%;
}

.filledCircle[data-percentage="66"] .innerCircle {
  width: 66%;
  height: 66%;
  top: 17%;
  left: 17%;
}

.filledCircle[data-percentage="67"] .innerCircle {
  width: 67%;
  height: 67%;
  top: 16.5%;
  left: 16.5%;
}

.filledCircle[data-percentage="68"] .innerCircle {
  width: 68%;
  height: 68%;
  top: 16%;
  left: 16%;
}

.filledCircle[data-percentage="69"] .innerCircle {
  width: 69%;
  height: 69%;
  top: 15.5%;
  left: 15.5%;
}

.filledCircle[data-percentage="70"] .innerCircle {
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

.filledCircle[data-percentage="71"] .innerCircle {
  width: 71%;
  height: 71%;
  top: 14.5%;
  left: 14.5%;
}

.filledCircle[data-percentage="72"] .innerCircle {
  width: 72%;
  height: 72%;
  top: 14%;
  left: 14%;
}

.filledCircle[data-percentage="73"] .innerCircle {
  width: 73%;
  height: 73%;
  top: 13.5%;
  left: 13.5%;
}

.filledCircle[data-percentage="74"] .innerCircle {
  width: 74%;
  height: 74%;
  top: 13%;
  left: 13%;
}

.filledCircle[data-percentage="75"] .innerCircle {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
}

.filledCircle[data-percentage="76"] .innerCircle {
  width: 76%;
  height: 76%;
  top: 12%;
  left: 12%;
}

.filledCircle[data-percentage="77"] .innerCircle {
  width: 77%;
  height: 77%;
  top: 11.5%;
  left: 11.5%;
}

.filledCircle[data-percentage="78"] .innerCircle {
  width: 78%;
  height: 78%;
  top: 11%;
  left: 11%;
}

.filledCircle[data-percentage="79"] .innerCircle {
  width: 79%;
  height: 79%;
  top: 10.5%;
  left: 10.5%;
}

.filledCircle[data-percentage="80"] .innerCircle {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
}

.filledCircle[data-percentage="81"] .innerCircle {
  width: 81%;
  height: 81%;
  top: 9.5%;
  left: 9.5%;
}

.filledCircle[data-percentage="82"] .innerCircle {
  width: 82%;
  height: 82%;
  top: 9%;
  left: 9%;
}

.filledCircle[data-percentage="83"] .innerCircle {
  width: 83%;
  height: 83%;
  top: 8.5%;
  left: 8.5%;
}

.filledCircle[data-percentage="84"] .innerCircle {
  width: 84%;
  height: 84%;
  top: 8%;
  left: 8%;
}

.filledCircle[data-percentage="85"] .innerCircle {
  width: 85%;
  height: 85%;
  top: 7.5%;
  left: 7.5%;
}

.filledCircle[data-percentage="86"] .innerCircle {
  width: 86%;
  height: 86%;
  top: 7%;
  left: 7%;
}

.filledCircle[data-percentage="87"] .innerCircle {
  width: 87%;
  height: 87%;
  top: 6.5%;
  left: 6.5%;
}

.filledCircle[data-percentage="88"] .innerCircle {
  width: 88%;
  height: 88%;
  top: 6%;
  left: 6%;
}

.filledCircle[data-percentage="89"] .innerCircle {
  width: 89%;
  height: 89%;
  top: 5.5%;
  left: 5.5%;
}

.filledCircle[data-percentage="90"] .innerCircle {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
}

.filledCircle[data-percentage="91"] .innerCircle {
  width: 91%;
  height: 91%;
  top: 4.5%;
  left: 4.5%;
}

.filledCircle[data-percentage="92"] .innerCircle {
  width: 92%;
  height: 92%;
  top: 4%;
  left: 4%;
}

.filledCircle[data-percentage="93"] .innerCircle {
  width: 93%;
  height: 93%;
  top: 3.5%;
  left: 3.5%;
}

.filledCircle[data-percentage="94"] .innerCircle {
  width: 94%;
  height: 94%;
  top: 3%;
  left: 3%;
}

.filledCircle[data-percentage="95"] .innerCircle {
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
}

.filledCircle[data-percentage="96"] .innerCircle {
  width: 96%;
  height: 96%;
  top: 2%;
  left: 2%;
}

.filledCircle[data-percentage="97"] .innerCircle {
  width: 97%;
  height: 97%;
  top: 1.5%;
  left: 1.5%;
}

.filledCircle[data-percentage="98"] .innerCircle {
  width: 98%;
  height: 98%;
  top: 1%;
  left: 1%;
}

.filledCircle[data-percentage="99"] .innerCircle {
  width: 99%;
  height: 99%;
  top: 0.5%;
  left: 0.5%;
}

.filledCircle[data-percentage="100"] .innerCircle {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

@media (max-width: 767px) {
  .filledCircle .text {
    font-size: 1.5rem;
  }
  .filledCircle .text .bigger {
    font-size: 2.5rem;
  }
}
.mapContainer {
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  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;
}

.mapContainer .mapIcons {
  position: absolute;
  left: 32px;
  top: 130px;
  z-index: 7;
}

.mapContainer .mapIcons__list__item__btn {
  background: none;
  border: none;
  color: #FFFFFF;
  padding: 0;
  margin-bottom: 26px;
}

.mapContainer .mapIcons__list__item__btn:hover .mapIcons__list__item__btn__text, .mapContainer .mapIcons__list__item__btn:focus .mapIcons__list__item__btn__text {
  opacity: 1;
}

.mapContainer .mapIcons__list__item__btn--active .mapIcons__list__item__btn__icon {
  opacity: 0.5;
}

.mapContainer .mapIcons__list__item__btn__icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4375rem;
  position: relative;
  transition: opacity 600ms linear;
}

.mapContainer .mapIcons__list__item__btn__icon:before {
  display: block;
}

.mapContainer .mapIcons__list__item__btn__icon.icon-loop:after {
  content: "";
  border-radius: 100%;
  position: absolute;
  left: -3px;
  top: 25%;
  opacity: 0.7;
}

.mapContainer .mapIcons__list__item__btn__icon--blue:after {
  border: 4px solid #4a90e2;
}

.mapContainer .mapIcons__list__item__btn__icon--red:after {
  border: 4px solid #bc183a;
}

.mapContainer .mapIcons__list__item__btn__icon--yellow:after {
  border: 4px solid #d8b945;
}

.mapContainer .mapIcons__list__item__btn__icon.icon-linterna {
  font-size: 3rem;
  margin-left: -15px;
}

.mapContainer .mapIcons__list__item__btn__text {
  padding-left: 16px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 1s linear;
  font-family: "Muli-Regular";
}

.mapContainer .swiperInfo {
  z-index: 7;
}

.mapContainer .swiperInfo .swiper {
  z-index: 7;
  width: 100vw;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mapContainer .swiperInfo .swiper.wrapperArrow {
  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;
}

.mapContainer svg {
  z-index: 6;
  pointer-events: none;
}

.mapContainer svg .active {
  opacity: 0;
  stroke: #FFFFFF;
}

.mapContainer .cls-1 {
  fill: grey;
  transition: all 1s;
}

.mapContainer .cls-1.active {
  fill: #fff;
}

.mapContainer circle.st1 {
  fill: none;
  stroke: grey;
  stroke-miterlimit: 10;
  transition: all 1s;
}

.mapContainer circle.st1.active {
  opacity: 1;
  stroke: #FFFFFF;
  transition: all 0.2s;
}

.mapContainer polygon.st2 {
  fill: grey;
  transition: all 3.5s;
}

.mapContainer polygon.st2.active {
  stroke: #FFFFFF;
  opacity: 1;
  fill: #FFFFFF;
  transition: all 3.5s;
}

.mapContainer .st1 {
  fill: none;
  stroke: grey;
  stroke-width: 0.8912;
  stroke-miterlimit: 10;
  opacity: 0.5;
}

.mapContainer .st2 {
  fill: #FFFFFF;
}

.mapContainer .st3 {
  fill: none;
  stroke: grey;
  stroke-width: 0.891;
  stroke-miterlimit: 10;
  opacity: 0.5;
}

.mapContainer .st4 {
  fill: none;
}

.mapContainer .st5 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: grey;
}

.mapContainer .money {
  -webkit-animation-name: dinerito;
          animation-name: dinerito;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.mapContainer .textSvg {
  fill: #fff;
  font-family: "Muli-Regular";
}

@-webkit-keyframes dinerito {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateX(16deg);
            transform: rotateX(16deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@keyframes dinerito {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateX(16deg);
            transform: rotateX(16deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@media (max-width: 1350px) {
  .mapContainer svg {
    -webkit-transform: scale(0.8);
    transform: scale(0.6);
    margin-top: -160px;
  }
  .mapElements {
    -webkit-transform: scale(0.8);
    transform: scale(0.6);
    margin-top: -81px;
  }
}

@media (max-width: 1740px) {
  .mapContainer svg {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -88px;
  }
}

@media (max-height: 800px) {
  .mapContainer svg {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    margin-top: -160px;
  }
}

@media (max-height: 950px) {
  .mapContainer svg {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -164px;
  }
  .mapElements {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -70px;
  }
  .mapElements .mapElementsInside div p {
    font-size: 12px;
    margin-left: -9px;
    margin-top: -12px;
  }
}

@media (max-height: 970px) {
  .mapContainer svg {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -164px;
  }
  .mapElements {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -70px;
  }
}
.mapElements {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: absolute;
  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;
}

.mapElements .mapElementsInside {
  width: 892px;
  height: 649px;
  position: relative;
}

.mapElements .mapElementsInside div {
  height: 5rem;
  width: 5rem;
  border: 2px solid #0f9bff;
  border-radius: 50%;
  position: absolute;
  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;
  opacity: 0.4;
  transition: all 1s;
  cursor: pointer;
}

.mapElements .mapElementsInside div p {
  position: absolute;
  color: white;
  left: 6rem;
  opacity: 0;
}

.mapElements .mapElementsInside div.businessman {
  border: 2px solid #fada59;
}

.mapElements .mapElementsInside div.narrator {
  border: 2px solid #b21838;
}

.mapElements .mapElementsInside div:hover {
  border: 2px solid #fff;
  opacity: 1;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.mapElements .mapElementsInside div:hover p {
  opacity: 1;
}

.mapElements .mapElementsInside div.active {
  border: 2px solid #fff;
  opacity: 1;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.mapElements .mapElementsInside div.activeLink {
  opacity: 1;
}

.mapElements .mapElementsInside div img {
  position: relative;
  bottom: 0.6rem;
  width: 170%;
  height: auto;
}

.mapElements .mapElementsInside div.nestorKir {
  top: -10%;
  left: 6%;
}

.mapElements .mapElementsInside div.danielMunoz {
  top: 8%;
  left: 25%;
  /*p{
    			top: -3rem;
    		}*/
}

.mapElements .mapElementsInside div.cristinaKir {
  top: -12%;
  left: 45%;
}

.mapElements .mapElementsInside div.abalMed {
  top: 22%;
  left: 0%;
}

.mapElements .mapElementsInside div.deVi {
  top: 28%;
  left: 37%;
}

.mapElements .mapElementsInside div.joseLopez {
  top: 18%;
  left: 60%;
}

.mapElements .mapElementsInside div.ernestoCla {
  left: 76%;
  top: -2%;
}

.mapElements .mapElementsInside div.baratta {
  top: 50%;
  left: 24%;
}

.mapElements .mapElementsInside div.lazarte {
  top: 52%;
  left: 62%;
}

.mapElements .mapElementsInside div.hilda {
  top: 67%;
  left: -10%;
}

.mapElements .mapElementsInside div.centeno {
  top: 81%;
  left: 14%;
}

.mapElements .mapElementsInside div.bacigalupo {
  left: 41%;
  top: 77%;
}

.mapElements .mapElementsInside div.cabot {
  left: 63%;
  top: 78%;
}

.mapElements .mapElementsInside div.stornelli {
  left: 82%;
  top: 87%;
}

.mapElements .mapElementsInside div.bonadio {
  left: 100%;
  top: 74%;
}

.mapElements .mapElementsInside div.rocca {
  top: 44%;
  left: 94%;
}

.mapElements .mapElementsInside div.calcaterra {
  top: 24%;
  left: 108%;
}

.mapElements .mapElementsInside div.wagner {
  left: 99%;
  top: 0%;
}

@media (max-width: 1350px) {
  .mapElements {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    margin-top: -81px;
  }
  .mapElements .mapElementsInside div.hilda {
    top: 69%;
    left: -6%;
  }
  .mapElements .mapElementsInside div.centeno {
    top: 83%;
    left: 15%;
  }
}

@media (max-width: 1740px) {
  .mapElements {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -40px;
  }
}

@media (max-width: 1600px) and (max-height: 800px) {
  .mapElements {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    margin-top: -81px;
  }
}
.infoElementsContainer .infoElements {
  position: relative;
  bottom: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #407cc2;
  opacity: 0.8;
}

.infoElementsContainer .infoElementsInner {
  position: relative;
  bottom: 0;
  left: 0;
  min-height: 12rem;
  width: 100%;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.infoElementsContainer .infoElementsInner .infoText {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .image {
  width: 16rem;
  position: relative;
  bottom: 0;
  height: 100%;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .image img {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .info {
  width: 12.5vw;
  padding-top: 40px;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .info .name {
  color: #ffffff;
  font-family: "Muli-Black";
  font-size: 40px;
  font-size: 2.5rem;
  font-size: 2vw;
  letter-spacing: 1.45px;
  font-weight: 900;
  line-height: 1.1;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .info .job {
  color: #ffffff;
  font-family: "Muli-Regular";
  font-weight: normal;
  line-height: 1.3rem;
  font-size: 0.725rem;
  letter-spacing: 2.35px;
  text-transform: uppercase;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .info .dead {
  color: #ffffff;
  font-family: "Muli-Regular";
  font-weight: normal;
  line-height: 1.3rem;
  font-size: 0.875rem;
  letter-spacing: 2.35px;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .description {
  width: 36vw;
  padding-top: 40px;
  padding-left: 20px;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .description .title {
  color: #ffffff;
  letter-spacing: 1.36px;
  font-family: "Muli-Bold";
  font-size: 0.875rem;
  font-weight: 900;
  padding-bottom: 7px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .description .text {
  color: #ffffff;
  font-family: "Muli-Regular";
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 1.36px;
  line-height: 1.5;
}

.infoElementsContainer .infoElementsInner .infoText .contentInfo .description .swiper {
  width: auto;
  height: auto;
  position: relative;
  bottom: initial;
  left: initial;
}

.infoElementsContainer .infoElementsInner .infoText .btnAction {
  cursor: pointer;
}

.infoElementsContainer .infoElementsInner .infoAudio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 20px 0 30px;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio {
  background: none;
  border: 0;
  padding: 0;
  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;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio:focus {
  outline: none;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio span {
  font-size: 3.2rem;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio__text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio .audioText {
  font-size: 0.875rem;
  width: 66px;
  display: inline-block;
  text-align: left;
  padding-bottom: 14px;
}

.infoElementsContainer .infoElementsInner .infoAudio .btnAudio .audioTranscription {
  font-size: 0.625rem;
  font-family: "Muli-Regular";
  letter-spacing: 1.2px;
  background: none;
  border: none;
  padding: 0;
  color: #ffffff;
}

@media (max-width: 1600px) {
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .description .text {
    font-size: 0.8rem;
  }
}

@media (max-width: 1350px) {
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .image {
    width: 11rem;
  }
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .info {
    width: 16.5vw;
    padding-top: 0;
  }
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .info .name {
    font-size: 1.875rem;
  }
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .description {
    width: 41vw;
    padding-top: 0;
  }
  .infoElementsContainer .infoElementsInner .infoText .contentInfo .infoAudio {
    padding: 0 15px 0 15px;
  }
}
.card__head {
  padding-bottom: 28px;
}

.card__title {
  font-size: 2.85714rem;
  font-family: "Muli-Bold";
  color: #ffffff;
  font-weight: normal;
  padding-bottom: 2px;
}

.card__subTitle {
  font-size: 1.07143rem;
  font-family: "Muli-Regular";
  color: #4a90e2;
  letter-spacing: 1.2px;
}

.card__dead {
  font-size: 0.92857rem;
  font-family: "Muli-Regular";
  color: #ffffff;
  padding-top: 4px;
  letter-spacing: 1.2px;
}

.card__img {
  height: 9rem;
  width: 9rem;
  border: 2px solid #0f9bff;
  border-radius: 50%;
  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;
  transition: all 1s;
  margin: 0 auto;
  pointer-events: none;
}

.card__img__src {
  position: relative;
  bottom: 0.6rem;
  width: 170%;
  height: auto;
}

.card__audio__content {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card__audio__btnPlay {
  font-size: 1.71429rem;
  color: #ffffff;
  background: none;
  border: none;
  padding: 0;
  margin-right: 5px;
}

.card__audio__btnPlay__text {
  font-size: 1.07143rem;
  font-family: "Muli-Regular";
  letter-spacing: 0.9px;
  vertical-align: middle;
  padding-left: 10px;
}

.card__audio__btnPlay .icon {
  vertical-align: middle;
  display: inline-block;
}

.card__audio__btnPlay .icon:before {
  display: block;
}

.card__audio__btnTranscription {
  font-size: 1.07143rem;
  font-family: "Muli-Regular";
  letter-spacing: 0.9px;
  color: #ffffff;
  background: none;
  border: none;
  padding: 0;
}

.card__text {
  font-size: 1.07143rem;
  font-family: "Muli-Regular";
  color: #ffffff;
  line-height: 1.3;
}

.card__content__textParent {
  padding: 30px 0;
}

.card__content__textParent--hide .card__content__text {
  max-height: 190px !important;
  overflow: hidden;
}

.card__content__textParent__more {
  text-align: center;
  padding-top: 10px;
}

.card__content__textParent__more__btn {
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
}

.card__content__textParent__more__btn__icon {
  font-size: 2.28571rem;
}

.card__content__textParent__more__btn__icon:before {
  display: block;
}

.card__content__text {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  margin: 0;
  transition: max-height 1s linear;
  overflow: hidden;
}

.isMobile .card__title {
  line-height: 1.2;
}

.isTablet .card__content__text {
  max-height: initial !important;
}

.isTablet .card__content__textParent__more {
  display: none;
}
div.wrapperArrowMobile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

div.wrapperArrowMobile .swiper {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrapperArrow, .wrapperArrowMobile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapperArrow .swiper, .wrapperArrowMobile .swiper {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapperArrow .swiper .swiper, .wrapperArrowMobile .swiper .swiper {
  display: block;
}

.wrapperArrow .swiper__paginationMobile__btnArrows, .wrapperArrowMobile .swiper__paginationMobile__btnArrows {
  background: none;
  border: none;
  color: #ffffff;
  vertical-align: middle;
  font-size: 2.9375rem;
  padding: 10px;
}

.wrapperArrow .swiper__paginationMobile__btnArrows:focus, .wrapperArrowMobile .swiper__paginationMobile__btnArrows:focus {
  outline: 1px solid transparent;
}

.wrapperArrow .swiper__paginationMobile__btnArrows__icon.icon:before, .wrapperArrowMobile .swiper__paginationMobile__btnArrows__icon.icon:before {
  display: block;
  line-height: 12px;
}

.wrapperArrow .swiper__paginationMobile__arrow, .wrapperArrowMobile .swiper__paginationMobile__arrow {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 3.3125rem;
  outline: none;
}

.wrapperArrow .swiper__paginationMobile__arrow .icon:before, .wrapperArrowMobile .swiper__paginationMobile__arrow .icon:before {
  display: block;
}

.wrapperArrow .swiper__paginationMobile__arrow--left, .wrapperArrowMobile .swiper__paginationMobile__arrow--left {
  margin-left: 20px;
  left: 0;
  position: absolute;
  margin-top: 9rem;
  z-index: 1;
}

.wrapperArrow .swiper__paginationMobile__arrow--right, .wrapperArrowMobile .swiper__paginationMobile__arrow--right {
  margin-right: 20px;
  right: 0;
  position: absolute;
  margin-top: 9rem;
  z-index: 1;
}

.swiper__pagination {
  padding-top: 12px;
  text-align: center;
}

.swiper__pagination__btn {
  background: none;
  border: 0px;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  padding: 5px;
  margin: 0 5px;
}

.swiper__pagination__btn__dot {
  border-radius: 100%;
  border: 1px solid #ffffff;
  height: 0.5rem;
  width: 0.5rem;
  display: block;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.swiper__pagination__btn--active .swiper__pagination__btn__dot {
  border-width: 4px;
}

.swiper__pagination__btnArrows {
  background: none;
  border: none;
  color: #ffffff;
  vertical-align: middle;
  font-size: 2.9375rem;
  padding: 10px;
}

.swiper__pagination__btnArrows:focus {
  outline: 1px solid transparent;
}

.swiper__pagination__btnArrows__icon.icon:before {
  display: block;
  line-height: 12px;
}

.swiper__pagination2__arrow {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 3.3125rem;
  outline: none;
}

.swiper__pagination2__arrow .icon:before {
  display: block;
}

.swiper__pagination2__arrow--left {
  margin-left: 20px;
}

.swiper__pagination2__arrow--right {
  margin-right: 20px;
}

.swiper [data-swipeable="true"] {
  overflow: hidden !important;
}

@media (max-width: 1200px) {
  .swiper__pagination {
    padding-top: 5px;
  }
  .swiper__pagination2__arrow--left {
    margin-left: 0;
  }
  .swiper__pagination2__arrow--right {
    margin-right: 0;
  }
}
.accordion {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.accordion__item {
  background: #151515;
}

.accordion__item--active .accordion__item__head__btn__icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.accordion__item:nth-child(1) .card__img {
  border: 2px solid #b21838;
}

.accordion__item:nth-child(2) .card__img {
  border: 2px solid #0f9bff;
}

.accordion__item:nth-child(3) .card__img {
  border: 2px solid #fada59;
}

.accordion__item__head__title {
  font-size: 1.28571rem;
  font-family: "Muli-Regular";
  font-weight: normal;
  color: #ffffff;
  text-align: left;
}

.accordion__item__head__btn {
  display: block;
  width: 100%;
  position: relative;
  background: none;
  border: 0px;
  padding: 20px;
}

.accordion__item__head__btn__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  color: #ffffff;
  transition: -webkit-transform 800ms linear;
  transition: transform 800ms linear;
  transition: transform 800ms linear, -webkit-transform 800ms linear;
}

.accordion__item__head__btn__icon:before {
  display: block;
}

.accordion__item__body {
  display: none;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #151515), color-stop(100%, #1e1f20));
  background: linear-gradient(to bottom, #151515 0%, #1e1f20 100%);
}

.accordion__item__body__content {
  padding: 20px;
}
.front {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.front--secundary .front__parallax__background:before, .front--terciary .front__parallax__background:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.front--terciary .front__parallax__text {
  position: absolute;
  -webkit-animation: parallaxTextAnimation 1s linear;
          animation: parallaxTextAnimation 1s linear;
}

.front__content__primary {
  position: relative;
  width: 100vw;
  min-height: 101vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 5px;
}

.front__content__secundary {
  width: 100vw;
  min-height: 100vh;
  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;
  position: relative;
  padding-bottom: 1px;
}

.front__content__terciary {
  padding-bottom: 1px;
}

.front__content__head {
  padding-bottom: 90px;
  padding-left: 60px;
}

.front__content__title {
  color: #ffffff;
  font-size: 9.0625rem;
  font-weight: bold;
  font-family: "Eczar-Bold";
  letter-spacing: 1px;
}

.front__content__title__subtext {
  display: block;
}

.front__content__subTitle {
  font-family: "Muli-Bold";
  color: #ffffff;
  font-size: 1.8125rem;
  font-weight: bold;
  letter-spacing: 1px;
  width: 520px;
  padding-top: 10px;
  line-height: 1.3;
}

.front__content__text {
  color: #ffffff;
  width: 27vw;
  margin-left: 18vw;
}

.front__content__text__item {
  font-size: 1.0625rem;
  line-height: 1.9;
  padding-top: 38px;
}

.front__content__text__item:first-child {
  padding-top: 0;
}

.front__content__scroll {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-animation-name: scroll;
          animation-name: scroll;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.front__content__scroll__btn {
  border: none;
  background: none;
  color: #ffffff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 2.5625rem;
  padding: 0;
}

.front__content__scroll__btn i {
  display: block;
}

.front__content__scroll__btn i:before {
  display: block;
}

.front__content__buttons {
  padding-top: 25px;
}

.front__content__buttons__btn {
  font-size: 0.75rem;
  font-family: "Muli-Regular";
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 40px;
}

.front__content__buttons__btn:last-child {
  padding-right: 0;
}

.front__content__buttons__btn--documentary .front__content__buttons__btn__text {
  padding-left: 32px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE2LjlweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxNi45IDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjkgODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjhoMTYuOVYwSDB6IE0xNS45LDdoLTE1VjAuOWgxNVY3eiIvPgo8L3N2Zz4K) left 7px no-repeat;
  background-size: 20px;
}

.front__content__buttons__btn--proyect .front__content__buttons__btn__text {
  padding-left: 27px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE0LjVweCIgaGVpZ2h0PSIxNC41cHgiIHZpZXdCb3g9IjAgMCAxNC41IDE0LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0LjUgMTQuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03LjIsMTQuNWMtNCwwLTcuMi0zLjItNy4yLTcuMkMwLDMuMiwzLjIsMCw3LjIsMGM0LDAsNy4yLDMuMiw3LjIsNy4yQzE0LjUsMTEuMiwxMS4yLDE0LjUsNy4yLDE0LjV6CgkJCSBNNy4yLDAuOWMtMy41LDAtNi4zLDIuOC02LjMsNi4zczIuOCw2LjMsNi4zLDYuM3M2LjMtMi44LDYuMy02LjNTMTAuNywwLjksNy4yLDAuOXoiLz4KCTwvZz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iOCwxMC4yIDYuNSwxMC4yIDYuNSw5LjMgNi41LDcuMiA4LDcuMiAJIi8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNy4yLDQuNGMwLjUsMCwwLjksMC40LDAuOSwwLjlTNy43LDYuMiw3LjIsNi4yUzYuNCw1LjgsNi40LDUuM1M2LjgsNC40LDcuMiw0LjQiLz4KPC9nPgo8L3N2Zz4K) left bottom no-repeat;
}

.front__content__buttons__btn__text {
  padding-left: 8px;
  padding-top: 5px;
}

.front__parallax__background {
  position: fixed;
  z-index: -1;
  background: url(/cuadernos-coimas/dist/6b2cc77965a2a46d98dd08374384c605.jpg) center center no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.front__parallax__background:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 1s linear;
}

.front__parallax__background--active:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.front__parallax__text {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 35vw;
  right: 0;
}

.front__parallax__text__img {
  position: absolute;
  z-index: 1;
  background: url(/cuadernos-coimas/dist/7f36493dafec7f1c367920bad2f2a6bf.svg) no-repeat;
  background-size: cover;
  top: -20vh;
  bottom: -27vh;
  left: 0;
  right: -18vw;
  -webkit-transform: rotate(19deg);
          transform: rotate(19deg);
}

.front__parallax__text--active {
  position: absolute;
}

@-webkit-keyframes parallaxTextAnimation {
  0% {
    margin-top: 3px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes parallaxTextAnimation {
  0% {
    margin-top: 3px;
  }
  100% {
    margin-top: 0;
  }
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
  }
  100% {
    -webkit-transform: translate(0px, -20px);
            transform: translate(0px, -20px);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
  }
  100% {
    -webkit-transform: translate(0px, -20px);
            transform: translate(0px, -20px);
  }
}

.isMobile .front__content__secundary {
  min-height: auto;
  background: #151515;
  padding-top: 45px;
  padding-bottom: 110px;
}

.isMobile .front__content__secundary .front__content__scroll {
  bottom: 32px;
}

.isMobile .front__content__terciaryMobile {
  padding-top: 45px;
  background: #151515;
}

.isMobile .front__content__head {
  padding: 0 15px 15px 15px;
  margin: 0 0 135px 0;
}

.isMobile .front__content__title {
  line-height: 1;
  font-size: 3.8125rem;
}

.isMobile .front__content__subTitle {
  width: auto;
  font-size: 1.375rem;
  letter-spacing: 1px;
  line-height: 1.3;
}

.isMobile .front__content__textParent {
  padding: 40px 20px;
}

.isMobile .front__content__textParent--hide .front__content__text {
  max-height: 183px !important;
  overflow: hidden;
}

.isMobile .front__content__textParent__more {
  text-align: center;
  padding-top: 10px;
}

.isMobile .front__content__textParent__more__btn {
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
}

.isMobile .front__content__textParent__more__btn__icon {
  font-size: 2rem;
}

.isMobile .front__content__textParent__more__btn__icon:before {
  display: block;
}

.isMobile .front__content__text {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  margin: 0;
  transition: max-height 1s linear;
  overflow: hidden;
}

.isMobile .front__content__text__item {
  font-size: 1.0625rem;
  line-height: 1.5;
  margin: 0;
  padding-top: 20px;
}

.isMobile .front__content__text__item:first-child {
  padding-top: 0px;
}

.isMobile .front__content__scroll {
  bottom: 90px;
}

.isMobile .front__content__buttons {
  padding-top: 13px;
}

.isMobile .front__content__buttons__btn {
  font-size: 0.875rem;
  margin-right: 15px;
}

.isMobile .front__parallax__text {
  display: none;
}

.isTablet .front__content__textParent--hide .front__content__text {
  max-height: initial !important;
}

.isTablet .front__content__textParent__more {
  display: none;
}
.html--modalOpen {
  overflow: hidden;
}

.modal {
  color: white;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -100;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  transition: all 600ms linear;
}

.modal--open {
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal__dialog {
  width: 600px;
  padding: 20px;
}

.modal__content__title {
  font-size: 0.9375rem;
  font-family: "Muli-Bold";
  line-height: 1.4;
  padding-bottom: 3px;
  letter-spacing: 1.2px;
}

.modal__content__text {
  font-size: 0.75rem;
  font-family: "Muli-Regular";
  line-height: 1.4;
  margin-bottom: 24px;
  letter-spacing: 1.2px;
}

.modal__content__btn {
  font-size: 0.75rem;
  font-family: "Muli-Regular";
  letter-spacing: 1.2px;
  padding: 8px 15px;
  background: none;
  border: 1px solid white;
  color: white;
  margin: 0 auto;
  display: block;
}

.isMobile .modal__content__title {
  font-size: 1.0625rem;
  padding-bottom: 5px;
}

.isMobile .modal__content__text {
  font-size: 0.875rem;
}

.isMobile .modal__content__btn {
  font-size: 0.875rem;
}

.isMobile .modal__content__btn__text2 {
  display: none;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvY29tcG9uZW50cy9Nb2RhbC9tb2RhbFRleHQuc2NzcyJ9 */video::cue {
  opacity: 0 !important;
  width: 0rem !important;
}

video::-webkit-media-text-track-container {
  opacity: 0 !important;
  width: 0rem !important;
}

video::-webkit-media-text-track-background {
  opacity: 0 !important;
  width: 0rem !important;
}

video::-webkit-media-text-track-display {
  opacity: 0 !important;
  width: 0rem !important;
}

.videoContainer {
  position: relative;
  width: 90%;
  margin: 5vh 0;
}

.videoContainer.wrapperFull {
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  background: black;
}

.videoContainer.wrapperFull .r5-wraper {
  height: 100%;
  padding-top: 0;
}

.videoContainer.wrapperFull .r5-wraper video {
  width: 100%;
  height: auto;
  min-height: 100vh;
  min-width: 100vw;
}

.videoContainer.full {
  max-height: 100vh;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
}

.videoContainer.full .r5-seekbar-wraper {
  cursor: pointer;
  display: inline-block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.6rem;
  position: absolute;
  bottom: 0rem;
  left: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  transition: height 0.3s ease;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  width: 100%;
}

.videoContainer.full .r5-seekbar-wraper .r5-seekbar-loaded {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  background-color: transparent;
}

.videoContainer.full .r5-seekbar-wraper .r5-seekbar {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #eb4949;
  transition: width 0.1s;
}

.videoContainer.full .r5-wraper .r5-controls .r5-panel {
  display: none;
}

.videoContainer .customSubtitles {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 1;
  position: absolute;
  color: white;
  font-size: 1.5rem;
  padding: 1rem;
  width: 100%;
  left: 0;
  bottom: 5rem;
  text-align: center;
  font-family: 'SpaceGrotesk-Regular';
  pointer-events: none;
}

.videoContainer .customSubtitles.show {
  opacity: 1;
}

.videoContainer .videoExtraActive .customSubtitles, .videoContainer .challengeActive .customSubtitles {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 1;
  position: absolute;
  color: white;
  font-size: 1.7rem;
  padding: 1rem;
  width: calc( 100vw - 2rem);
  left: 0;
  bottom: 6.5rem;
  text-align: center;
  font-family: 'UniversLTStd';
}

.videoContainer .videoExtraActive .customSubtitles.show, .videoContainer .challengeActive .customSubtitles.show {
  opacity: 1;
}

.videoContainer .IIV::-webkit-media-controls-play-button,
.videoContainer .IIV::-webkit-media-controls-start-playback-button {
  opacity: 0;
  pointer-events: none;
  width: 5px;
}

.videoContainer .videoToFront {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8) !important;
  height: 100vh !important;
}

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

.videoContainer .r5-wraper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

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

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

.videoContainer .r5-wraper video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

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

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

.videoContainer .r5-wraper .r5-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .5s ease;
  opacity: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.videoContainer .r5-wraper .r5-overlay button {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.25vw;
  margin-top: -1.25vw;
  font-size: 2vw;
  color: white;
}

.videoContainer .r5-wraper .r5-overlay.toFront {
  opacity: 1;
}

.videoContainer .r5-wraper div.preroll {
  transition: visibility 0.400s, opacity 0.350s linear;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

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

.videoContainer .r5-wraper .iconPlay {
  font-size: 1.2rem !important;
  color: white;
  transition: all 0.3s ease;
  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;
}

.videoContainer .r5-wraper .iconPlay:hover {
  color: #ff674d;
}

.videoContainer .r5-wraper .r5-controls, .videoContainer .r5-wraper .r5-seekbar-wraper {
  cursor: pointer;
  width: 100%;
  height: 0.6rem;
}

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

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

.videoContainer .r5-wraper .r5-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 2rem;
  left: 0;
}

.videoContainer .r5-wraper .custom-pos {
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: middle;
  padding: 0;
  margin: 0 0.75vw;
  transition: all 0.3s;
}

.videoContainer .r5-wraper .custom-pos.activeSubtitle i {
  color: #ff674d;
  transition: all 0.3s;
}

.videoContainer .r5-wraper .custom-pos:hover {
  color: #ff674d;
  transition: all 0.3s;
}

.videoContainer .r5-wraper .custom-pos i:hover {
  color: #ff674d;
  transition: all 0.3s;
}

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

.videoContainer .r5-wraper .r5-timecode {
  display: none;
  font-size: 14px;
  margin: 0 0.75vw;
  position: relative;
  display: inline;
  font-family: 'RobotoLight';
  vertical-align: middle;
}

.videoContainer .r5-wraper .r5-seekbar-wraper {
  display: inline-block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.6rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  transition: height 0.3s ease;
}

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

.videoContainer .r5-wraper .r5-seekbar {
  background-color: #ff674d;
  transition: width 0.1s;
}

.videoContainer .r5-wraper .r5-seekbar-loaded {
  background-color: transparent;
}

.videoContainer .r5-wraper .r5-seekbar, .videoContainer .r5-wraper .r5-seekbar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.videoContainer .r5-wraper .r5-volume {
  display: inline-block;
  display: none;
  position: relative;
}

.videoContainer .r5-wraper .r5-volume .r5-volume-inner {
  position: absolute;
  left: 1.5vw;
  bottom: 3vw;
  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;
}

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

.videoContainer .r5-wraper .r5-volume input {
  position: absolute;
  top: 0;
  left: 0;
  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;
}

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

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

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

.videoContainer .r5-wraper .r5-fullscreen {
  margin: 0 0.75vw;
  display: none;
}

.videoContainer .r5-wraper .r5-subtitle {
  position: relative;
  display: inline-block;
  opacity: 0.8;
}

.videoContainer .r5-wraper .r5-subtitle i {
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.videoContainer .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;
}

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

.videoContainer .r5-wraper .r5-controls .r5-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.75vw;
  height: 0;
  transition: all 0.5s ease;
}

.videoContainer .r5-wraper .r5-controls .r5-panel div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.videoContainer .r5-wraper .r5-controls .r5-controls-wraper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
}

.videoContainer .r5-wraper .r5-controls .r5-controls-wraper span {
  color: #FFF;
  font-family: "SpaceGrotesk-Regular";
}

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

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

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

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

.videoContainer .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;
}

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

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

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

.videoContainer .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);
}

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

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

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

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

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

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

.videoContainer .r5-wraper.squareLayout .r5-controls-wraper .r5-subtitle, .videoContainer .r5-wraper.squareLayout .r5-controls-wraper .r5-volume, .videoContainer .r5-wraper.squareLayout .r5-controls-wraper .r5-fullscreen {
  display: inline-block !important;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: 1px solid white;
  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);
}

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

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

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

.videoContainer .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;
}

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

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

.videoContainer div.video {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  text-align: center;
  z-index: 0;
  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;
}

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

.videoContainer 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;
}

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

.videoContainer div.video:focus {
  outline: none;
}

.videoContainer .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;
}

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

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

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

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

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

/* iPads (landscape) ----------- */
@media only screen and (max-device-width: 1024px) {
  .customSubtitles {
    bottom: 5rem;
  }
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 2rem;
  }
  .r5-wraper .custom-pos {
    font-size: 1rem;
  }
  .r5-wraper .r5-fullscreen {
    font-size: 1.8rem;
  }
  .r5-wraper .r5-volume {
    display: none;
  }
}

@media (max-width: 1800px) {
  .videoContainer .customSubtitles {
    font-size: 1.1rem;
  }
}

@media (min-width: 1282px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 1rem;
  }
}

@media (max-width: 1281px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 15px;
  }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles 
  ##Screen = B/w to 767px
*/
@media (max-width: 767px) {
  .r5-wraper .custom-pos {
    font-size: 2rem;
  }
  .r5-wraper .r5-fullscreen {
    font-size: 2rem;
  }
  .r5-wraper .r5-overlay button {
    width: 5vw;
    height: 5vw;
    margin-left: -2.5vw;
    margin-top: -2.5vw;
    font-size: 2rem;
  }
  .r5-wraper .specialCircledPlay {
    font-size: 0.75rem !important;
    min-width: 2.5rem;
    min-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .videoContainer {
    width: 100%;
    margin: 0;
  }
  .videoContainer .r5-wraper {
    height: auto;
  }
  .videoContainer .r5-wraper video {
    min-height: unset !important;
  }
  .videoContainer .r5-wraper .r5-controls .r5-panel {
    padding: 0 0;
  }
  .videoContainer .r5-wraper .r5-seekbar-wraper {
    margin: 0 0;
    bottom: -1.2rem;
  }
  .videoContainer .r5-wraper .custom-pos {
    margin: 0 1.60vw;
  }
  .videoContainer .r5-wraper .r5-overlay button {
    font-size: 2.5rem !important;
  }
  .videoContainer.wrapperFull {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: black;
  }
  .videoContainer.wrapperFull .customSubtitles {
    padding: 0rem;
    width: 90%;
    margin: 5%;
  }
  .videoContainer.wrapperFull .r5-wraper {
    height: 12.8rem;
  }
}
.button {
  cursor: pointer;
}

.button.goDownHover {
  position: relative;
  padding: 1rem 10px;
  transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1);
}

.button.goDownHover:hover {
  color: black;
}

.button.goDownHover:hover:before {
  height: 100%;
}

.button.goDownHover: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);
}

.button.circle i {
  transition: all 350ms cubic-bezier(0, 0, 0.2, 1);
}

.button.circle.hoverBlack:hover i {
  background: white;
  color: black;
}

.button.circle.hoverBlue:hover i {
  background: white;
  color: #1eb0fc;
}

.button.oval {
  padding: 1rem 3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  border: 2px solid white;
  border-radius: 25px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  transition: all 300ms cubic-bezier(1, 0.4, 0.4, 1);
}

.button.oval.green {
  background: #22cac0;
  border: 2px solid #22cac0;
}

.button.oval.green:hover {
  background: white;
  border: 2px solid white;
  color: #22cac0;
}

.button.oval.transparent:hover {
  background: white;
  color: #1eb0fc;
}

.button.oval.translateAnim i {
  transition: all 350ms cubic-bezier(0, 0, 0.2, 1);
}

.button.oval.translateAnim:hover i {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.btnComponent {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  transition: opacity 300ms linear 2200ms;
}

.btnComponent.hide {
  opacity: 0;
  transition: opacity 300ms linear;
}

.btnComponent.leftPosition {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.btnComponent .btn {
  right: 0;
  border-radius: 50%;
  border: solid 2px #fff;
  cursor: pointer;
  transition: all 300ms;
  padding: 0;
  width: 3.8rem;
  height: 3.8rem;
}

.btnComponent .btn:hover {
  background: #fff;
  border: solid 2px #22cac0;
}

.btnComponent .btn:hover i {
  color: #22cac0;
}

.btnComponent .btn:hover + p {
  color: #22cac0;
}

.btnComponent .btn i {
  color: #fff;
  font-size: 1.7rem;
  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;
  width: 100%;
  height: 100%;
}

.btnComponent .btn i:before {
  line-height: 0;
}

.btnComponent p {
  color: #ffffff;
  font-family: "UniversLTStd-Bold";
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1rem;
  transition: all 300ms;
}

@media (max-width: 767px) {
  .btnComponent .btn {
    padding: 1.5rem;
  }
  .btnComponent .btn i {
    font-size: 1.5rem;
  }
}
@charset "UTF-8";
@font-face {
  font-family: 'UniversLTStd';
  src: url(/cuadernos-coimas/dist/45e3bd5f663bd2773f3d84450ca2c576.eot);
  src: url(/cuadernos-coimas/dist/45e3bd5f663bd2773f3d84450ca2c576.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/4a509a6e13da0ba66213c68340f5eec8.woff) format("woff"), url(/cuadernos-coimas/dist/8df4adce6d1fef25a283ef784bee2013.ttf) format("truetype"), url(/cuadernos-coimas/dist/09151930d6917366a241c4076347677b.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UniversLTStd-Bold';
  src: url(/cuadernos-coimas/dist/f8e9d49a622d8d7b5cf0e2cfb91655e9.eot);
  src: url(/cuadernos-coimas/dist/f8e9d49a622d8d7b5cf0e2cfb91655e9.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/17d5a222b23e2f9dcdf6898fab9289ec.woff) format("woff"), url(/cuadernos-coimas/dist/c32dcb2e8441b60a8f1e9ab0dec83fcf.ttf) format("truetype"), url(/cuadernos-coimas/dist/e8124ac2933f69fd107b0e910b42713b.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LoveStoryRough";
  src: url(/cuadernos-coimas/dist/85f4555775c85cd60c4a041a17d5369e.eot);
  src: url(/cuadernos-coimas/dist/85f4555775c85cd60c4a041a17d5369e.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/d790dce3316cf1ac40e509a6adfdccb7.woff) format("woff"), url(/cuadernos-coimas/dist/52207b68e55d87c6d3f2e2b621847a7f.ttf) format("truetype"), url(/cuadernos-coimas/dist/91241edf9940d2decf59d047f8088306.svg#LoveStoryRough) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Eczar-Bold';
  src: url(/cuadernos-coimas/dist/735aa7b3ce466faf926e6151fafb0109.eot);
  src: url(/cuadernos-coimas/dist/735aa7b3ce466faf926e6151fafb0109.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/10a0f3bffbff9ff1a4f6c1c7fe58738f.svg#Eczar-Bold) format("svg"), url(/cuadernos-coimas/dist/3ad61101c2f4a1d4485a73da9166bc79.ttf) format("truetype"), url(/cuadernos-coimas/dist/0210bb3cb7fd53faf9fe57da0b1bbc6c.woff) format("woff"), url(/cuadernos-coimas/dist/3c08811ca72e335e0b7aad9199dbc4b7.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Regular';
  src: url(/cuadernos-coimas/dist/4908281eb0a3bbb3ae8acff69dcd7d30.eot);
  src: url(/cuadernos-coimas/dist/4908281eb0a3bbb3ae8acff69dcd7d30.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/ef656c4bfe2ca274781cdb96def96f3b.svg#Muli-Regular) format("svg"), url(/cuadernos-coimas/dist/fb97ee428f6adac7544a68666458a6fd.ttf) format("truetype"), url(/cuadernos-coimas/dist/c32c7eb45204ad6dbf5b0b3978c3332b.woff) format("woff"), url(/cuadernos-coimas/dist/b74f1b6e1c499c48ce0cad87dbe81117.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Bold';
  src: url(/cuadernos-coimas/dist/29bac562b919777ea9e57f8f34181ba5.eot);
  src: url(/cuadernos-coimas/dist/29bac562b919777ea9e57f8f34181ba5.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/bc5c413dac16408ca922bf110b8fa080.svg#Muli-Bold) format("svg"), url(/cuadernos-coimas/dist/7c69734991305a339142b3935e5bbbd5.ttf) format("truetype"), url(/cuadernos-coimas/dist/609151f0d15791eab348bc9d25a85442.woff) format("woff"), url(/cuadernos-coimas/dist/89284a6e1a595354258fe09cf6370214.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Black';
  src: url(/cuadernos-coimas/dist/d801246b7cdaf34ae66b522c5d2b90d9.eot);
  src: url(/cuadernos-coimas/dist/d801246b7cdaf34ae66b522c5d2b90d9.eot?#iefix) format("embedded-opentype"), url(/cuadernos-coimas/dist/ba89222d7a7973973ddb6016ddf94b92.svg#Muli-Black) format("svg"), url(/cuadernos-coimas/dist/2506d78c15735eb5f5fc6d53f754d9d3.ttf) format("truetype"), url(/cuadernos-coimas/dist/7bd65473fc310c3e38a328effe481b2a.woff) format("woff"), url(/cuadernos-coimas/dist/f17e080355439a8c9c4cb40efb293c1f.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "cuadernos-coimas";
  src: url(/cuadernos-coimas/dist/86058903de33af046ab9fddb9b8dcdb8.eot);
  src: url(/cuadernos-coimas/dist/86058903de33af046ab9fddb9b8dcdb8.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(/cuadernos-coimas/dist/b793c2abbc0fb0a67cec7e95f368b633.svg#cuadernos-coimas) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "cuadernos-coimas" !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: "cuadernos-coimas" !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-share-1:before {
  content: "i";
}

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

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

.icon-arrow-left:before {
  content: "b";
}

.icon-arrow-pagination-left:before {
  content: "c";
}

.icon-arrow-right:before {
  content: "d";
}

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

.icon-repeat-audio:before {
  content: "f";
}

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

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

.icon-loop:before {
  content: "i";
}

.icon-arrow-pagination-right:before {
  content: "j";
}

.icon-pause-audio:before {
  content: "k";
}

.icon-play-audio:before {
  content: "l";
}

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

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

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

.icon-play-mobile:before {
  content: "p";
}

.icon-more:before {
  content: "q";
}

.icon-less:before {
  content: "r";
}

.icon-carbon:before {
  content: "s";
}

.icon-share-1:before {
  content: "t";
}

.icon-mute:before {
  content: "u";
}

.icon-sound:before {
  content: "v";
}

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

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

.icon-subs:before {
  content: "y";
}

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

.carousel-swap-leave {
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.carousel-swap-leave-active {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.carousel-swap-enter {
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translate(110%, 0);
          transform: translate(110%, 0);
}

.carousel-swap-enter-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.carousel-swap-height {
  transition: height 1s ease-in-out;
}

.fade-wait-leave {
  opacity: 1;
}

.fade-wait-leave.fade-wait-leave-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}

.fade-wait-enter {
  opacity: 0;
}

.fade-wait-enter.fade-wait-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  transition: opacity 500ms ease-in 650ms;
}

.fade-wait-height {
  transition: height 650ms ease-in-out, width .5s ease-in-out, top .5s ease-in-out;
}

.fade-wait-home-leave {
  opacity: 1;
}

.fade-wait-home-leave.fade-wait-home-leave-active {
  opacity: 0;
  transition: opacity 400ms ease-in;
}

.fade-wait-home-enter {
  opacity: 0;
}

.fade-wait-home-enter.fade-wait-home-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  transition: opacity 400ms ease-in 400ms;
}

/*.fade-wait-home-height {
  transition: height 650ms ease-in-out, width .5s ease-in-out, top .5s ease-in-out;
}
*/
.cross-fade-leave {
  opacity: 1;
}

.cross-fade-leave.cross-fade-leave-active {
  opacity: 0;
  transition: opacity 1s ease-in;
}

.cross-fade-enter {
  opacity: 0;
}

.cross-fade-enter.cross-fade-enter-active {
  opacity: 1;
  transition: opacity 1s ease-in;
}

.cross-fade-height {
  transition: height .5s ease-in-out;
}

/***************** MENÚ *****************/
@-webkit-keyframes showsSlideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes showsSlideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* CERRAR MENÚ */
@-webkit-keyframes showsSlideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes showsSlideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

/* MOSTRAR NOMBRES MENÚ */
@-webkit-keyframes showTitle {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showTitle {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes showsBg {
  0% {
    background: #00000000;
  }
  100% {
    background: black;
  }
}

@keyframes showsBg {
  0% {
    background: #00000000;
  }
  100% {
    background: black;
  }
}

html {
  font-size: 16px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  font-family: 'UniversLTStd';
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body .view .content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body div.rotateDevice {
  display: none;
}

body i.circle {
  border: 2px solid white;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  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: 1.4rem;
  color: white;
}

body .bold {
  font-family: "UniversLTStd-Bold";
  font-weight: 700;
}

body .regular {
  font-family: "UniversLTStd";
}

#content {
  height: 100%;
}

#content .app {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

#content .app .view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

a {
  text-decoration: none;
  color: white;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: none;
}

a:focus, input:focus, textarea:focus {
  outline: none;
}

@media (max-width: 1024px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 13px;
  }
}

body.home {
  height: 100%;
  overflow-y: auto;
}

body.home .transitionContainer-home {
  position: absolute !important;
  top: 0rem !important;
  left: 0rem !important;
  width: 100% !important;
  height: 100%;
  overflow: visible !important;
}

body.home .transitionContainer-home > span {
  height: 100%;
}

:focus {
  outline: 0px;
}

.isMobile.home {
  background: #151515;
}

@media (max-aspect-ratio: 15 / 9) and (min-width: 1025px), (max-height: 767px) and (min-width: 1025px) {
  body.home {
    overflow-x: hidden;
  }
  body.home .transitionContainer-home {
    height: auto;
  }
  body.home .transitionContainer-home .view {
    height: auto !important;
  }
}

@media (max-width: 1023px) and (orientation: landscape) {
  body.home {
    overflow-y: initial;
  }
  body.home #content {
    height: 100%;
  }
}

@media (max-width: 620px) and (orientation: landscape) {
  body.home div.transitionContainer-home {
    height: auto !important;
  }
}

@media (min-width: 621px) and (max-width: 850px) and (orientation: landscape) {
  body.home div.transitionContainer-home {
    height: auto !important;
  }
}

@media (min-width: 371px) and (max-width: 460px) and (orientation: portrait) {
  body.home {
    overflow-y: initial;
  }
  body.home #content {
    height: 100%;
  }
}

@media (min-width: 461px) and (max-width: 768px) and (orientation: portrait) {
  body.home {
    overflow-y: initial;
  }
  body.home #content {
    height: 100%;
  }
}

@media (max-width: 1366px) and (min-width: 769px) and (orientation: portrait) {
  body.home {
    overflow-y: initial;
  }
  body.home #content {
    height: 100%;
  }
}

@media (max-width: 370px) and (orientation: portrait) {
  body.home {
    overflow-y: initial;
  }
  body.home #content {
    height: 100%;
  }
}

body.about {
  font-family: 'UniversLTStd';
  color: #FFF;
  width: 100vw;
  height: auto;
}

body.about .main {
  height: auto !important;
}

body.about .main .mainContent {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 4.5rem;
}

body.about .main .mainContent .topContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  box-sizing: border-box;
  width: 100vw;
  height: auto;
  margin: 2rem 0;
}

body.about .main .mainContent .topContainer .rightContainer, body.about .main .mainContent .topContainer .leftContainer {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.about .main .mainContent .topContainer .leftContainer .description {
  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;
  width: 60%;
}

body.about .main .mainContent .topContainer .leftContainer .description h1 {
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

body.about .main .mainContent .topContainer .leftContainer .description p {
  margin-bottom: 2rem;
}

body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
  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;
  width: 35%;
  height: 100%;
}

body.about .main .mainContent .topContainer .leftContainer .avatarContainer .avatar {
  background-position: center center;
  width: 75%;
  height: 70%;
  background-size: contain;
  background-repeat: no-repeat;
}

body.about .main .mainContent .topContainer .leftContainer {
  width: 60%;
}

body.about .main .mainContent .topContainer .rightContainer .quizContainer {
  position: absolute;
  top: -7rem;
  right: 0;
  background-size: cover;
  background-position: center 20%;
  height: auto;
  border-bottom-left-radius: 100px;
  padding: 5rem;
  width: 30%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.about .main .mainContent .topContainer .rightContainer .quizContainer h1, body.about .main .mainContent .topContainer .rightContainer .quizContainer p {
  width: 70%;
}

body.about .main .mainContent .topContainer .rightContainer .quizContainer h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

body.about .main .mainContent .topContainer .rightContainer .quizContainer p {
  font-size: 1.2rem;
  margin-bottom: 3rem;
}

body.about .main .mainContent .topContainer .rightContainer .quizContainer .button {
  width: 25%;
}

body.about .main .mainContent .credits {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  box-sizing: border-box;
}

body.about .main .mainContent .credits .credit {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
  border-top: solid 1px rgba(151, 151, 151, 0.5);
  padding-top: 0.8rem;
  margin: 0 5rem 3.2rem 0;
}

body.about .main .mainContent .credits .credit .creditTitle {
  color: #979797;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

body.about .main .mainContent .credits .credit .creditName {
  font-size: 1rem;
}

body.about .main .mainContent .credits .credit .creditName a {
  color: #FFF;
  transition: all 1s;
}

body.about .main .mainContent .credits .credit .creditName a:hover {
  color: #22cac0;
}

body.about .main .mainContent .aboutFooter {
  display: block;
  box-sizing: border-box;
  font-size: 3rem;
  width: 100%;
  padding: 3rem 0;
}

body.about .main .mainContent .aboutFooter a {
  color: #FFF;
  transition: 1s all;
}

body.about .main .mainContent .aboutFooter a:hover {
  color: #979797;
  transition: 1s all;
}

@media (max-width: 767px) and (orientation: portrait) {
  body.about .main .mainContent {
    padding: 0 1rem 3rem 1rem;
  }
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100vw;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 100%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    display: none;
  }
  body.about .main .mainContent .credits .credit {
    width: 44%;
    margin: 0 1rem 4rem 0;
  }
}

@media (max-width: 1023px) and (orientation: landscape) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100vw;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 50%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    width: 46%;
    height: 100%;
  }
  body.about .main .mainContent .credits .credit {
    width: 44%;
    margin: 0 1rem 4rem 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    width: 71%;
    height: 100%;
  }
  body.about .main .mainContent .credits .credit {
    width: 44%;
    margin: 0 1rem 4rem 0;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100vw;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 80%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    width: 84%;
    height: 100%;
  }
  body.about .main .mainContent .credits .credit {
    width: 44%;
    margin: 0 1rem 4rem 0;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  body.about .main .mainContent {
    padding: 2rem 2rem 3rem 2rem;
  }
  body.about .main .mainContent .topContainer {
    width: 100%;
    height: auto;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    padding-bottom: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 100%;
    margin-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    width: 30%;
    height: 100%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer .avatar {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
  body.about .main .mainContent .topContainer {
    width: 100%;
    height: 32vh;
  }
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100%;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 100%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer {
    display: none;
  }
  body.about .main .mainContent .credits .credit {
    width: 30%;
    margin: 0 5% 4rem 0;
  }
  body.about .main .mainContent .credits .credit:nth-child(3n+3) {
    margin: 0 0 4rem 0 !important;
  }
}

@media (min-width: 321px) and (max-width: 1024px) and (orientation: landscape) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100%;
    padding-right: 2rem;
    /*.description {
				width: 50%;
			}*/
    /*.avatarContainer .avatar {
				width: 52%;
				height: 100%;
			}*/
  }
}

@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100vw;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 37%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer .avatar {
    width: 45%;
    height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  body.about .main .mainContent .topContainer .rightContainer {
    display: none;
  }
  body.about .main .mainContent .topContainer .leftContainer {
    width: 100vw;
    padding-right: 2rem;
  }
  body.about .main .mainContent .topContainer .leftContainer .description {
    width: 60%;
  }
  body.about .main .mainContent .topContainer .leftContainer .avatarContainer .avatar {
    width: 34%;
    height: 100%;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.about .headerApp {
  background: black;
  background: linear-gradient(to bottom, black 0%, rgba(19, 19, 19, 0) 100%);
}

div.about {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url(/cuadernos-coimas/dist/6b2cc77965a2a46d98dd08374384c605.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 6vw 8vw 0;
  position: relative;
}

div.about:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

div.about .about-content {
  z-index: 3;
}

div.about .aboutVideo .videoContainer {
  position: relative;
  width: 65%;
  margin: 5rem 17.5%;
  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;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

div.about.launchAnimation .twinContainer .leftContainer,
div.about.launchAnimation .twinContainer .rightContainer {
  -webkit-animation-name: elementAppear;
          animation-name: elementAppear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

div.about.launchAnimation .creditsLab .credit, div.about.launchAnimation .creditsPortada .credit {
  -webkit-animation-name: elementAppear;
          animation-name: elementAppear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

div.about .title, div.about .twinContainer, div.about .creditsLab, div.about .creditsPortada, div.about .subtitle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  height: auto;
  margin-bottom: 7vh;
}

div.about .title h1,
div.about .title h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  color: #ffffff;
  font-size: 4.5rem;
  font-family: "Muli-Bold";
  font-weight: 700;
  letter-spacing: -3px;
}

div.about .subtitle {
  width: 100%;
  color: #FFF;
  font-family: "Muli-Regular";
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.83px;
}

div.about .subtitle p {
  width: 100%;
  margin-bottom: 2vh;
}

div.about .subtitle hr {
  border-top: solid 1px #FFF;
  opacity: 0.3;
  width: 83%;
}

div.about .creditsLab, div.about .creditsPortada {
  width: 80%;
}

div.about .twinContainer .leftContainer,
div.about .twinContainer .rightContainer {
  width: 50%;
  height: auto;
  padding-right: 15vw;
  font-family: "Muli-Regular";
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  opacity: 0;
}

div.about .twinContainer .leftContainer {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

div.about .twinContainer .rightContainer {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

div.about .creditsLab .credit, div.about .creditsPortada .credit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33%;
  height: auto;
  text-transform: uppercase;
  margin-bottom: 5vh;
  opacity: 0;
}

div.about .creditsLab .credit .job, div.about .creditsPortada .credit .job {
  font-family: "Muli-Regular";
  width: 100%;
  color: #f5f7f3;
  letter-spacing: 0.65px;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.4;
  margin-bottom: 3vh;
}

div.about .creditsLab .credit .name, div.about .creditsPortada .credit .name {
  font-family: "Muli-Regular";
  width: 100%;
  color: #FFF;
  letter-spacing: 0.81px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 1.5vw;
}

div.about .creditsLab div:nth-child(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

div.about .creditsLab div:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

div.about .creditsLab div:nth-child(3) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

div.about .creditsLab div:nth-child(4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

div.about .creditsLab div:nth-child(5) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}

div.about .creditsLab div:nth-child(6) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}

div.about .creditsLab div:nth-child(7) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}

div.about .creditsLab div:nth-child(8) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}

div.about .creditsLab div:nth-child(9) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

div.about .creditsLab div:nth-child(10) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
}

div.about .creditsLab div:nth-child(11) {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}

div.about .creditsLab div:nth-child(12) {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}

div.about .creditsLab div:nth-child(13) {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
}

div.about .creditsLab div:nth-child(14) {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

div.about .creditsLab div:nth-child(15) {
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
}

div.about .creditsLab div:nth-child(16) {
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}

div.about .creditsLab div:nth-child(17) {
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}

div.about .creditsLab div:nth-child(18) {
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}

div.about .creditsLab div:nth-child(19) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

div.about .creditsLab div:nth-child(20) {
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}

div.about .creditsLab div:nth-child(21) {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}

div.about .creditsLab div:nth-child(22) {
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}

div.about .creditsPortada div:nth-child(1) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}

div.about .creditsPortada div:nth-child(2) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

div.about .creditsPortada div:nth-child(3) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

div.about .creditsPortada div:nth-child(4) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

div.about .creditsPortada div:nth-child(5) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

div.about .creditsPortada div:nth-child(6) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

div.about .creditsPortada div:nth-child(7) {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

div.about .creditsPortada div:nth-child(8) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

div.about .creditsPortada div:nth-child(9) {
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}

div.about .creditsPortada div:nth-child(10) {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

div.about .creditsPortada div:nth-child(11) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

div.about .creditsPortada div:nth-child(12) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

div.about .creditsPortada div:nth-child(13) {
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}

div.about .creditsPortada div:nth-child(14) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}

div.about .creditsPortada div:nth-child(15) {
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
}

div.about .aboutFooter {
  width: 100%;
  margin-top: -3vh;
}

div.about .aboutFooter .iconsTitle {
  font-family: "Muli-Regular";
  width: 100%;
  color: #f5f7f3;
  letter-spacing: 0.65px;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.4;
  margin-bottom: 3vh;
}

div.about .aboutFooter .iconsContainer {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 4vh 0 6vh;
}

div.about .aboutFooter .iconsContainer i {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-size: 3.5rem;
  margin-right: 2vw;
}

.btn-back {
  width: 3rem;
  height: 3rem;
  font-size: 0.9rem;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 100%;
  background: black;
  color: white;
  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;
  transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-back:hover, .btn-back:focus {
  background: white;
  color: black;
}

.btn-back--absolute {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 3;
}

@media (max-width: 550px) and (orientation: portrait) {
  div.about .aboutVideo {
    margin-top: 6rem;
  }
  div.about .aboutVideo .videoContainer {
    position: relative;
    width: 100%;
    margin: 0;
    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;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media (max-width: 850px) {
  div.about .title {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  div.about .title h1 {
    margin-bottom: 0;
    font-size: 3rem;
  }
  div.about .title h2 {
    font-size: 3rem;
  }
  div.about .twinContainer {
    margin-bottom: 3vh;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div.about .twinContainer .leftContainer, div.about .twinContainer .rightContainer {
    width: 100%;
    margin-bottom: 1rem;
    padding-right: 0;
  }
  div.about .creditsLab {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  div.about .creditsLab .credit {
    width: 100%;
  }
  div.about .creditsLab .credit .name {
    padding-left: 8.5vw;
  }
  div.about .creditsPortada {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  div.about .creditsPortada .credit {
    width: 100%;
  }
  div.about .creditsPortada .credit .name {
    padding-left: 8.5vw;
  }
  div.about .aboutFooter .iconsContainer {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

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

@keyframes elementAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.documentary.isMobile .icon-mute {
  display: none;
}