.preload {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100%;
  z-index: 100;
  opacity: 1;
}

.preload:after {
  content: '';
  width: 105vw;
  height: 115vh;
  position: absolute;
  display: block;
  left: -3vw;
  top: -7vh;
  background: url(/descenso-mina-clandestina/dist/26a3b75775ca2bb8b91ddee66ce5c9e5.jpg);
  background-position: center center;
  background-size: cover;
  z-index: -1;
  -webkit-animation: backgroundAnimation linear 8s;
          animation: backgroundAnimation linear 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.preload.hide {
  opacity: 0;
  pointer-events: none;
  transition: all 3s;
}

.hammerCoal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  height: auto;
  position: relative;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.hammerCoal .svgContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 700px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.hammerCoal .hammer {
  position: relative;
  left: 0.5rem;
  bottom: -2rem;
  -webkit-animation: hammerRotation ease-in 3s;
          animation: hammerRotation ease-in 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.hammerCoal .coal {
  position: relative;
  left: -0.5rem;
  bottom: -4.5rem;
}

.hammerCoal .lettersLoad {
  width: 100%;
  margin-top: 4.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hammerCoal .lettersLoad img {
  margin-left: 0.5rem;
}

.hammerCoal .lettersLoad img:nth-child(1) {
  -webkit-animation: elementAppear ease-in 1.4s infinite;
          animation: elementAppear ease-in 1.4s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(2) {
  -webkit-animation: elementAppear ease-in 1.8s infinite;
          animation: elementAppear ease-in 1.8s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(3) {
  -webkit-animation: elementAppear ease-in 2.2s infinite;
          animation: elementAppear ease-in 2.2s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(4) {
  -webkit-animation: elementAppear ease-in 2.6s infinite;
          animation: elementAppear ease-in 2.6s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(5) {
  -webkit-animation: elementAppear ease-in 3s infinite;
          animation: elementAppear ease-in 3s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(6) {
  -webkit-animation: elementAppear ease-in 3.4s infinite;
          animation: elementAppear ease-in 3.4s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(7) {
  -webkit-animation: elementAppear ease-in 3.8s infinite;
          animation: elementAppear ease-in 3.8s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal .lettersLoad img:nth-child(8) {
  -webkit-animation: elementAppear ease-in 4.2s infinite;
          animation: elementAppear ease-in 4.2s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.hammerCoal blockquote {
  width: 600px;
  height: 54px;
  color: #ffffff;
  font-family: "SpaceGrotesk-Regular";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-transform: uppercase;
  letter-spacing: 3.23px;
  text-align: center;
  margin: 4vh 0 3vh;
  -webkit-animation: elementAppear ease-in 6s;
          animation: elementAppear ease-in 6s;
}

.hammerCoal .quoteAuthor {
  width: 600px;
  height: 29px;
  opacity: 0.37;
  color: #FFF;
  font-family: "SpaceGrotesk-Regular";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  letter-spacing: 9.23px;
  -webkit-animation: elementAppear ease-in 6s;
          animation: elementAppear ease-in 6s;
}

@media (max-width: 768px) and (orientation: portrait) {
  .preload:after {
    width: 120vw;
    height: 115vh;
    left: -14vw;
  }
  .preload .hammerCoal blockquote, .preload .hammerCoal .quoteAuthor {
    width: 100vw;
    height: auto;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .preload:after {
    width: 110vw;
    left: -6vw;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .preload {
    display: none;
  }
}

@-webkit-keyframes hammerRotation {
  0% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  20% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  36% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  52% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  68% {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  84% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  100% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}

@keyframes hammerRotation {
  0% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  20% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  36% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  52% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  68% {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  84% {
    -webkit-transform: rotate(32deg);
            transform: rotate(32deg);
  }
  100% {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}

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

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

@-webkit-keyframes backgroundAnimation {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(-1deg);
            transform: translate3d(0px, 0px, 0px) rotate(-1deg);
  }
  25% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(0deg);
            transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(2deg);
            transform: translate3d(0px, 0px, 0px) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(3deg);
            transform: translate3d(0px, 0px, 0px) rotate(3deg);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(4deg);
            transform: translate3d(0px, 0px, 0px) rotate(4deg);
  }
}

@keyframes backgroundAnimation {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(-1deg);
            transform: translate3d(0px, 0px, 0px) rotate(-1deg);
  }
  25% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(0deg);
            transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(2deg);
            transform: translate3d(0px, 0px, 0px) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(3deg);
            transform: translate3d(0px, 0px, 0px) rotate(3deg);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(4deg);
            transform: translate3d(0px, 0px, 0px) rotate(4deg);
  }
}
.controlsPage {
  color: #FFF;
  position: absolute;
  left: 0;
  top: 5vh;
  width: 4vw;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}

.controlsPage span {
  margin-bottom: 5vh;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: opacity 0.3s;
}

.controlsPage span:hover {
  opacity: 0.5;
  transition: opacity 0.3s;
}

@media (max-width: 768px) and (orientation: portrait) {
  .controlsPage {
    top: 2.5vh;
    right: 4.5vw;
    left: unset;
  }
  .controlsPage .fullScreenIcon {
    display: none !important;
  }
  .controlsPage span:hover {
    opacity: 1;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .controlsPage {
    top: 6rem;
    left: 1rem;
  }
}
.svgDrawComponent {
  width: 100%;
  height: 100%;
  font-size: 3rem;
  background: lightgrey;
}

.svgDrawComponent .panel {
  position: relative;
  height: 100%;
  width: 100%;
  background-image: url("/descenso-mina-clandestina/media/image/mapBg.jpg");
  background-size: cover;
}

.svgDrawComponent .panel:nth-of-type(even) {
  background-color: red;
}

.svgDrawComponent .panel .howTo {
  width: 16rem;
  height: auto;
  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;
  padding: 1rem;
  position: absolute;
  bottom: 27rem;
  left: 5rem;
  border-radius: 1.1rem;
  border: solid 1px rgba(255, 255, 255, 0.29);
  z-index: 2;
}

.svgDrawComponent .panel .howTo img {
  width: 2.5rem;
  height: auto;
}

.svgDrawComponent .panel .howTo p {
  color: #FFF;
  font-family: "SpaceGrotesk-Bold";
  font-size: 0.9rem;
  margin-left: 0.5rem;
}

.svgDrawComponent .panel .modalMap {
  width: 42rem;
  height: auto;
  opacity: 0;
  z-index: 1;
  right: 10%;
  top: 10%;
  position: absolute;
  transition: opacity 0.5s;
}

.svgDrawComponent .panel .modalMap .modalTextPart p {
  opacity: 0;
  transition: all 0.5s;
}

.svgDrawComponent .panel .modalMap .modalTextPart.show p {
  opacity: 1;
  transition: all 0.5s 0.5s;
}

.svgDrawComponent .panel .modalMap p {
  color: #ffffff;
  font-family: "SpaceGrotesk-Regular";
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 0rem;
  padding-right: 4rem;
  letter-spacing: -0.1px;
}

.svgDrawComponent .panel .modalMap.show {
  opacity: 1;
}

.svgDrawComponent .panel .modalMap div.titleSection {
  border-bottom: 2px solid #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0rem;
}

.svgDrawComponent .panel .modalMap div.titleSection .bolita {
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e2e2e2;
  border-radius: 50%;
  transition: all 0.5s;
}

.svgDrawComponent .panel .modalMap div.titleSection .bolita .innerBolita {
  border-radius: 50%;
  height: 0.5rem;
  width: 0.5rem;
  background: #eb4949;
}

.svgDrawComponent .panel .modalMap div.titleSection h2 {
  background-color: #eb4949;
  width: auto;
  color: #ffffff;
  font-size: 1.1rem;
  padding: 0.5rem 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-family: "SpaceGrotesk-Bold";
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.svgDrawComponent .panel .modalMap div.titleSection h2 span {
  display: block;
  position: relative;
  min-width: 0.32rem;
}

.svgDrawComponent .svgPath {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.svgDrawComponent .svgPath svg {
  width: 100%;
  height: 100%;
}

.svgDrawComponent .svgPath svg .st0 {
  opacity: 0.65;
  fill: #7C7C7C;
  enable-background: new;
}

.svgDrawComponent .svgPath svg .st1 {
  fill: #FFFFFF;
}

.svgDrawComponent .svgPath svg .st1New {
  fill: #FFFFFF;
  pointer-events: none;
}

.svgDrawComponent .svgPath svg .st2 {
  fill: #FFFFFF;
  stroke: #EB4949;
  stroke-width: 2;
}

.svgDrawComponent .svgPath svg .st3 {
  fill: #EB4949;
}

.svgDrawComponent .svgPath svg .st4 {
  fill: #651616;
  stroke: #EB4949;
  stroke-width: 2;
}

.svgDrawComponent .svgPath svg .pointerClass {
  cursor: pointer;
}

.svgDrawComponent .svgPath svg .pointerClass.pulse {
  margin: 100px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(235, 73, 73, 0.4);
  -webkit-animation: pulse 4s infinite;
          animation: pulse 4s infinite;
}

.svgDrawComponent .svgPath svg .palms {
  fill: white;
  fill-rule: nonzero;
}

.svgDrawComponent .svgPath svg path {
  transition: all 0.5s;
  fill: none;
  stroke-width: 2px;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.svgDrawComponent .svgPath svg circle {
  transition: all 0.5s;
  fill: white;
  stroke: #eb4949;
  stroke-width: 2px;
  transition: all 0.5s;
}

.svgDrawComponent .svgPath svg circle:hover {
  fill: #EB4949;
  stroke: #FFFFFF;
}

canvas {
  width: 100%;
  height: 100%;
  background: red;
}

@-webkit-keyframes pulse {
  0% {
    r: 9;
  }
  25% {
    r: 13;
  }
  50% {
    r: 9;
  }
  75% {
    r: 13;
  }
  100% {
    r: 9;
  }
}

@keyframes pulse {
  0% {
    r: 9;
  }
  25% {
    r: 13;
  }
  50% {
    r: 9;
  }
  75% {
    r: 13;
  }
  100% {
    r: 9;
  }
}
.infoGeneralComponent {
  position: fixed;
  top: 9vh;
  left: 5rem;
  z-index: 5;
  width: 20rem;
  height: auto;
  padding: 1rem;
  border: 1px solid #979797;
  transition: all 0.4s;
  background-color: rgba(33, 33, 33, 0.9);
}

.infoGeneralComponent .cotainerText {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
}

.infoGeneralComponent .cotainerText .timer {
  color: #ffffff;
  font-family: "SpaceGrotesk-Light";
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.016rem;
}

.infoGeneralComponent .cotainerText .title {
  font-size: 0.8rem;
  font-family: "SpaceGrotesk-Bold";
  letter-spacing: 1.4px;
  padding: 0.7rem 0;
  color: #ddb8b8;
  font-weight: 600;
  text-transform: uppercase;
}

.infoGeneralComponent .cotainerText .information {
  color: #ffffff;
  font-family: "SpaceGrotesk-Medium";
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.12rem;
  line-height: 1rem;
}

@media (max-width: 768px) and (orientation: portrait) {
  .infoGeneralComponent {
    display: none;
  }
}
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;
}

.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';
}

.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: #eb4949;
}

.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: 2rem;
  vertical-align: middle;
  padding: 0;
  margin: 0 0.75vw;
  transition: all 0.3s;
}

.videoContainer .r5-wraper .custom-pos:hover {
  color: #eb4949;
  transition: all 0.3s;
}

.videoContainer .r5-wraper .custom-pos i:hover {
  color: #eb4949;
  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: #eb4949;
  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: #6d6d6d;
}

.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: 2rem;
  }
  .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: 2.5rem;
  }
  .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 {
    position: relative;
    height: auto;
    margin: unset;
  }
  .videoContainer.wrapperFull .r5-wraper {
    height: 12.8rem;
  }
}
.textBlock {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  border-top: solid 2px #BFBFBF;
  margin: 3vh 0 5vh;
  padding: 1vh 0 2vh;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.textBlock .title {
  width: 100%;
  color: #FFF;
  font-family: "SpaceGrotesk-Bold";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  margin-bottom: 2vh;
}

.textBlock .description {
  width: 100%;
  color: #FFF;
  font-family: "SpaceGrotesk-Regular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.59px;
}

.textBlock.left {
  width: 100%;
}

.textBlock.central {
  width: 90%;
}

.textBlock.right {
  width: 100%;
  right: 10rem;
}

.chapter .multimedia .wrapperFull .textBlock.hide {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

@media (max-width: 768px) and (orientation: portrait) {
  .textBlock {
    margin: 0;
    padding: 0 2rem;
    border-top: 0;
  }
  .textBlock.central {
    width: 100%;
  }
}
.chapter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: 100vh;
}

.chapter .overlayVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  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;
}

.chapter .overlayVideo span i {
  font-size: 2rem;
  color: white;
}

.chapter .videoContainer.full .r5-wraper {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: calc(100% + 1px);
  padding-top: 0;
  top: -1px;
}

.chapter .videoContainer.full .r5-wraper video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.chapter .videoContainer.full .r5-wraper .r5-controls {
  display: none;
}

.chapter .videoContainer.wrapperFull .customSubtitles {
  bottom: 3rem;
}

.chapter .videoContainer .r5-wraper .r5-controls .r5-panel div:nth-child(1) {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chapter .bgContainer {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.chapter .infographicContainer {
  width: 25rem;
  height: 100vh;
  left: 0;
  bottom: 15rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 4;
  opacity: 0;
  transition: all 0.5s;
  padding: 2rem 0rem;
}

.chapter .infographicContainer.active {
  opacity: 1;
}

.chapter .infographicContainer div:nth-child(1) {
  transition-delay: 0.2s;
}

.chapter .infographicContainer div:nth-child(2) {
  transition-delay: 0.5s;
}

.chapter .infographicContainer div:nth-child(3) {
  transition-delay: 0.2s;
}

.chapter .infographicContainer div:nth-child(4) {
  transition-delay: 0.5s;
}

.chapter .multimedia {
  width: 55vw;
  margin-right: 8rem;
  margin-top: 14rem;
  min-height: calc(100vh - 14rem);
  z-index: 2;
}

.chapter .multimedia.wrapperFull {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 3;
}

.chapter .multimedia.wrapperFull .titleComponent {
  bottom: 20rem !important;
}

.chapter .multimedia.wrapperFull .textBlock {
  width: 30%;
  right: 11rem;
  bottom: calc(15rem - 13vh);
  position: absolute;
  margin: 0;
  z-index: 3;
}

.chapter .multimedia.wrapperFull .textBlock:after {
  content: '';
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAsBAMAAABIwP/hAAAAAXNSR0IB2cksfwAAACdQTFRFAAAA////////////////////////////////////////////////rj1KOQAAAA10Uk5TAHCfoGD/vxDPIPAw4ISJOwAAAABfSURBVHicY2BUYAACEwYG0yAgzRyqwOAKxAymoQ4MLKFhBWWhIUBh19DO1igHIIN7aWjoapAGhl2hURuAFKMC99LVUO17NlBJO7sqWHtEQcVA2E4vx4OEIAIMQO1AAgC7jlVldo4N2AAAAABJRU5ErkJggg==);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: 3rem;
  position: absolute;
  left: -2rem;
  top: -2px;
}

.chapter .multimedia.wrapperFull .textBlock.hide {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.chapter .multimedia.wrapperFull .r5-wraper .r5-controls .r5-panel .r5-play {
  display: none;
}

.chapter .multimedia.wrapperFull .r5-wraper .r5-controls .r5-panel .r5-controls-wraper {
  display: none;
}

.chapter .mapContainer {
  width: 100%;
  height: 100vh;
  z-index: 4;
}

.chapter .waypointsContainer {
  position: relative;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.chapter .waypointsContainer.waypointsContainerMap {
  height: calc(100% - 100vh);
}

.chapter .waypointsContainer span {
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 50vh;
}

.chapter .waypointsLaunchMedias {
  position: relative;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.chapter .waypointsLaunchMedias.waypointsLaunchMediasMap {
  height: calc(100% - 100vh);
}

.chapter .waypointsLaunchMedias span {
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 50vh;
  height: 50vh;
}

.chapter .finalChapterSeven {
  position: absolute;
  width: 100vw;
  height: 100vh;
  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;
  z-index: 0;
}

.chapter .finalChapterSeven.show {
  opacity: 1;
  z-index: 9;
  transition: all 2s ease;
}

.chapter .finalChapterSeven .containerFinal {
  width: 60rem;
  height: auto;
}

.chapter .finalChapterSeven .containerFinal .info {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 4rem;
  border: solid 1px #c3c3c3;
}

.chapter .finalChapterSeven .containerFinal .info p {
  color: #FFF;
  width: 100%;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 11.55px;
  font-family: "SpaceGrotesk-Bold";
  text-align: center;
  line-height: 5rem;
}

.chapter .finalChapterSeven .containerFinal .info span {
  font-family: "SpaceGrotesk-Light";
}

.chapter .finalChapterSeven .containerFinal .buttonsContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-top: 1.5rem;
}

.chapter .finalChapterSeven .containerFinal .buttonsContainer span {
  cursor: pointer;
  color: #c3c3c3;
  position: relative;
  width: 18%;
  height: auto;
  padding: 1rem 0;
  text-align: center;
  font-family: "SpaceGrotesk-Medium";
  text-transform: uppercase;
}

.chapter .finalChapterSeven .containerFinal .buttonsContainer span:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #eb4949;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-in;
}

.chapter .finalChapterSeven .containerFinal .buttonsContainer span:hover {
  color: #FFF;
}

.chapter .finalChapterSeven .containerFinal .buttonsContainer span:hover:before {
  height: 100%;
}

@media (max-width: 1800px) {
  .chapter .multimedia.wrapperFull .textBlock {
    width: 38%;
    bottom: calc(4rem - -7vh);
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .chapter {
    min-height: unset;
  }
  .chapter .infographicContainer {
    width: 100vw;
    height: auto;
    position: relative;
    padding: 2vh 8vw;
    background-color: #1E1E1E;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .chapter .infographicContainer.hide {
    display: none;
  }
  .chapter .multimedia {
    width: 100vw;
    height: auto !important;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 1rem;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    min-height: auto;
  }
  .chapter .multimedia.wrapperFull .textBlock {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0 8vw;
    border-top: 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .chapter .multimedia {
    margin-right: 5rem;
  }
  .chapter .multimedia.wrapperFull .textBlock {
    width: 45%;
  }
}

@media (max-width: 1024px) and (orientation: portrait) {
  .chapter .finalChapterSeven {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
  }
  .chapter .finalChapterSeven .containerFinal {
    height: 100vh;
  }
  .chapter .finalChapterSeven .containerFinal .info {
    height: 82vh;
    padding: 1rem;
    border: unset;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chapter .finalChapterSeven .containerFinal .info p {
    font-size: 1.5rem;
    line-height: 3rem;
  }
  .chapter .finalChapterSeven .containerFinal .buttonsContainer {
    height: 18vh;
  }
  .chapter .finalChapterSeven .containerFinal .buttonsContainer span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
    height: 50%;
    padding: 0;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chapter .finalChapterSeven .containerFinal .buttonsContainer span .shareContainer .networksContainer {
    bottom: 12vh;
  }
  #chapter6 {
    overflow: hidden;
  }
}

@media (max-width: 1599px) and (min-width: 1367px) {
  .infographicContainer {
    bottom: 8rem !important;
  }
}

@media (max-width: 1366px) and (min-width: 1025px) {
  .infographicContainer {
    bottom: 7rem !important;
  }
}

@media (max-width: 1024px) {
  .infographicContainer {
    top: 0rem;
    bottom: initial !important;
  }
}
.infographic {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  z-index: 4;
  margin: 2rem 0rem;
  opacity: 0;
  -webkit-transform: translate3d(-30vw, 0, 0);
          transform: translate3d(-30vw, 0, 0);
  border-top: 1px solid #979797;
  padding-top: 2vh;
  position: relative;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.infographic.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.infographic.activeTop {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  top: -101vh;
}

.infographic .infographicIcon {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 2vh;
}

.infographic .infographicIcon img {
  margin-right: 0.4rem;
  height: 2.3rem;
}

.infographic .infographicIcon img[src*="battery"] {
  height: 3.8rem;
}

.infographic .innerInfographic {
  width: 100%;
  height: auto;
  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;
}

.infographic .innerInfographic .relevantText {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  transition: all 0.2s;
  margin-bottom: 2vh;
}

.infographic .innerInfographic .relevantText span {
  text-align: right;
  color: #EA4A4A;
  font-family: "SpaceGrotesk-Light";
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: -0.037rem;
}

.infographic .innerInfographic .text {
  width: 100%;
  color: white;
  text-align: right;
  margin-bottom: 0.5vh;
  font-family: "SpaceGrotesk-Medium";
}

.infographic .innerInfographic .subText {
  width: 100%;
  opacity: 0.48;
  color: #FFF;
  font-family: "SpaceGrotesk-Light";
  font-size: 0.9rem;
  letter-spacing: -0.19px;
  text-align: right;
}

.infographic .innerInfographic .legend {
  width: 50%;
  color: #ec453d;
  font-family: "SpaceGrotesk-Medium";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.19px;
  text-align: right;
}

@media (max-width: 768px) and (orientation: portrait) {
  .infographic {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .activeTop {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    top: 0 !important;
  }
}

@media (max-width: 1600px) and (max-height: 899px) {
  .infographic .innerInfographic .relevantText span {
    font-size: 1.6rem;
  }
}
.sidebar {
  position: fixed;
  right: 0;
  top: 0;
  width: 5rem;
  background-color: rgba(0, 0, 0, 0.26);
  height: 100vh;
  z-index: 5;
}

.sidebar ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}

.sidebar ul li > a {
  opacity: 0.43;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: -0.1px;
  transition: opacity linear 300ms;
  font-family: "SpaceGrotesk-Medium";
}

.sidebar ul li > a:before {
  position: absolute;
  top: -1.5rem;
  font-size: 0.95rem;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  opacity: 0.3;
}

.sidebar ul li.active > a {
  opacity: 1;
}

.sidebar .progressBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #eb4949;
  transition: height 450ms cubic-bezier(0.39, 0.575, 0.565, 1);
  z-index: -1;
}

.sidebar .progressBar:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 0;
  height: 0;
  border-left: calc(3rem - 8px) solid transparent;
  border-right: calc(3rem - 8px) solid transparent;
  border-top: 2rem solid #eb4949;
}

@media (max-width: 768px) and (orientation: portrait) {
  nav.sidebar {
    display: none;
  }
}
@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 0;
  /** Implementación de RichLink **/
}

.header .headerContainer {
  height: 0;
}

.header .headerContainer .containerSection {
  height: 0;
  text-align: right;
}

.header .headerContainer .containerSection .headerLinksContainer {
  width: auto;
  right: 7rem;
  top: 5vh;
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.header .headerContainer .menuContainer {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(21, 21, 21, 0.92);
  z-index: -1;
  -webkit-transform: translate3d(-100vw, 0, 0);
          transform: translate3d(-100vw, 0, 0);
}

.header .headerContainer .hamburgerIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0M3B4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCA0MyAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojRUM0NDNEO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS4yLDNjLTAuNiwwLTEtMC40LTEtMXMwLjQtMSwxLTFoMzAuNGMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMUgxLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAuOCwxMi42Yy0wLjYsMC0xLTAuNC0xLTFzMC40LTEsMS0xaDMwLjRjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFIMTAuOEwxMC44LDEyLjZ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS4yLDIzLjVjLTAuNiwwLTEtMC40LTEtMXMwLjQtMSwxLTFoMzAuNGMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMUgxLjJ6Ii8+CjwvZz4KPC9zdmc+Cg==);
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 1.4rem;
  right: 1.5rem;
  width: 6vw;
  height: 3vh;
  display: none;
}

.header .richLink.mineLink {
  display: none;
}

.header .richLink.projectLink {
  display: block;
}

.header .richLink.projectLink:hover > a {
  color: #eb4949;
}

.header .richLink.documentaryLink {
  background: #1e1e1e;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 2rem;
}

.header .richLink.documentaryLink:hover {
  background: #eb4949;
}

.header .richLink.backLink {
  display: none;
  padding: 0;
  margin: 0rem 2rem;
  position: relative;
  top: -0.5rem;
}

.header.aboutActive .headerContainer .containerSection .headerLinksContainer {
  right: 0rem;
}

.header.aboutActive .richLink.mineLink {
  display: none;
}

.header.aboutActive .richLink.projectLink {
  display: block;
}

.header.aboutActive .richLink.projectLink > a {
  color: #eb4949;
}

.header.aboutActive .richLink.backLink {
  display: block;
}

.header.aboutActive .controlsPage > span {
  display: none;
}

.header.documentaryActive .headerContainer .containerSection .headerLinksContainer {
  right: 0rem;
}

.header.documentaryActive .richLink.mineLink {
  display: none;
}

.header.documentaryActive .richLink.documentaryLink {
  display: block;
  background: #eb4949;
}

.header.documentaryActive .richLink.backLink {
  display: block;
}

.header.documentaryActive .controlsPage > span {
  display: none;
}

.header.homeActive .richLink.mineLink {
  display: none;
}

.header.homeActive .richLink.backLink {
  display: none;
}

.header.homeActive .controlsPage > span {
  display: block;
}

@media (max-width: 768px) and (orientation: portrait) {
  .header {
    position: absolute;
  }
  .header .headerContainer .containerSection {
    display: none;
  }
  .header .headerContainer .containerSection .headerLinksContainer {
    right: 2vw;
    top: 2vh;
  }
  .header .headerContainer .hamburgerIcon {
    left: 1.5rem;
    right: unset;
    display: block;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .hamburgerIcon.hide {
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .menuContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    transition: all 0.4s ease-in;
  }
  .header .headerContainer .menuContainer.show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: all 0.4s ease-out;
  }
  .header .headerContainer .menuContainer .iconClose {
    position: absolute;
    top: 1.5rem;
    left: 1.3rem;
    color: #FFF;
    font-size: 3rem;
    font-weight: 700;
  }
  .header .headerContainer .menuContainer .headerLinksContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink {
    padding: 2rem 0;
    font-size: 2.5rem;
    border-top: solid 1px;
    width: 80%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-height: none;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.mineLink {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.documentaryLink {
    background: transparent;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.backLink {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .header .headerContainer .hamburgerIcon {
    left: 1.5rem;
    top: 1.5rem;
    width: 4vw;
    height: 2vh;
    display: block;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .hamburgerIcon.hide {
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .menuContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    transition: all 0.4s ease-in;
  }
  .header .headerContainer .menuContainer.show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: all 0.4s ease-out;
  }
  .header .headerContainer .menuContainer .iconClose {
    position: absolute;
    top: 1.5rem;
    right: 1.3rem;
    color: #FFF;
    font-size: 3rem;
    font-weight: 700;
  }
  .header .headerContainer .menuContainer .headerLinksContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink {
    padding: 2rem 0;
    font-size: 2.5rem;
    border-top: solid 1px;
    width: 80%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-height: none;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.mineLink {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.documentaryLink {
    background: transparent;
  }
  .header .headerContainer .menuContainer .headerLinksContainer .richLink.backLink {
    display: none;
  }
}
.richLink {
  color: #c3c3c3;
  font-family: SpaceGrotesk-Medium;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.61px;
  margin: 0 0.5rem;
  padding: 0.5rem;
  transition: background 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.richLink > a {
  transition: color 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.richLink.projectLink {
  display: block;
}

.richLink.documentaryLink {
  background: #1e1e1e;
}

.richLink.mineLink {
  display: none;
}

.richLink.backLink {
  display: none;
}
.coverFooter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: auto;
  top: 5vh;
  left: 1.5rem;
  padding-left: 3vw;
  color: #FFF;
  opacity: 0.3;
  z-index: 5;
  transition: all 1s;
  position: fixed;
  opacity: 1;
}

.coverFooter a {
  margin-right: 2vw;
}

.coverFooter a.portada {
  margin-top: 0.3rem;
}

.coverFooter a img {
  width: 7rem;
  height: auto;
}

.coverFooter a span {
  font-size: 2rem;
  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;
}

.coverFooter.animated {
  z-index: 0;
  bottom: -4vh;
  transition: all 1s;
}

@media (max-width: 1600px) and (min-width: 1441px) {
  .coverFooter {
    left: 2rem;
  }
}

@media (max-width: 1440px) {
  .coverFooter {
    left: 2.5rem;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .coverFooter {
    /*position: relative;
		bottom: -1rem;
		left: 0;
		transition: unset;*/
    position: absolute;
    top: 1.5rem;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    transition: unset;
    /*&.animated {
			transition: unset;
			bottom: -1rem;
		}*/
  }
}
.links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.links.linksContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 7rem;
}
.button {
  cursor: pointer;
}

.button.goDownHover {
  position: relative;
  padding: 1rem 10px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 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(0.645, 0.045, 0.355, 1);
}

.button.circle i {
  width: 3rem;
  height: 3rem;
  font-size: 0.9rem;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 100%;
  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);
}

.button.circle:hover i {
  color: black;
  background: white;
}

.button.circle.hoverBlack:hover i {
  background: white;
  color: black;
}

.button.circle.hoverBlue:hover i {
  background: white;
  color: blue;
}

.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(0.645, 0.045, 0.355, 1);
}

.button.oval.green {
  background: green;
  border: 2px solid green;
}

.button.oval.green:hover {
  background: white;
  border: 2px solid white;
  color: green;
}

.button.oval.transparent:hover {
  background: white;
  color: blue;
}

.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);
}
.shareContainer {
  width: 100%;
  height: 100%;
  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;
}

.shareContainer .shareButton {
  position: relative;
  cursor: pointer;
  font-size: 1rem;
}

.shareContainer .shareButton:hover {
  opacity: 0.5;
  transition: opacity 0.3s;
}

.shareContainer .networksContainer {
  width: 100%;
  position: absolute;
  bottom: -16vh;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.shareContainer .networksContainer .socialNetwork {
  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;
  opacity: 0;
  z-index: -1;
  margin-bottom: 3vh;
  cursor: pointer;
  transition: opacity 0.3s;
}

.shareContainer .networksContainer .socialNetwork.show {
  opacity: 1;
  z-index: 2;
}

.shareContainer .networksContainer .socialNetwork i {
  color: #FFF;
  opacity: 1;
  transition: opacity 0.3s;
}

.shareContainer .networksContainer .socialNetwork i:hover {
  opacity: 0.5;
  transition: opacity 0.3s;
}

.shareContainer .networksContainer li:nth-child(1) {
  transition: opacity 0.3s;
  transition-delay: 0.1s;
}

.shareContainer .networksContainer li:nth-child(2) {
  transition: opacity 0.3s;
  transition-delay: 0.2s;
}

.shareContainer .networksContainer li:nth-child(3) {
  transition: opacity 0.3s;
  transition-delay: 0.3s;
}

.shareContainer .networksContainer li:nth-child(4) {
  transition: opacity 0.3s;
  transition-delay: 0.4s;
}

.shareContainer .networksContainer li:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) and (orientation: portrait) {
  .shareContainer .networksContainer {
    font-size: 1.5rem;
  }
  .shareContainer .networksContainer.topToBottom {
    bottom: -22vh;
  }
  .shareContainer .networksContainer.bottomToTop {
    bottom: 12vh;
  }
  .shareContainer .shareButton:hover {
    opacity: 1;
  }
}
.titleComponent {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 86%;
  left: -15rem;
  transition: all 1s;
  z-index: 2;
}

.titleComponent.full {
  width: 50rem;
  position: absolute;
  right: 0;
  bottom: 15rem;
  left: initial;
  z-index: 3;
}

.titleComponent.full .cloud {
  -webkit-filter: none;
          filter: none;
}

.titleComponent.hide {
  opacity: 0;
}

.titleComponent .number {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 4.5rem;
  opacity: 0.4;
}

.titleComponent .number p {
  color: #ffffff;
  font-family: "SpaceGrotesk-Light";
  font-size: 6rem;
  width: 6rem;
  line-height: 4rem;
  letter-spacing: -0.065rem;
  text-shadow: 0 0 5px white;
}

.titleComponent .cloud {
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 45, 0.4);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: absolute;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}

.titleComponent .text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 75%;
  height: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.titleComponent .text p {
  color: #ffffff;
  font-family: "SpaceGrotesk-Bold";
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 4rem;
  /* Text style for "Asegurar" */
  letter-spacing: -0.065rem;
}

@media (max-width: 1800px) {
  .titleComponent {
    width: 100%;
    left: 0rem;
  }
  .titleComponent .number {
    padding: 3.5rem;
  }
  .titleComponent .text p {
    font-size: 3.3rem;
    line-height: 3rem;
  }
}

@media (max-width: 1024px) and (orientation: portrait) {
  .chapter .mapContainer {
    height: auto;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .chapter .multimedia.wrapperFull .titleComponent.full {
    bottom: 0 !important;
  }
  .titleComponent {
    left: 0;
    width: 100%;
  }
  .titleComponent.full {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0 !important;
    left: 0;
    z-index: 3;
  }
  .titleComponent.hide {
    opacity: 1;
  }
  .titleComponent .number {
    padding: 2rem 1rem;
  }
  .titleComponent .number p {
    font-size: 5rem;
  }
  .titleComponent .text {
    width: 100%;
  }
  .titleComponent .text p {
    font-size: 2.5rem;
  }
}
@font-face {
  font-family: 'SpaceGrotesk-Bold';
  src: url(/descenso-mina-clandestina/dist/61cda6515f09f617bbe85105856b72f3.eot?#iefix) format("embedded-opentype"), url(/descenso-mina-clandestina/dist/e1575d8bd3f31c8fc01d679d043ea190.woff) format("woff"), url(/descenso-mina-clandestina/dist/e84a734cc857e965573431267e33d393.ttf) format("truetype"), url(/descenso-mina-clandestina/dist/8c523eca18cd4848ddba5883d198d87b.svg#SpaceGrotesk-Bold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpaceGrotesk-SemiBold';
  src: url(/descenso-mina-clandestina/dist/197d90197b07d12b6b026bfd1bcf4d68.eot?#iefix) format("embedded-opentype"), url(/descenso-mina-clandestina/dist/a8676797811c0fbf8faea56674ef75be.woff) format("woff"), url(/descenso-mina-clandestina/dist/f51f20cfe649959f384c1f180bfa27a6.ttf) format("truetype"), url(/descenso-mina-clandestina/dist/5ee6b36eccbc6ea1bff512bf002d02fc.svg#SpaceGrotesk-SemiBold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpaceGrotesk-Light';
  src: url(/descenso-mina-clandestina/dist/8ae821b3fa881a6d3cffd9440bbe71ae.eot?#iefix) format("embedded-opentype"), url(/descenso-mina-clandestina/dist/dbeade5f157bef3255c620957264538d.woff) format("woff"), url(/descenso-mina-clandestina/dist/339c3d9c01250574c0e8959d00e26fb2.ttf) format("truetype"), url(/descenso-mina-clandestina/dist/6ce03e0d3f6f32d8958159aca4a71d0c.svg#SpaceGrotesk-Light) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpaceGrotesk-Medium';
  src: url(/descenso-mina-clandestina/dist/ff91ea3a63236af557f837532274f83e.eot?#iefix) format("embedded-opentype"), url(/descenso-mina-clandestina/dist/4b73da00a90bd73793ff712c431d3ad0.woff) format("woff"), url(/descenso-mina-clandestina/dist/c310eb52ff79f05ef578172dd649dcf4.ttf) format("truetype"), url(/descenso-mina-clandestina/dist/37fc0def6931dd2a10d0bc74b14c32df.svg#SpaceGrotesk-Medium) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpaceGrotesk-Regular';
  src: url(/descenso-mina-clandestina/dist/516b723356df94dfade5c33f6502ac3d.eot?#iefix) format("embedded-opentype"), url(/descenso-mina-clandestina/dist/adc385cfec9f363cf3a26286c903aadf.woff) format("woff"), url(/descenso-mina-clandestina/dist/11fa18c729b792658542add7f7e3fbc0.ttf) format("truetype"), url(/descenso-mina-clandestina/dist/9f1e4eab2e721945853919bd9e76b8b8.svg#SpaceGrotesk-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "descenso-mina-clandestina";
  src: url(/descenso-mina-clandestina/dist/d2bdb8ea138c3fe7e98fd1a0b5b22bec.eot);
  src: url(/descenso-mina-clandestina/dist/d2bdb8ea138c3fe7e98fd1a0b5b22bec.eot?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,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) format("woff"), url(data:application/octet-stream;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4NCjxkZWZzPg0KPGZvbnQgaWQ9ImRlc2NlbnNvLW1pbmEtY2xhbmRlc3RpbmEiIGhvcml6LWFkdi14PSI1MTIiPg0KPGZvbnQtZmFjZSBmb250LWZhbWlseT0iZGVzY2Vuc28tbWluYS1jbGFuZGVzdGluYSIgdW5pdHMtcGVyLWVtPSI1MTIiIGFzY2VudD0iNDgwIiBkZXNjZW50PSItMzIiLz4NCjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSI1MTIiIC8+DQoNCjxnbHlwaCBnbHlwaC1uYW1lPSJzaGFyZSIgdW5pY29kZT0iJiM5NzsiIGQ9Ik0zODAgNTEyYy00OSAwLTg5LTQwLTg5LTg5IDAtOCAxLTE1IDMtMjJsLTEwOC03NGMtMTUgMTItMzQgMTktNTUgMTktNDkgMC04OS00MC04OS04OSAwLTQ5IDQwLTg5IDg5LTg5IDIxIDAgNDAgNyA1NSAxOWwxMDgtNzRjLTItNy0zLTE0LTMtMjIgMC00OSA0MC04OSA4OS04OSA0OSAwIDg5IDQwIDg5IDg5IDAgNDktNDAgODktODkgODktMjggMC01NC0xMy03MC0zNGwtMTAxIDY5YzcgMTIgMTEgMjcgMTEgNDIgMCAxNi00IDMwLTExIDQzbDEwMSA2OWMxNi0yMSA0Mi0zNSA3MC0zNSA0OSAwIDg5IDQwIDg5IDg5IDAgNDktNDAgODktODkgODl6IG0wLTM2YzMwIDAgNTMtMjMgNTMtNTMgMC0zMC0yMy01My01My01My0zMCAwLTUzIDIzLTUzIDUzIDAgMzAgMjMgNTMgNTMgNTN6IG0tMjQ5LTE2NmMzMCAwIDUzLTIzIDUzLTUzIDAtMzAtMjMtNTMtNTMtNTMtMzAgMC01MyAyMy01MyA1MyAwIDMwIDIzIDUzIDUzIDUzeiBtMjQ5LTE2NWMzMCAwIDUzLTI0IDUzLTU0IDAtMzAtMjMtNTMtNTMtNTMtMzAgMC01MyAyMy01MyA1MyAwIDMwIDIzIDU0IDUzIDU0eiIvPg0KPGdseXBoIGdseXBoLW5hbWU9InNvdW5kIiB1bmljb2RlPSImIzk4OyIgZD0iTTMwNyA0NzBjLTggNC0xOCAzLTI1LTNsLTEzMC0xMDctMTI4IDBjLTEzIDAtMjQtMTAtMjQtMjNsMC0xNTZjMC0xMyAxMS0yNCAyNC0yNGwxMjggMCAxMzAtMTA3YzQtMyA5LTUgMTUtNSAzIDAgNyAxIDEwIDIgOCA0IDEzIDEzIDEzIDIybDAgMzgwYzAgOS01IDE3LTEzIDIxeiBtLTM0LTM1MmwtOTggODFjLTQgMy05IDUtMTUgNWwtMTEzIDAgMCAxMDkgMTEzIDBjNiAwIDExIDIgMTUgNmw5OCA4MHogbTEyMSAyMTdjLTEtMTAgOC0yMCAxOS0yMCAzMC0yIDU0LTI4IDU0LTU5IDAtMzEtMjQtNTctNTQtNTktNy0xLTEzLTUtMTYtMTEtMy03LTMtMTQgMS0yMCA0LTYgMTEtOSAxOC04IDUxIDQgOTAgNDcgOTAgOTggMCA1MS0zOSA5NC05MCA5OCAwIDAtMSAwLTIgMC0xMSAxLTIwLTgtMjAtMTl6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0ibXV0ZSIgdW5pY29kZT0iJiM5OTsiIGQ9Ik0yNjAgNDM4Yy03IDMtMTUgMi0yMS0zbC0xMTAtOTAtMTA5IDBjLTExIDAtMjAtOS0yMC0yMGwwLTEzM2MwLTExIDktMjAgMjAtMjBsMTA5IDAgMTEwLTkwYzMtMyA4LTUgMTMtNSAyIDAgNSAxIDggMiA3IDMgMTEgMTAgMTEgMThsMCAzMjNjMCA3LTQgMTQtMTEgMTh6IG0tMjgtMjk5bC04NCA2OWMtMyAzLTggNC0xMiA0bC05NiAwIDAgOTMgOTYgMGM0IDAgOSAxIDEyIDRsODQgNjh6IG0yMTUgMTE3bDU0IDU0YzggNyA4IDIwIDAgMjgtOCA4LTIwIDgtMjggMGwtNTQtNTQtNTMgNTRjLTggOC0yMSA4LTI5IDAtNy04LTctMjEgMC0yOGw1NC01NC01NC01NGMtNy04LTctMjAgMC0yOCA0LTQgOS02IDE0LTYgNiAwIDExIDIgMTUgNmw1MyA1NCA1NC01NGM0LTQgOS02IDE0LTYgNSAwIDEwIDIgMTQgNiA4IDggOCAyMCAwIDI4eiIvPg0KPGdseXBoIGdseXBoLW5hbWU9ImxvZ28iIHVuaWNvZGU9IiYjMTAzOyIgZD0iTTE5IDEwN2w1NSAwIDAtMTItNjggMCAwIDQwOSA0OTggMCAwLTQwOS02NiAwIDAgMTIgNTQgMCAwIDM4NC00NzMgMHogbTEwNiAxMjNjMC0xLTEtMS0yLTItMy0yLTQtMy03LTMtMi0xLTYtMS04LTEtNCAwLTctMS0xMS0xLTcgMC0xNCAxLTE5IDUtNSAzLTkgOS0xMSAxNS0yIDQtMiA2LTMgMTAgMCAzIDAgNSAwIDkgMCA1IDAgMTAgMCAxNGwwIDE0MWMwIDMgMSA1IDQgNWwyNCA1IDMgMGMwIDAgMCAwIDEgMCAxIDAgMy0xIDMtNWwwLTE1MmMwLTMgMC01IDAtOCAwIDAgMC0xIDAtMSAwLTMgMS00IDItNCAxLTEgMy0xIDUtMSAyIDAgMyAwIDQgMCAxIDAgMyAxIDUgMSAwIDAgMSAwIDEgMGwyIDBjMSAwIDIgMCAyLTFsNS0yMyAwLTNjMCAxIDAgMSAwIDBtMTE0IDU5Yy02IDAtMTIgMC0xOC0xLTUtMS05LTMtMTEtNC0zLTEtNS00LTYtNi0yLTMtMy03LTMtMTEgMC0yIDAtNSAxLTcgMi00IDUtOCA5LTExIDMtMSA0LTEgNy0xIDcgMCAxNCA0IDIwIDEwIDEgMiAxIDMxIDEgMzF6IG00MC01NGMwLTEtMS0yLTMtMmwtMjEtOWMwIDAtMiAwLTIgMCAwIDAtMSAwLTEgMC0yIDAtNSA1LTggMTYtMi0yLTUtNS03LTctMy0yLTUtNC04LTUtMi0yLTUtMy05LTMtNCAwLTYtMS0xMC0xLTYgMC0xMiAxLTE3IDItNSAyLTkgNS0xMyA5LTMgNC02IDgtNyAxMy0xIDUtMyAxMi0zIDE3IDAgMTMgNCAyMiAxMCAyOSA3IDggMTcgMTMgMzEgMTYgMSAwIDQgMSA1IDEgMyAwIDQgMCA3IDEgMiAwIDUgMCA3IDAgMyAwIDcgMCAxMSAwbDAgOWMwIDQgMCA4LTIgMTAgMCAzLTEgNS0yIDctMSAxLTQgMi01IDQtMyAxLTUgMS05IDEtNSAwLTktMS0xNC0xLTUtMi0xMS0zLTE3LTYtMSAwLTMtMS0zLTEtMSAwLTIgMS0yIDNsLTUgMTZjMCAwIDAgMiAwIDIgMCAwIDAgMSAwIDEgMCAxIDEgMiA0IDQgMiAxIDYgMiAxMCA0IDEwIDIgMjAgMyAzMSAzIDEwIDAgMTktMSAyNi01IDgtNCAxMy05IDE2LTE1IDEtMyAyLTYgMi0xMCAwLTQgMi04IDItMTNsMC01NmMwLTMgMC03IDAtOSAwLTMgMC01IDEtOCAxLTMgMS01IDEtNiAxLTMgMS02IDMtNyAwLTEgMS0yIDEtNHogbTEzNCA2M2MwIDE0LTEgMjQtNSAzMi00IDgtOSAxMi0xNiAxMi00IDAtNy0yLTktMy0zLTEtNy00LTEyLTZsMC03N2M1LTQgMTAtNyAxNi03IDMgMCA3IDIgMTEgNCA0IDMgNiA1IDkgOSAzIDQgNCA5IDUgMTYgMSA2IDEgMTIgMSAyMG0zNSAxYzAtMTItMS0yMy00LTMyLTItOS02LTE2LTExLTI0LTUtNi0xMS0xMi0xOC0xNS03LTQtMTQtNS0yMi01LTMgMC01IDAtOCAwLTUgMS05IDItMTMgNi0yIDEtNSA0LTYgNS0xLTMtMS00LTItNSAwLTEtMi0zLTItNCAwLTEtMS0xLTEtMSAwIDAtMSAwLTEgMCAwIDAtMiAwLTIgMC0xIDAtMSAwLTIgMGwtMjMgNmMtMSAwLTMgMS0zIDMgMCAwIDAgMSAyIDIgMSAzIDEgNCAyIDcgMSAyIDEgNCAxIDYgMCAzIDIgNSAyIDggMCAyIDAgNSAwIDlsMCAxNTNjMCAyIDAgMiAwIDMgMCAwIDAgMSAwIDEgMCAwIDEgMCAxIDEgMSAwIDEgMCAyIDBsMjYgNmMwIDAgMSAwIDEgMGwyIDBjMSAwIDItMiAyLTZsMC02NmMzIDIgNyA0IDkgNSAzIDEgNSAzIDggNCAyIDEgNSAxIDggMiAyIDAgNSAyIDcgMiA3IDAgMTMtMiAxOS01IDYtMyAxMS04IDE0LTE0IDQtNyA3LTEzIDktMjIgMi05IDMtMTggMy0zMG0tNjAtMjA0Yy03IDItMTAgNi0xMCAxMiAwIDkgNyAxNiAxOSAxNiA3IDAgMTQtMyAxNC03IDAtMi0zLTctNC03LTEgMC0xIDAtNCAxLTIgMS01IDItNyAyLTQgMC03LTItNy01IDAtMiAxLTQgNS01bDktNGM1LTIgOS03IDktMTQgMC0xMC04LTE4LTE4LTE4LTkgMC0xOSA0LTE5IDggMCAzIDMgOCA1IDggMCAwIDEgMCAzLTIgNS0yIDctMyAxMS0zIDQgMCA1IDEgNSA1IDAgMi0xIDUtNSA1eiBtLTMwIDdjMiAwIDIgMCAyIDEgMCA3LTQgMTEtOCAxMS01IDAtOS01LTktMTEgMC0xIDEtMSAxLTF6IG0tMTQtMTBjLTEgMC0xIDAtMS0xIDAtNyA1LTEyIDEzLTEyIDQgMCA1IDAgMTAgMyAwIDAgMSAwIDEgMCAzIDAgMy0yIDMtNCAwLTUtNi0xMC0xNy0xMC0xNSAwLTI0IDktMjQgMjcgMCAxNiA4IDI4IDIyIDI4IDExIDAgMTktOSAxOS0yMiAwLTYtMy05LTgtOXogbS0xNS0xOWMwLTUtNC05LTktOS01IDAtOSA0LTkgOSAwIDUgNCA5IDkgOSA1IDAgOS00IDktOXogbS0zOCAzMGMxIDAgMiAyIDIgMyAwIDEzLTUgMjEtMTUgMjEtMTAgMC0xNy05LTE3LTIxIDAtMSAxLTMgMy0zLTIgMCAyNyAwIDI3IDB6IG0tMjktMTRjLTEgMC0yLTEtMi0yIDAtMTQgOS0yMyAyNC0yMyA1IDAgOSAxIDE2IDQgMiAxIDMgMSAzIDEgMyAwIDQtMyA0LTUgMC05LTExLTE2LTI3LTE2LTI0IDAtMzggMTctMzggNDUgMCAyOCAxMyA0NiAzNiA0NiAxOSAwIDMyLTE0IDMyLTM2IDAtMTAtMy0xNC0xMy0xNHogbS0zOCA0MGMzIDggNSAxMCAxMCAxMCA1IDAgOC0yIDgtNiAwLTEgMC0xLTEtM2wtMjAtNTFjLTItOC01LTEwLTEwLTEwLTUgMC03IDItMTAgMTBsLTE5IDUxYzAgMi0yIDMtMiAzIDAgNCAzIDYgOCA2IDUgMCA4LTIgMTAtMTBsOS0yOGMwLTEgMi0xIDMtMSAxIDAgMSAwIDEgMXogbS03OSAyM2MwIDUgMiA4IDkgOCA2IDAgOS0zIDktOGwwLTEwYzAtMyAxLTMgMi0zbDUgMGM1IDAgNy0yIDctOSAwLTUtMy05LTctOWwtNSAwYy0yIDAtMi0xLTItMmwwLTIyYzAtMTAgMi0xNCA5LTE0IDEgMCAyIDAgNyAwIDAgMCAxIDAgMSAwIDMgMCA2LTEgNi01IDAtNy03LTEwLTE3LTEwLTE1IDAtMjMgMTAtMjMgMzAtMSAwLTEgNTQtMSA1NHogbS0yOS03N2MwLTUtMi02LTgtNi03IDAtOSAyLTkgNmwwIDU3YzAgNSAyIDcgNyA3IDUgMCA3LTEgOC01IDAtMSAxLTEgMS0xIDAgMCAxIDAgMSAxIDQgNCA5IDUgMTYgNSA0IDAgNS0yIDUtNiAwLTktMS0xMy02LTEzLTExIDAtMTYtNi0xNi0xOHoiLz4NCjxnbHlwaCBnbHlwaC1uYW1lPSJmYiIgdW5pY29kZT0iJiMxMDQ7IiBkPSJNMzE3IDUxMmMtNzQgMC0xMjItNDktMTIyLTEyNmwwLTU4LTY2IDBjLTYgMC0xMC01LTEwLTExbDAtODRjMC01IDQtMTAgMTAtMTBsNjYgMCAwLTIxM2MwLTUgNS0xMCAxMS0xMGw4NiAwYzYgMCAxMCA1IDEwIDEwbDAgMjEzIDc4IDBjNSAwIDEwIDUgMTAgMTBsMCA4NGMwIDMtMSA2LTMgOC0yIDItNSAzLTcgM2wtNzggMCAwIDQ5YzAgMjQgNiAzNiAzNiAzNmw0NSAwYzYgMCAxMCA1IDEwIDEwbDAgNzhjMCA2LTQgMTEtMTAgMTF6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0iZ3BsdXMiIHVuaWNvZGU9IiYjMTA1OyIgZD0iTTAgMjY1YzIgODYgODEgMTYxIDE2NyAxNTggNDIgMiA4MS0xNiAxMTItNDEtMTMtMTUtMjctMzAtNDItNDQtMzggMjctOTIgMzQtMTMwIDQtNTUtMzgtNTctMTI3LTUtMTY3IDUxLTQ2IDE0Ny0yMyAxNjEgNDctMzIgMS02NCAwLTk1IDEtMSAxOS0xIDM4LTEgNTcgNTQgMCAxMDcgMSAxNjAgMCA0LTQ1LTItOTItMzAtMTI5LTQxLTU5LTEyNS03Ni0xOTAtNTEtNjYgMjUtMTEyIDk0LTEwNyAxNjVtNDY0IDY3YzAtMTYgMC0zMiAwLTQ4IDE2IDAgMzIgMCA0OCAwbDAtNDhjLTE2IDAtMzIgMC00OCAwIDAtMTYgMC0zMiAwLTQ4bC00OCAwYzAgMTYgMCAzMiAwIDQ4LTE2IDAtMzIgMC00OCAwbDAgNDhjMTYgMCAzMiAwIDQ4IDAgMCAxNiAwIDMyIDAgNDh6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0idHdpdHRlciIgdW5pY29kZT0iJiMxMDY7IiBkPSJNNTExIDQwNmMtMTktOC0zMC0xMC01MS0xMyAyMiAxMyAyOSAyOSAzNyA1Mi0yMS0xMS00My0xOS02Ny0yNC0xOSAxOS00NiAzMS03NyAzMS01NyAwLTEwNC00NC0xMDQtOTkgMC04IDEtMTUgMi0yMi04NyA0LTE2NCA0My0yMTUgMTAzLTktMTQtMTUtMzEtMTUtNTAgMC0zNCAxOS02NCA0Ny04Mi0xNyAwLTMzIDUtNDcgMTJsMC0xYzAtNDggMzYtODggODQtOTctOS0yLTE5LTQtMjgtNC03IDAtMTMgMS0yMCAyIDE0LTM5IDUyLTY4IDk4LTY5LTM2LTI2LTgxLTQyLTEzMC00Mi04IDAtMTcgMC0yNSAxIDQ2LTI4IDEwMS00NCAxNjEtNDQgMTkyIDAgMjk4IDE1MSAyOTggMjgyIDAgNCAwIDgtMSAxMyAyMSAxNCAzOSAzMSA1MyA1MXoiLz4NCjxnbHlwaCBnbHlwaC1uYW1lPSJ3aGF0c3VwIiB1bmljb2RlPSImIzEwNzsiIGQ9Ik0yNTYgNTEyYy0xNDEgMC0yNTYtMTE1LTI1Ni0yNTYgMC01MyAxNi0xMDMgNDUtMTQ1IDItMyAzLTcgMi0xMWwtMjctODcgODYgMjljMyAyIDcgMSAxMC0xIDQxLTI2IDg5LTQxIDE0MC00MSAxNDEgMCAyNTYgMTE1IDI1NiAyNTYgMCAxNDEtMTE1IDI1Ni0yNTYgMjU2eiBtLTEwNS0xMTFsNDctNzctMTktMTljLTQtNC02LTExLTItMTYgMjktNTEgNjQtOTEgMTE0LTExMiA1LTIgMTAtMiAxNCAybDIwIDIxIDc2LTQ3Yy05LTE5LTIwLTMwLTMyLTM3LTE0LTctMzItOC01Mi01LTQwIDktODggNDAtMTI4IDgwLTM5IDQxLTY5IDkwLTc4IDEzMC0zIDE5LTIgMzcgNSA1MCA2IDEyIDE3IDIyIDM1IDMweiIvPg0KPGdseXBoIGdseXBoLW5hbWU9InBhdXNlIiB1bmljb2RlPSImIzEwMDsiIGQ9Ik0xMTQgNDkzYy04IDAtMTQtNy0xNC0xNWwwLTQ0NGMwLTggNi0xNSAxNC0xNSA4IDAgMTQgNyAxNCAxNWwwIDQ0NGMwIDgtNiAxNS0xNCAxNXogbTI3MC0xNWwwLTQ0NGMwLTggNi0xNSAxNC0xNSA4IDAgMTQgNyAxNCAxNWwwIDQ0NGMwIDgtNiAxNS0xNCAxNS04IDAtMTQtNy0xNC0xNXoiLz4NCjxnbHlwaCBnbHlwaC1uYW1lPSJwbGF5IiB1bmljb2RlPSImIzEwMTsiIGQ9Ik02OCA1MDljLTYgNC0xMyA0LTE5IDEtNi00LTEwLTEwLTEwLTE3bDAtNDQxYzAtNyA0LTE0IDEwLTE3IDMtMiA2LTIgOS0yIDQgMCA3IDEgMTAgMmwzNjIgMjIxYzYgNCA5IDEwIDkgMTYgMCA3LTMgMTMtOSAxNnogbTktNDI0bDAgMzc0IDMwNy0xODd6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0iZnVsbHNjcmVlbiIgdW5pY29kZT0iJiMxMDI7IiBkPSJNNDg2IDMwN2MtMTQgMC0yNSAxMS0yNSAyNmwwIDE1M2MwIDE1IDExIDI2IDI1IDI2IDE1IDAgMjYtMTEgMjYtMjZsMC0xNTBjMC0xOC0xMS0yOS0yNi0yOXogbTAgMTU0bC0xNTMgMGMtMTUgMC0yNiAxMS0yNiAyNSAwIDE1IDExIDI2IDI2IDI2bDE1MCAwYzE4IDAgMjktMTEgMjktMjYgMC0xNC0xMS0yNS0yNi0yNXogbS00NjAtNDYxYy0xNSAwLTI2IDExLTI2IDI2bDAgMTUzYzAgMTUgMTEgMjYgMjYgMjYgMTQgMCAyNS0xMSAyNS0yNmwwLTE1MGMwLTE4LTExLTI5LTI1LTI5eiBtMTUzIDBsLTE1MyAwYy0xNSAwLTI2IDExLTI2IDI2IDAgMTQgMTEgMjUgMjYgMjVsMTUwIDBjMTQgMCAyNS0xMSAyNS0yNSAwLTE1LTctMjYtMjItMjZ6IG0xMDMgMjU2Yy0xNSAwLTI2IDExLTI2IDI2IDAgNyA0IDE0IDcgMThsMjAxIDIwMWMxMSAxMSAzMCAxMSA0MSAwIDExLTExIDExLTI5IDAtNDBsLTIwMS0xOThjLTgtMy0xNS03LTIyLTd6IG0tMjU2LTI1NmMtMTUgMC0yNiAxMS0yNiAyNiAwIDcgNCAxNCA3IDE4bDIwMSAyMDFjMTEgMTEgMjYgMTEgMzcgMCAxMS0xMSAxMS0yNiAwLTM3bC0yMDEtMjAxYy00LTMtMTEtNy0xOC03eiIvPg0KPGdseXBoIGdseXBoLW5hbWU9ImNhbmNlbC1mdWxsc2NyZWVuIiB1bmljb2RlPSImIzEwODsiIGQ9Ik0yODIgNDYxYzE0IDAgMjUtMTEgMjUtMjZsMC0xNTBjMC0xOC0xMS0yOS0yNS0yOS0xNSAwLTI2IDExLTI2IDI2bDAgMTUzYzAgMTUgMTEgMjYgMjYgMjZ6IG0wLTE1NGwxNTAgMGMxNCAwIDI1LTExIDI1LTI1IDAtMTUtMTEtMjYtMjUtMjZsLTE1MCAwYy0xNSAwLTI2IDExLTI2IDI2IDAgMTQgMTEgMjUgMjYgMjV6IG0yMDQgMjA1YzE1IDAgMjYtMTEgMjYtMjYgMC03LTQtMTQtNy0xOGwtMjAxLTIwNWMtMTEtMTEtMzAtMTEtNDEgMC0xMSAxMS0xMSAzMCAwIDQxbDIwMSAyMDFjOCAzIDE1IDcgMjIgN3ogbS0yNTYtMjU2YzE1IDAgMjYtMTEgMjYtMjZsMC0xNTBjMC0xNC0xMS0yNS0yNi0yNS0xNCAwLTI1IDExLTI1IDI1bDAgMTUwYzAgMTUgMTEgMjYgMjUgMjZ6IG0tMTUzIDBsMTUwIDBjMTggMCAyOS0xMSAyOS0yNiAwLTE0LTExLTI1LTI2LTI1bC0xNTMgMGMtMTUgMC0yNiAxMS0yNiAyNSAwIDE1IDExIDI2IDI2IDI2eiBtMTUzIDBjMTUgMCAyNi0xMSAyNi0yNiAwLTctNC0xNC03LTE4bC0yMDEtMjAxYy0xMS0xMS0yNi0xMS0zNyAwLTExIDExLTExIDI2IDAgMzdsMjAxIDIwMWM0IDMgMTEgNyAxOCA3eiIvPg0KPGdseXBoIGdseXBoLW5hbWU9ImNpcmNsZS1jbG9zZSIgdW5pY29kZT0iJiMxMDk7IiBkPSJNMjU2IDUwOWMtMTM5IDAtMjUzLTExNC0yNTMtMjUzIDAtMTM5IDExNC0yNTMgMjUzLTI1MyAxMzkgMCAyNTMgMTE0IDI1MyAyNTMgMCAxMzktMTE0IDI1My0yNTMgMjUzeiBtMC00OTJjLTEzMiAwLTIzOSAxMDctMjM5IDIzOSAwIDEzMiAxMDcgMjM5IDIzOSAyMzkgMTMyIDAgMjM5LTEwNyAyMzktMjM5IDAtMTMyLTEwNy0yMzktMjM5LTIzOXogbTc4IDMyN2wtNzgtNzgtNzggNzgtMTAtMTAgNzgtNzgtNzgtNzggMTAtMTAgNzggNzggNzgtNzggMTAgMTAtNzggNzggNzggNzh6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0iYXJyb3ctZG93biIgdW5pY29kZT0iJiMxMTA7IiBkPSJNNTEyIDM0NWwtODAgODAtMTc2LTE3Ni0xNzYgMTc2LTgwLTgwIDI1Ni0yNTV6Ii8+DQo8Z2x5cGggZ2x5cGgtbmFtZT0iY2xvc2UiIHVuaWNvZGU9IiYjMTExOyIgZD0iTTUxMiA0NjBsLTUyIDUyLTIwNC0yMDQtMjA0IDIwNC01Mi01MiAyMDQtMjA0LTIwNC0yMDQgNTItNTIgMjA0IDIwNCAyMDQtMjA0IDUyIDUyLTIwNCAyMDR6Ii8+DQo8L2ZvbnQ+PC9kZWZzPjwvc3ZnPg0K#descenso-mina-clandestina) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "descenso-mina-clandestina" !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: "descenso-mina-clandestina" !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:before {
  content: "a";
}

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

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

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

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

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

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

.icon-whatsup:before {
  content: "k";
}

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

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

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

.icon-cancel-fullscreen:before {
  content: "l";
}

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

.icon-arrow-down:before {
  content: "n";
}

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

.fade-wait-leave {
  opacity: 1;
}

.fade-wait-leave.fade-wait-leave-active {
  opacity: 0;
  transition: opacity 400ms 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 400ms ease-in 400ms;
}

html {
  font-size: 16px;
  font-family: 'SpaceGrotesk-Medium';
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
  width: 100%;
}

html.hideOverflow {
  overflow: hidden;
}

html a {
  text-decoration: none;
  color: white;
}

html a:visited {
  text-decoration: none;
}

html a:hover {
  text-decoration: none;
}

html a:focus {
  text-decoration: none;
}

html a:hover, html a:active {
  text-decoration: none;
}

html a:focus, html input:focus, html textarea:focus {
  outline: none;
}

html body {
  background: black;
}

html .verticalText {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

html .blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
  /* FF doesn't support blur filter, but SVG */
  filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
  filter: blur(3px);
}

html .darkenedLayer {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(45, 45, 45, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

html .noLandscape {
  overflow: hidden;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url(/descenso-mina-clandestina/dist/0ba70cb815c3328edaffa5033da262f6.jpg);
  font-family: 'SpaceGrotesk-Bold';
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  background-color: #333;
  display: hidden;
}

html .noLandscape .circleContainer {
  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;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 24rem;
  height: 23rem;
  background-color: #FFF;
  border-radius: 50%;
}

html .noLandscape .circleContainer .landscapeMobile {
  width: 9.5rem;
  height: 5.1rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTc4IiBoZWlnaHQ9Ijk2IiB2aWV3Qm94PSIwIDAgMTc4IDk2Ij48ZGVmcz48cGF0aCBpZD0iZng1ZWEiIGQ9Ik00ODAgMjM3LjM1MWMwLTEwLjE5NSA4LjE4Ni0xOC4zNTEgMTguNDE5LTE4LjM1MWwxMzkuMTYyLjIwNGMxMC4yMzMgMCAxOC40MTkgOC4xNTYgMTguNDE5IDE4LjM1MXY1Ny4wOTRjMCAxMC4xOTUtOC4xODYgMTguMzUxLTE4LjQxOSAxOC4zNTFINDk4LjQyQzQ4OC4xODYgMzEzIDQ4MCAzMDQuODQ0IDQ4MCAyOTQuNjQ5ek02NDAgMjU1djIwYzAgMS4yLjggMiAyIDJzMi0uOCAyLTJ2LTIwYzAtMS4yLS44LTItMi0ycy0yIC44LTIgMnoiLz48L2RlZnM+PGc+PGcgb3BhY2l0eT0iLjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc5IC0yMTgpIj48dXNlIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMjYyMzIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iNTAiIHN0cm9rZS13aWR0aD0iMiIgeGxpbms6aHJlZj0iI2Z4NWVhIi8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 4rem;
  -webkit-animation: spinLandscape linear 5s;
          animation: spinLandscape linear 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

html .noLandscape .circleContainer p {
  width: 90%;
  color: #262321;
  font-weight: 700;
  letter-spacing: -0.34px;
  text-align: center;
  font-size: 1.1rem;
}

html .noLandscape .circleContainer .coalLeft, html .noLandscape .circleContainer .coalRight {
  position: absolute;
  background-size: cover;
  background-position: center center;
}

html .noLandscape .circleContainer .coalLeft {
  top: 2rem;
  left: -9rem;
  width: 15rem;
  height: 19rem;
  background-image: url(/descenso-mina-clandestina/dist/266c0efc8c83d535df4a3d68e9ae1d2b.png);
  -webkit-animation: coalMovement linear 40s;
          animation: coalMovement linear 40s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

html .noLandscape .circleContainer .coalRight {
  bottom: 1rem;
  right: -11rem;
  width: 20rem;
  height: 12rem;
  background-image: url(/descenso-mina-clandestina/dist/76a39bab2b00fe6f0b76ae3b25b33769.png);
  -webkit-animation: coalMovement linear 40s;
          animation: coalMovement linear 40s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media (max-width: 1366px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 375px) {
  html {
    font-size: 13px;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  html .noLandscape {
    opacity: 1;
    z-index: 50;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@-webkit-keyframes spinLandscape {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  80% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes spinLandscape {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  80% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes coalMovement {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10% {
    -webkit-transform: translate(-11px, -10px);
            transform: translate(-11px, -10px);
  }
  21% {
    -webkit-transform: translate(-14px, -16px);
            transform: translate(-14px, -16px);
  }
  30% {
    -webkit-transform: translate(-8px, -19px);
            transform: translate(-8px, -19px);
  }
  40% {
    -webkit-transform: translate(-10px, -32px);
            transform: translate(-10px, -32px);
  }
  50% {
    -webkit-transform: translate(0px, -34px);
            transform: translate(0px, -34px);
  }
  60% {
    -webkit-transform: translate(17px, -17px);
            transform: translate(17px, -17px);
  }
  70% {
    -webkit-transform: translate(9px, 2px);
            transform: translate(9px, 2px);
  }
  81% {
    -webkit-transform: translate(8px, -6px);
            transform: translate(8px, -6px);
  }
  90% {
    -webkit-transform: translate(7px, -12px);
            transform: translate(7px, -12px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes coalMovement {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10% {
    -webkit-transform: translate(-11px, -10px);
            transform: translate(-11px, -10px);
  }
  21% {
    -webkit-transform: translate(-14px, -16px);
            transform: translate(-14px, -16px);
  }
  30% {
    -webkit-transform: translate(-8px, -19px);
            transform: translate(-8px, -19px);
  }
  40% {
    -webkit-transform: translate(-10px, -32px);
            transform: translate(-10px, -32px);
  }
  50% {
    -webkit-transform: translate(0px, -34px);
            transform: translate(0px, -34px);
  }
  60% {
    -webkit-transform: translate(17px, -17px);
            transform: translate(17px, -17px);
  }
  70% {
    -webkit-transform: translate(9px, 2px);
            transform: translate(9px, 2px);
  }
  81% {
    -webkit-transform: translate(8px, -6px);
            transform: translate(8px, -6px);
  }
  90% {
    -webkit-transform: translate(7px, -12px);
            transform: translate(7px, -12px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.home {
  width: 100vw;
  height: 100vh;
}

.home .cover {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.home .cover:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(/descenso-mina-clandestina/dist/7a0df39000258b02b1590e34d5534689.jpg);
  background-size: 100vw 100vh;
  background-position: center center;
  z-index: -1;
}

.home .cover .rope {
  position: absolute;
  width: auto;
  height: 50vh;
  top: 0;
  left: 50vw;
  -webkit-animation: ropeMovement linear 7s;
          animation: ropeMovement linear 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.home .cover .content {
  width: 100%;
  height: 78vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
  width: 100%;
  padding-left: 20vw;
}

.home .cover .content .titleContainer .title {
  width: 55vw;
  height: auto;
  font-size: 8rem;
  font-family: "SpaceGrotesk-Bold";
  line-height: 8rem;
  letter-spacing: -4.34px;
  margin: 1.5rem 0;
}

.home .cover .content .titleContainer .title span:nth-child(1) {
  color: #FFF;
}

.home .cover .content .titleContainer .title span:nth-child(2) {
  color: #eb4949;
}

.home .cover .content .descriptionContainer .description {
  font-family: "SpaceGrotesk-Medium";
  width: 30vw;
  height: auto;
  color: #FFF;
  font-weight: 500;
  line-height: 1.2rem;
  letter-spacing: -0.13px;
  margin-top: 4vh;
}

.home .cover .content .buttonContainer .goToMine {
  cursor: pointer;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  margin-top: 7vh;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 15vw;
  height: auto;
  color: #FFF;
  background-color: #eb4949;
  transition: background-color 0.5s;
  border: 0;
  font-family: "SpaceGrotesk-Medium";
}

.home .cover .content .buttonContainer .goToMine:hover {
  background-color: #1e1e1e;
  transition: background-color 0.5s;
}

.home .cover .content .buttonContainer .goToMine i {
  color: #FFF;
  transition: color 0.5s;
}

.home .textBlock {
  margin-top: 3vh;
}

.home .textBlock.left {
  width: 27vw;
  position: absolute;
  bottom: 20vh;
  left: 10vw;
}

.home .textBlock.central {
  width: 100%;
}

.home .textBlock.right {
  width: 18vw;
  right: 12vw;
  bottom: 10vh;
  position: absolute;
}

.home .waypointsLaunchMedias {
  position: relative;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.home .waypointsLaunchMedias span {
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 25vh;
  height: 25vh;
}

.home .videoContainer.full .r5-wraper {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: calc(100% + 1px);
  padding-top: 0;
  top: -1px;
}

.home .videoContainer.full .r5-wraper video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.home .videoContainer.full .r5-wraper .r5-controls {
  display: none;
}

.home .overlayVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  pointer-events: none;
  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;
}

.home .overlayVideo span i {
  font-size: 2rem;
  color: white;
}

.home .detectIE {
  position: fixed;
  width: 24rem;
  height: auto;
  color: #FFF;
  background-color: #1e1e1e;
  font-family: "SpaceGrotesk-Regular";
  right: 6rem;
  bottom: 0;
  padding: 3rem 2rem 1.5rem;
  z-index: 10;
  line-height: 1.3rem;
  opacity: 1;
}

.home .detectIE.close {
  opacity: 0;
  -webkit-transform: translate(100rem, 0);
          transform: translate(100rem, 0);
  transition: all 1s ease-in;
}

.home .detectIE .closeIcon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  font-family: "SpaceGrotesk-Bold";
  font-size: 1.2rem;
  top: 1rem;
  left: 2rem;
  font-weight: 700;
}

.home .detectIE p {
  opacity: 0.3;
}

@media (max-width: 1800px) {
  .home .cover .content .titleContainer .title {
    font-size: 5.5rem;
    line-height: 5.5rem;
  }
}

@media (max-width: 375px) and (orientation: portrait) {
  .home .cover .content .titleContainer .title {
    margin-top: 5rem;
    font-size: 2.2rem !important;
  }
  .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
  .home .cover .content .descriptionContainer .description {
    font-family: "SpaceGrotesk-Regular";
    width: 100%;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
    letter-spacing: 0.1rem !important;
    margin-top: unset;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .home .cover {
    padding-top: 5vh;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .home .textBlock {
    margin-top: 0;
  }
  .home .cover .content {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 80vh;
  }
  .home .cover .content .titleContainer {
    width: 100%;
    padding-right: 11vw;
    padding-left: 11vw;
  }
  .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    width: 100%;
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .home .cover .content .titleContainer .title {
    width: 100%;
    height: auto;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 0;
  }
  .home .cover .content .descriptionContainer .description {
    font-family: "SpaceGrotesk-Regular";
    width: 100%;
    font-size: 1rem;
    line-height: 1.1rem;
    letter-spacing: 0.2rem;
    margin-top: unset;
  }
  .home .cover .content .buttonContainer .goToMine {
    padding: 5vh 8vw;
    margin-top: 5vh;
    font-size: 1.1rem;
    width: 100%;
  }
  .home .cover .content .textBlock {
    display: none;
  }
  .home .cover .content .textBlock.right {
    top: 0;
    left: 0;
    padding: 0;
    position: relative;
    width: 100%;
    padding: 0 8vw;
    border-top: 0;
  }
  .home .cover .content .textBlock.central {
    width: 100%;
    position: relative;
    padding: 0 8vw;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .home .cover .content .descriptionContainer .description {
    width: 40vw;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 25vw;
  }
  .home .textBlock.right {
    width: 30vw;
  }
}

@-webkit-keyframes ropeMovement {
  0% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}

@keyframes ropeMovement {
  0% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}

/*@include media("<=mediumDesktop") {
  .home{
    .cover{ 
      .content{ 
        .titleContainer{ 
          .title {
            font-size: 7rem;
          }
        }
      }
    }
  }
}*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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(/descenso-mina-clandestina/dist/1e8bc08fc5a36ca4b6abbcd800d6d71f.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 6vw 8vw 0;
}

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: #FFF;
  font-size: 4.5rem;
  font-family: "SpaceGrotesk-Medium";
}

div.about .subtitle {
  width: 100%;
  color: #FFF;
  font-family: "SpaceGrotesk-Bold";
  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: "SpaceGrotesk-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.thanks, div.about .creditsPortada .credit.thanks {
  width: 40%;
}

div.about .creditsLab .credit .job, div.about .creditsPortada .credit .job {
  font-family: "SpaceGrotesk-Medium";
  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 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "SpaceGrotesk-Medium";
  width: 100%;
  color: #FFF;
  letter-spacing: 0.81px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 1.5vw;
}

div.about .creditsLab .credit .name img, div.about .creditsPortada .credit .name img {
  background-color: #FFF;
  margin-right: 1rem;
  width: 3rem;
  height: auto;
}

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 .creditsPortada div:nth-child(1) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}

div.about .creditsPortada div:nth-child(2) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}

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: 3.9s;
          animation-delay: 3.9s;
}

div.about .creditsPortada div:nth-child(5) {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}

div.about .creditsPortada div:nth-child(6) {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}

div.about .aboutFooter {
  width: 100%;
  margin-top: -3vh;
}

div.about .aboutFooter .iconsTitle {
  font-family: "SpaceGrotesk-Medium";
  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;
}

@media (max-width: 768px) and (orientation: portrait) {
  div.about {
    padding: 10vh 8vw 0;
  }
  div.about .title {
    margin-bottom: 5vh;
  }
  div.about .title h1 {
    font-size: 3.7rem;
  }
  div.about .twinContainer {
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-bottom: 3vh;
  }
  div.about .twinContainer .leftContainer, div.about .twinContainer .rightContainer {
    width: 100%;
    margin-bottom: 5vh;
    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.thanks {
    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;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .documentary {
    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: 100vw;
    height: 100vh;
  }
  .documentary .videoContainer.wrapperFull {
    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: 100vw;
    height: 100vh;
  }
}