.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;
  }
}
.preload {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -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.hide {
  opacity: 0;
  pointer-events: none;
  transition: all 3s;
}

.preload .layerLoading1 .text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.preload .layerLoading1 .text .blink {
  -webkit-animation: blink 0.5s infinite;
          animation: blink 0.5s infinite;
}

@-webkit-keyframes blink {
  to {
    opacity: .0;
  }
}

@keyframes blink {
  to {
    opacity: .0;
  }
}

.preload .layerLoading1 .text .flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.preload .layerLoading1 .text .header-sub-title {
  font-family: "Courier";
  font-size: 1.2rem;
  padding: 0.1em;
}

.preload .layerLoading1 .text p {
  color: #5fbcaa;
}

.preload .layerLoading1 .barLoader {
  width: 21rem;
  height: 1.1rem;
  background-color: #5fbcaa;
}

.preload .layerLoading2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  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;
}

.preload .layerLoading2 svg {
  width: 100vw;
  height: 85vh;
  stroke: #5fbcaa;
  opacity: 0.4;
}

.preload .layerLoading3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@-webkit-keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.preload .layerLoading3 svg {
  width: 100%;
  height: 90vh;
  -webkit-animation: rotation 25s infinite linear;
          animation: rotation 25s infinite linear;
}

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

@-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);
  }
}
/*
video{
  &::cue{
    opacity: 0;
    width: 0rem;
  }
}*/
video::cue {
  /*font-size: 150%;*/
  font-family: monospace, sans-sefiff;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.65);
  border: 0;
}

::cue(c.vtt_white) {
  color: #ffffff;
}

::cue(c.vtt_yellow) {
  color: #ffff00;
}

::cue(c.vtt_green) {
  color: lime;
}

::cue(c.vtt_magenta) {
  color: magenta;
}

::cue(c.vtt_cyan) {
  color: #00ffff;
}

::cue(c.vtt_aqua) {
  color: #00ffff;
}

::cue(c.vtt_red) {
  color: #ff0000;
}

::cue(c.vtt_blue) {
  color: #0000ff;
}

::cue(c.white) {
  color: #ffffff;
}

::cue(c.yellow) {
  color: #ffff00;
}

::cue(c.green) {
  color: lime;
}

::cue(c.magenta) {
  color: magenta;
}

::cue(c.cyan) {
  color: #00ffff;
}

::cue(c.aqua) {
  color: #00ffff;
}

::cue(c.red) {
  color: #ff0000;
}

::cue(c.blue) {
  color: #0000ff;
}

/* Other */
::cue(c.vtt_FX) {
  color: blue;
  background-color: #FFFFFFAA;
}

::cue(.background-white) {
  background-color: #FFFFFFCC;
  border: 0;
}

/*
video::-webkit-media-text-track-container {
    opacity: 0;
    width: 0rem;
}

video::-webkit-media-text-track-background {
    opacity: 0;
    width: 0rem;
}

video::-webkit-media-text-track-display {
    opacity: 0;
    width: 0rem;
}*/
.mobileApp .videoContainer .r5-wraper .iconPlay {
  display: none;
}

.fullVideo video::cue {
  opacity: 1;
  width: 90vw;
}

.fullVideo video::-webkit-media-text-track-container {
  opacity: 1;
  width: 90vw;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
}

.fullVideo video::-webkit-media-text-track-background {
  opacity: 1;
  width: 90vw;
  bottom: -2rem;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
}

.fullVideo video::-webkit-media-text-track-display {
  opacity: 1;
  width: 90vw;
  bottom: -2rem;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
}

.videoContainer {
  position: relative;
  width: 90%;
  margin: 5vh 0;
}

.videoContainer .shareVideo {
  right: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background: #ff674d;
  height: 3rem;
  width: 3rem;
}

.videoContainer .shareVideo .shareContainer .shareButton {
  height: 100%;
  position: absolute;
  width: 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;
  color: #fff;
}

.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';
  pointer-events: none;
  /*span[title ="other"]{ color: #0000FF  }
    span[title ="other1"]{ color: #FF80FF  }
    span[title ="other2"]{ color: #804000  }
    span[title ="other3"]{ color: #8080FF  }
    span[title ="other4"] { color: #804040  }*/
}

.videoContainer .customSubtitles span.vtt_cyan {
  color: cyan;
}

.videoContainer .customSubtitles span.vtt_green {
  color: green;
}

.videoContainer .customSubtitles span.vtt_magenta {
  color: magenta;
}

.videoContainer .customSubtitles span.vtt_yellow {
  color: yellow;
}

.videoContainer .customSubtitles.show {
  opacity: 1;
}

.videoContainer .videoExtraActive .customSubtitles, .videoContainer .challengeActive .customSubtitles {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 1;
  position: absolute;
  color: white;
  font-size: 1.7rem;
  padding: 1rem;
  width: calc( 100vw - 2rem);
  left: 0;
  bottom: 6.5rem;
  text-align: center;
  font-family: 'UniversLTStd';
}

.videoContainer .videoExtraActive .customSubtitles.show, .videoContainer .challengeActive .customSubtitles.show {
  opacity: 1;
}

.videoContainer .IIV::-webkit-media-controls-play-button,
.videoContainer .IIV::-webkit-media-controls-start-playback-button {
  opacity: 0;
  pointer-events: none;
  width: 5px;
}

.videoContainer .videoToFront {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8) !important;
  height: 100vh !important;
}

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

.videoContainer .r5-wraper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

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

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

.videoContainer .r5-wraper video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

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

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

.videoContainer .r5-wraper .r5-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .5s ease;
  opacity: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.videoContainer .r5-wraper .r5-overlay button {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.25vw;
  margin-top: -1.25vw;
  font-size: 2vw;
  color: white;
}

.videoContainer .r5-wraper .r5-overlay.toFront {
  opacity: 1;
}

.videoContainer .r5-wraper div.preroll {
  transition: visibility 0.400s, opacity 0.350s linear;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

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

.videoContainer .r5-wraper .iconPlay {
  font-size: 1.2rem !important;
  color: white;
  transition: all 0.3s ease;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.videoContainer .r5-wraper .iconPlay:hover {
  color: #ff674d;
}

.videoContainer .r5-wraper .r5-controls, .videoContainer .r5-wraper .r5-seekbar-wraper {
  cursor: pointer;
  width: 100%;
  height: 0.6rem;
}

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

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

.videoContainer .r5-wraper .r5-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 2rem;
  left: 0;
}

.videoContainer .r5-wraper .custom-pos {
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: middle;
  padding: 0;
  margin: 0 0.75vw;
  transition: all 0.3s;
}

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

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

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

.videoContainer .r5-wraper .r5-timecode {
  display: none;
  font-size: 14px;
  margin: 0 0.75vw;
  position: relative;
  display: inline;
  font-family: 'RobotoLight';
  vertical-align: middle;
}

.videoContainer .r5-wraper .r5-seekbar-wraper {
  display: inline-block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.6rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  transition: height 0.3s ease;
}

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

.videoContainer .r5-wraper .r5-seekbar {
  background-color: #ff674d;
  transition: width 0.1s;
}

.videoContainer .r5-wraper .r5-seekbar-loaded {
  background-color: transparent;
}

.videoContainer .r5-wraper .r5-seekbar, .videoContainer .r5-wraper .r5-seekbar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.videoContainer .r5-wraper .r5-volume {
  display: inline-block;
  display: none;
  position: relative;
}

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

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

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

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

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

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

.videoContainer .r5-wraper .r5-fullscreen {
  margin: 0 0.75vw;
  position: relative;
  display: inline-block;
  opacity: 0.8;
}

.videoContainer .r5-wraper .r5-fullscreen i {
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
}

.videoContainer .r5-wraper .r5-subtitle {
  position: relative;
  display: inline-block;
  opacity: 0.8;
}

.videoContainer .r5-wraper .r5-subtitle i {
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

.videoContainer .r5-wraper .r5-controls .r5-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.75vw;
  height: 0;
  transition: all 0.5s ease;
}

.videoContainer .r5-wraper .r5-controls .r5-panel div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.videoContainer .r5-wraper .r5-controls .r5-controls-wraper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
}

.videoContainer .r5-wraper .r5-controls .r5-controls-wraper span {
  color: #FFF;
  font-family: "SpaceGrotesk-Regular";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.videoContainer div.video:focus {
  outline: none;
}

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

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

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

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

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

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

/* iPads (landscape) ----------- */
@media only screen and (max-device-width: 1024px) {
  .customSubtitles {
    bottom: 5rem;
  }
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 2rem;
  }
  .r5-wraper .custom-pos {
    font-size: 1rem;
  }
  .r5-wraper .r5-fullscreen {
    font-size: 1.8rem;
  }
  .r5-wraper .r5-volume {
    display: none;
  }
}

@media (max-width: 1800px) {
  .videoContainer .customSubtitles {
    font-size: 1.1rem;
  }
}

@media (min-width: 1282px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 1rem;
  }
}

@media (max-width: 1281px) {
  .r5-wraper .r5-controls.r5-controls--overlay {
    bottom: 15px;
  }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles 
  ##Screen = B/w to 767px
*/
@media (max-width: 767px) {
  .r5-wraper .custom-pos {
    font-size: 2rem;
  }
  .r5-wraper .r5-fullscreen {
    font-size: 2rem;
  }
  .r5-wraper .r5-overlay button {
    width: 5vw;
    height: 5vw;
    margin-left: -2.5vw;
    margin-top: -2.5vw;
    font-size: 2rem;
  }
  .r5-wraper .specialCircledPlay {
    font-size: 0.75rem !important;
    min-width: 2.5rem;
    min-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  /*.fullVideo{
    video::-webkit-media-text-track-container {
        bottom: 2rem;
    }
    video::cue {
        bottom: 2rem;
    }
  }*/
}

@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;
  padding: 1vh 0 2vh;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

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

.textBlock .description {
  width: 100%;
  color: #000;
  font-family: "Eina03-SemiBold";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.59px;
  padding: 0rem 10rem;
}

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

@media (max-width: 768px) and (orientation: portrait) {
  .textBlock {
    padding: 0 2rem;
  }
}
.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;
  background: linear-gradient(to left, #61bfad 50%, #ffffff 50%);
}

.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;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjEwMjQiIHZpZXdCb3g9IjAgMCAxNDQwIDEwMjQiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8ZyBzdHJva2U9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzIDEyMikiPgogICAgICA8cGF0aCBkPSJNNDUxLjExIDcyNC41MzRDNDA0LjUxNiA3NjQuODQ0IDM0MC45OCA3ODUgMjYwLjUgNzg1Yy04MC40OCAwLTE0NC4wMTYtMjAuMTU1LTE5MC42MS02MC40NjZDMjMuMjk3IDY4NC4yMjMgMCA2MzAuODI5IDAgNTY0LjM1YzAtMzYuNzc1IDguNDcxLTcxLjk1OCAyNS40MTUtMTA1LjU1IDE2Ljk0My0zMy41OTMgNDEuNjUxLTU5LjkzNiA3NC4xMjYtNzkuMDMtNTQuMzYtMzYuMDY4LTgxLjUzOS05MC4xNy04MS41MzktMTYyLjMwNSAwLTYzLjY0OSAyMS44ODUtMTE1LjgwNSA2NS42NTUtMTU2LjQ3QzEyNy40MjcgMjAuMzMzIDE4Ni4zNzQgMCAyNjAuNSAwYzc0LjEyNiAwIDEzMy40MjcgMjAuNjg2IDE3Ny45MDIgNjIuMDU3IDQ0LjQ3NiA0MS4zNzIgNjYuNzE0IDkzLjg4MiA2Ni43MTQgMTU3LjUzIDAgNzEuNDMtMjcuODg1IDEyNC44MjMtODMuNjU3IDE2MC4xODMgMzIuNDc1IDE5LjgwMiA1Ny4xODMgNDYuMzIyIDc0LjEyNiA3OS41NjFDNTEyLjUzIDQ5Mi41NyA1MjEgNTI3LjU3NiA1MjEgNTY0LjM1MWMwIDY2LjQ3OC0yMy4yOTcgMTE5Ljg3Mi02OS44OSAxNjAuMTgzeiIvPgogICAgICA8cGF0aCBkPSJNMzM3LjUxNSA0ODIuNTU0QzMxOC41MjUgNDY0LjE4NCAyOTIuODUzIDQ1NSAyNjAuNSA0NTVzLTU4LjAyNSA5LjE4NS03Ny4wMTUgMjcuNTU0QzE2NC40OTUgNTAwLjkyNCAxNTUgNTI0LjI0IDE1NSA1NTIuNWMwIDI2Ljg0OCA5LjE0MyA0OS44MSAyNy40MyA2OC44ODZDMjAwLjcxNyA2NDAuNDYyIDIyNi43NCA2NTAgMjYwLjUgNjUwYzMzLjc2IDAgNTkuNzgzLTkuNTM4IDc4LjA3LTI4LjYxNEMzNTYuODU3IDYwMi4zMSAzNjYgNTc5LjM0OCAzNjYgNTUyLjVjMC0yOC4yNjEtOS40OTUtNTEuNTc2LTI4LjQ4NS02OS45NDZ6TTI1OS40NDEgMzE2YzMxLjA1IDAgNTUuNTcyLTguNTA5IDczLjU2Ny0yNS41MjZDMzUxLjAwMyAyNzMuNDU3IDM2MCAyNTEuMTIyIDM2MCAyMjMuNDY4YzAtMjQuMTA4LTguODItNDUuMzgtMjYuNDYzLTYzLjgxNUMzMTUuODk1IDE0MS4yMTggMjkxLjE5NyAxMzIgMjU5LjQ0MSAxMzJjLTMxLjc1NSAwLTU2LjEgOC44NjMtNzMuMDM3IDI2LjU5QzE2OS40NjggMTc2LjMxNiAxNjEgMTk3LjIzMyAxNjEgMjIxLjM0YzAgMjguMzYyIDguODIgNTEuMjMgMjYuNDYzIDY4LjYwMUMyMDUuMTA1IDMwNy4zMTQgMjI5LjA5NyAzMTYgMjU5LjQ0IDMxNnoiLz4KICAgIDwvZz4KICAgIDxyZWN0IHdpZHRoPSIxNTEzIiBoZWlnaHQ9IjI1MCIgeD0iLTM2LjUiIHk9IjEzNi41IiBzdHJva2U9IiMwMDAiLz4KICAgIDxyZWN0IHdpZHRoPSIxNTEzIiBoZWlnaHQ9IjI1MCIgeD0iLTM2LjUiIHk9IjYzOC41IiBzdHJva2U9IiMwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=);
  opacity: 0.1;
}

.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 .containerTitle {
  width: 100%;
  position: absolute;
  top: 7rem;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0;
}

.chapter .containerTitle p {
  color: #ff674d;
  font-family: "Eina04-Bold";
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -3px;
  padding: 0rem 10rem;
  padding-right: 3rem;
  float: left;
}

.chapter .containerTitle span {
  color: #ff674d;
  font-family: "Eina04-Bold";
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -3px;
  padding: 0;
  z-index: 1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
  color: #f0f8ff00;
  float: left;
  width: 50%;
}

.chapter .containerTitle .bar {
  background: #327c6e;
  height: 1.6rem;
  width: 70%;
  position: absolute;
  right: 0;
  top: 3.5rem;
}

.chapter .multimedia {
  width: 100%;
  margin: 0;
  z-index: 2;
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.chapter .multimedia .cover8m {
  position: absolute;
  top: 0;
  left: 0;
  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;
  opacity: 0.3;
}

.chapter .multimedia .textElements {
  width: 45%;
  height: 100%;
  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;
  margin-top: 5rem;
}

.chapter .multimedia .videoElements {
  width: 55%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5rem;
}

.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 .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: 1366px) {
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
  }
  .chapter .containerTitle span {
    width: 71%;
  }
  .chapter .containerTitle p {
    padding: 0rem 3rem;
  }
  .chapter .multimedia .videoElements .videoContainer {
    width: 65%;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 3rem;
  }
}

@media (max-width: 500px) {
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
    height: auto;
  }
  .chapter .containerTitle span {
    width: 76%;
    padding-left: 1rem;
    font-size: 2rem;
  }
  .chapter .containerTitle p {
    font-size: 2rem;
    padding: 0rem 1rem;
  }
  .chapter .containerTitle .bar {
    height: 1rem;
    top: 2rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chapter .multimedia .textElements {
    margin-top: 0rem;
    margin-bottom: 3rem;
    width: 100%;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 1rem;
  }
  .chapter .multimedia .videoElements {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 90%;
  }
  .chapter .multimedia .videoElements .videoContainer {
    width: 95%;
    padding-bottom: 1rem;
  }
}

@media (min-width: 501px) and (max-width: 700px) {
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
    height: auto;
  }
  .chapter .containerTitle span {
    width: 65%;
    padding-left: 3rem;
    font-size: 2.5rem;
  }
  .chapter .containerTitle p {
    font-size: 2.5rem;
    padding: 0rem 2rem;
  }
  .chapter .containerTitle .bar {
    height: 1rem;
    top: 2rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chapter .multimedia .textElements {
    margin-top: 0rem;
    margin-bottom: 3rem;
    width: 100%;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 1rem;
  }
  .chapter .multimedia .videoElements {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
  }
  .chapter .multimedia .videoElements .videoContainer {
    width: 75%;
  }
}

@media (min-width: 701px) and (max-width: 850px) {
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
    height: auto;
  }
  .chapter .containerTitle span {
    width: 50%;
    padding-left: 4rem;
    font-size: 2.5rem;
  }
  .chapter .containerTitle p {
    font-size: 2.5rem;
    padding: 0rem 2rem;
  }
  .chapter .containerTitle .bar {
    height: 1rem;
    top: 2rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
  .chapter .multimedia .textElements {
    margin-top: 0rem;
    margin-bottom: 3rem;
    width: 100%;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 1rem;
  }
  .chapter .multimedia .videoElements {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .chapter .multimedia .videoElements .videoContainer {
    width: 60%;
  }
}

@media (min-width: 851px) and (max-width: 1366px) {
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
    height: auto;
  }
  .chapter .containerTitle span {
    width: 65%;
    font-size: 3.5rem;
  }
  .chapter .containerTitle p {
    font-size: 3.5rem;
    padding: 0rem 1rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chapter .multimedia .textElements {
    margin-top: 0;
    margin-bottom: 2rem;
    width: 85%;
    padding: 0rem 2rem;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 1rem;
  }
  .chapter .multimedia .videoElements {
    width: 70%;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1367px) and (max-width: 1700px) {
  .chapter {
    padding-top: 8rem;
  }
  .chapter .containerTitle {
    position: relative;
    top: 3rem;
  }
  .chapter .containerTitle p {
    padding: 0rem 6rem;
  }
  .chapter .multimedia .videoElements .videoContainer {
    width: 80%;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 6rem;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .chapter {
    height: auto;
    min-height: auto;
    padding-bottom: 2rem;
  }
  .chapter .containerTitle {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 2rem;
  }
  .chapter .containerTitle p {
    padding: 3rem;
  }
  .chapter .containerTitle span {
    width: 70%;
  }
  .chapter .containerTitle .bar {
    top: 8rem;
  }
  .chapter .multimedia {
    height: auto;
  }
  .chapter .multimedia .textElements .textBlock .description {
    padding: 0rem 3rem;
  }
}

@media (min-width: 551px) and (max-width: 768px) and (orientation: portrait) {
  .chapter .containerTitle {
    top: 4rem;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chapter .containerTitle p {
    font-size: 2.9rem;
    letter-spacing: -2px;
    padding: 0.5rem;
  }
  .chapter .containerTitle span {
    margin-left: 5rem;
    font-size: 2.9rem;
    letter-spacing: -2px;
    width: 27rem;
  }
  .chapter .containerTitle .bar {
    height: 0.7rem;
    top: 0rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
  .chapter .multimedia .textElements {
    width: 100%;
    margin-top: 0;
  }
  .chapter .multimedia .textElements .textBlock {
    padding: 0.5rem 1rem;
  }
  .chapter .multimedia .textElements .textBlock .description {
    width: 100%;
    padding: 0;
  }
  .chapter .multimedia .videoElements {
    margin-top: 8rem;
    width: 100%;
  }
}

@media (min-width: 376px) and (max-width: 550px) and (orientation: portrait) {
  .chapter .containerTitle {
    top: 2rem;
  }
  .chapter .containerTitle p {
    font-size: 1.9rem;
    padding: 0.5rem;
    letter-spacing: -1px;
  }
  .chapter .containerTitle span {
    font-size: 1.9rem;
    width: auto;
    letter-spacing: -1px;
    width: 18rem;
    margin-left: 1rem;
  }
  .chapter .containerTitle .bar {
    height: 0.7rem;
    top: 1.5rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
  .chapter .multimedia .textElements {
    width: 100%;
    margin-top: 0;
  }
  .chapter .multimedia .textElements .textBlock {
    padding: 0.5rem 1rem;
  }
  .chapter .multimedia .textElements .textBlock .description {
    width: 100%;
    padding: 0;
  }
  .chapter .multimedia .videoElements {
    margin-top: 4rem;
    width: 100%;
  }
}

@media (min-width: 321px) and (max-width: 375px) and (orientation: portrait) {
  .chapter .containerTitle {
    top: 2rem;
  }
  .chapter .containerTitle p {
    font-size: 1.9rem;
    padding: 0.5rem;
    letter-spacing: -1px;
  }
  .chapter .containerTitle span {
    font-size: 1.9rem;
    width: auto;
    letter-spacing: -1px;
    width: 18rem;
    margin-left: 1rem;
  }
  .chapter .containerTitle .bar {
    height: 0.7rem;
    top: 1.5rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
  .chapter .multimedia .textElements {
    width: 100%;
    margin-top: 0;
  }
  .chapter .multimedia .textElements .textBlock {
    padding: 0.5rem 1rem;
  }
  .chapter .multimedia .textElements .textBlock .description {
    width: 100%;
    padding: 0;
  }
  .chapter .multimedia .videoElements {
    margin-top: 4rem;
    width: 100%;
  }
}

@media (max-width: 320px) and (orientation: portrait) {
  .chapter .containerTitle {
    top: 2rem;
  }
  .chapter .containerTitle p {
    font-size: 1.7rem;
    padding: 0.5rem;
    letter-spacing: -1px;
  }
  .chapter .containerTitle span {
    font-size: 1.7rem;
    width: auto;
    letter-spacing: -1px;
    width: auto;
  }
  .chapter .containerTitle .bar {
    height: 0.7rem;
    top: 1.5rem;
  }
  .chapter .multimedia {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
  .chapter .multimedia .textElements {
    width: 100%;
    margin-top: 0;
  }
  .chapter .multimedia .textElements .textBlock {
    padding: 0.5rem 1rem;
  }
  .chapter .multimedia .textElements .textBlock .description {
    width: 100%;
    padding: 0;
  }
  .chapter .multimedia .videoElements {
    margin-top: 4rem;
    width: 100%;
  }
}
.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: 1700px) and (max-height: 899px) {
  .infographic .innerInfographic .relevantText span {
    font-size: 1.6rem;
  }
}
.sidebar {
  position: fixed;
  right: 0;
  top: 0;
  width: 5rem;
  background-color: #fff;
  height: 100vh;
  z-index: 99;
}

.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: #327c6e;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: -0.1px;
  transition: opacity linear 300ms;
  font-family: "SpaceGrotesk-Medium";
  /*&:before {
		    	position: absolute;
		    	top: -1.5rem;
		    	font-size: 0.95rem;
		    	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: #ff674d;
  transition: height 450ms cubic-bezier(0.39, 0.575, 0.565, 1);
  z-index: -1;
  /*&: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 $alertRed;
		}*/
}

@media (max-width: 768px) and (orientation: portrait) {
  nav.sidebar {
    display: none;
  }
}
@charset "UTF-8";
.mobileApp {
  /*.shareContainer{
		display: none;
	}*/
}

.mobileApp .home.activeChapter .header .headerContainer .containerHead:after {
  width: 125%;
}

.mobileApp .header {
  position: fixed;
}

.mobileApp .header .headerContainer {
  background: #ff674d;
}

.mobileApp .header .headerContainer .containerHead .logoTodos1 {
  display: none;
}

.mobileApp .header .headerContainer .containerHead .logoTodos {
  display: block;
}

.mobileApp .header .headerContainer .menuContainer {
  transition: all 0.4s ease-in;
}

.mobileApp .header .headerContainer .menuContainer.show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: all 0.4s ease-out;
}

.mobileApp .header .headerContainer .menuContainer.show .backLink {
  display: none !important;
}

.mobileApp .header .headerContainer .menuContainer.show .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;
}

.mobileApp .header .headerContainer .menuContainer.show .headerLinksContainer .richLink.mineLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mobileApp .header .headerContainer .hamburgerIcon {
  display: block;
}

.home.activeChapter .header .headerContainer .containerHead:after {
  width: 110%;
}

.home .header .headerContainer .containerHead .logoTodos {
  display: block;
  transition: all 1s;
}

.home .header .headerContainer .containerHead .logoTodos1 {
  display: none;
  transition: all 1s;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 0;
  /** Implementación de RichLink **/
}

.header.phoneHeader {
  background-color: red;
}

.header .headerContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0rem 2rem;
}

.header .headerContainer .containerHead {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.header .headerContainer .containerHead:after {
  background: #ff674d;
  content: '';
  height: 100%;
  width: 0%;
  position: absolute;
  right: 0;
  z-index: -1;
  transition: all 0.5s;
}

.header .headerContainer .containerHead .icon-logolab {
  font-size: 4rem;
}

.header .headerContainer .containerHead .logoTodos {
  display: none;
  width: 7rem;
  margin-right: 4rem;
  transition: all 1s;
}

.header .headerContainer .containerHead .logoTodos img {
  width: 100%;
}

.header .headerContainer .containerHead .logoTodos1 {
  width: 7rem;
  margin-right: 4rem;
  transition: all 1s;
}

.header .headerContainer .containerHead .logoTodos1 img {
  width: 100%;
}

.header .headerContainer .containerHead .header8m {
  margin-left: 4rem;
  background: #ff674d;
  padding: 0.5rem 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .headerContainer .containerHead .header8m .icon-logo {
  font-size: 4rem;
  color: #ffffff;
}

.header .headerContainer .containerHead .header8m p {
  color: #ffffff;
  font-family: "Eina04-Bold";
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 2rem;
  margin-right: 0;
  width: 10rem;
}

.header .headerContainer .headerSpace {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header .headerContainer .cornerRig {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0rem 4rem;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.header .headerContainer .cornerRig .shareContainer {
  background: none;
  background: none;
  border: 0;
  border: 2px solid #ffffff;
  padding: 0.5rem 1rem;
  position: relative;
  cursor: pointer;
}

.header .headerContainer .cornerRig .shareContainer .networksContainer {
  width: 100%;
  bottom: -8.5rem;
}

.header .headerContainer .cornerRig .shareContainer p {
  color: white;
  font-family: "Eina03-SemiBold";
}

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

.header .headerContainer .cornerRig .containerSection .headerLinksContainer .richLink.projectLink {
  border: 2px solid #ffffff;
  padding: 0.5rem 1rem;
}

.header .headerContainer .cornerRig .containerSection .headerLinksContainer .richLink .button {
  font-size: 1rem;
  color: white;
  padding: 0;
  margin: 0;
  font-family: "Eina03-SemiBold";
}

.header .headerContainer .menuContainer {
  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);
  position: absolute;
  left: 0;
  top: 0;
}

.header .headerContainer .hamburgerIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0M3B4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCA0MyAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbDojRUM0NDNEO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS4yLDNjLTAuNiwwLTEtMC40LTEtMXMwLjQtMSwxLTFoMzAuNGMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMUgxLjJ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEwLjgsMTIuNmMtMC42LDAtMS0wLjQtMS0xczAuNC0xLDEtMWgzMC40YzAuNiwwLDEsMC40LDEsMXMtMC40LDEtMSwxSDEwLjhMMTAuOCwxMi42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjIsMjMuNWMtMC42LDAtMS0wLjQtMS0xczAuNC0xLDEtMWgzMC40YzAuNiwwLDEsMC40LDEsMXMtMC40LDEtMSwxSDEuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
  background-size: cover;
  background-position: center center;
  width: 2.2rem;
  height: 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  transition: opacity 0.3s linear;
  margin-right: 2rem;
  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;
  position: absolute;
  right: 0;
  top: 1.8rem;
  height: 100%;
}

.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: 550px) {
  .mobileApp .header .headerContainer .containerHead .header8m {
    display: none;
  }
}

@media (min-width: 851px) and (max-width: 1024px) {
  .header .headerContainer .headerSpace {
    display: none;
  }
  .header .headerContainer .icon-share {
    font-size: 1.8rem;
  }
  .header .headerContainer .containerHead .header8m {
    margin-left: 2rem;
    padding: 0.5rem 1rem;
  }
  .header .headerContainer .containerHead .header8m p {
    margin: 1rem;
    margin-right: 0;
  }
  .header .headerContainer .containerHead .logoTodos {
    margin-right: 2rem;
  }
  .header .headerContainer .containerHead .logoTodos1 {
    margin-right: 2rem;
  }
  .header .headerContainer .cornerRig {
    padding: 0rem 0rem;
    margin-right: 3rem;
    margin-left: 1rem;
  }
}

@media (max-width: 850px) {
  .header .headerContainer {
    padding: 0rem 1rem;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header .headerContainer .headerSpace {
    display: none;
  }
  .header .headerContainer .hamburgerIcon {
    display: block;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .hamburgerIcon.hide {
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .header .headerContainer .icon-share {
    font-size: 1.5rem;
  }
  .header .headerContainer .containerHead .icon-logolab {
    font-size: 3rem;
  }
  .header .headerContainer .containerHead .header8m {
    margin-left: 1.5rem;
    padding: 0.5rem 0.5rem;
  }
  .header .headerContainer .containerHead .header8m p {
    margin: 0.5rem;
    margin-right: 0;
  }
  .header .headerContainer .containerHead .logoTodos {
    margin-right: 1rem;
    width: 6rem;
  }
  .header .headerContainer .containerHead .logoTodos1 {
    margin-right: 1rem;
    width: 6rem;
  }
  .header .headerContainer .cornerRig {
    padding: 0;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .header .headerContainer .cornerRig {
    padding-left: 2rem;
  }
  .header .headerContainer .cornerRig .containerSection .headerLinksContainer .richLink.projectLink {
    padding: 0.5rem 0.5rem;
  }
}

@media (min-width: 851px) and (max-width: 1024px) and (orientation: landscape) {
  .header .headerContainer .cornerRig .shareContainer .networksContainer {
    bottom: -6.5rem;
  }
}

@media (max-width: 850px) and (orientation: landscape) {
  .header .headerContainer .cornerRig .shareContainer .networksContainer {
    bottom: -5.5rem;
  }
}

@media (max-width: 768px) {
  .header {
    position: absolute;
  }
  .header .headerContainer .containerSection {
    display: none;
  }
  .header .headerContainer .containerSection .headerLinksContainer {
    right: 2vw;
    top: 2vh;
  }
  .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) {
  .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;
  }
}

@media (max-width: 550px) and (orientation: portrait) {
  .header .headerContainer .containerHead .header8m {
    display: none;
  }
  .header .headerContainer .containerHead:after {
    content: none;
  }
}

@media (min-width: 1025px) and (max-width: 1450px) and (orientation: landscape) {
  .mobileApp .header .headerContainer .menuContainer.show .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;
  }
}
.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: 1700px) 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);
}
.mobileApp .shareContainer {
  display: block;
  background: none;
  border: 0 !important;
  padding: 0.5rem 1rem;
  position: relative;
  cursor: pointer;
  color: #fff;
}

.mobileApp .shareContainer p {
  display: none;
}

.mobileApp .shareContainer .icon-share {
  display: block;
  font-size: 1.5rem;
}

.videoContainer .shareVideo .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;
}

.videoContainer .shareVideo .shareContainer .icon-share {
  display: block;
}

.shareContainer {
  cursor: pointer;
  color: white;
}

.shareContainer .icon-share {
  display: none;
}

.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;
  pointer-events: none;
}

.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;
  pointer-events: none;
}

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

.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 (min-width: 769px) and (max-width: 1366px) and (orientation: portrait) {
  .videoContainer .shareVideo .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;
  }
  .videoContainer .shareVideo .shareContainer i {
    font-size: 1.5rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer {
    bottom: -10rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer .socialNetwork {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .shareContainer .networksContainer {
    font-size: 1.5rem;
  }
  .videoContainer .shareVideo .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;
  }
  .videoContainer .shareVideo .shareContainer i {
    font-size: 1rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer {
    bottom: -6rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer .socialNetwork {
    margin-bottom: 1rem;
  }
  .shareContainer .shareButton:hover {
    opacity: 1;
  }
}

@media (max-width: 850px) {
  .videoContainer .shareVideo .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;
  }
  .videoContainer .shareVideo .shareContainer i {
    font-size: 1rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer {
    bottom: -6rem;
  }
  .videoContainer .shareVideo .shareContainer .networksContainer .socialNetwork {
    margin-bottom: 1rem;
  }
}
.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(/8-razones-8-marzo/dist/61cda6515f09f617bbe85105856b72f3.eot?#iefix) format("embedded-opentype"), url(/8-razones-8-marzo/dist/e1575d8bd3f31c8fc01d679d043ea190.woff) format("woff"), url(/8-razones-8-marzo/dist/e84a734cc857e965573431267e33d393.ttf) format("truetype"), url(/8-razones-8-marzo/dist/8c523eca18cd4848ddba5883d198d87b.svg#SpaceGrotesk-Bold) format("svg");
  font-weight: normal;
  font-style: normal;
}

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

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

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

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

@font-face {
  font-family: 'Eina04-Bold';
  src: url(/8-razones-8-marzo/dist/8db9a7bc0cb01b42c95f4e2e410f91f5.eot?#iefix) format("embedded-opentype"), url(/8-razones-8-marzo/dist/9022a62c0dac3b3428f4237eb9fd374e.woff) format("woff"), url(/8-razones-8-marzo/dist/d5b182f86d7888d6fde698f8752b956c.ttf) format("truetype"), url(/8-razones-8-marzo/dist/1e56fc5ddccd8760a0c6362919c9f79d.svg#Eina04-Bold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Eina03-SemiBold';
  src: url(/8-razones-8-marzo/dist/2070340dcfeee6e9bd7ea4a1eeefd700.eot?#iefix) format("embedded-opentype"), url(/8-razones-8-marzo/dist/90ecca7a47f553f68858b3dc03e24b39.woff) format("woff"), url(/8-razones-8-marzo/dist/cf78352f3c06e0d73bf424f1e8c4338f.ttf) format("truetype"), url(/8-razones-8-marzo/dist/8df6662ac24ade6ad18effa7e206bce7.svg#Eina03-SemiBold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "8m";
  src: url(/8-razones-8-marzo/dist/68d60009b2bee2777b869640de1684c3.eot);
  src: url(/8-razones-8-marzo/dist/68d60009b2bee2777b869640de1684c3.eot?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,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) format("woff"), url(/8-razones-8-marzo/dist/c78ba397f99d7d39429c6915e77ddc51.ttf) format("truetype"), url(/8-razones-8-marzo/dist/9d2fa2fa922036b8963f6ef798b2ce94.svg#8m) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "8m" !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: "8m" !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-logo:before {
  content: "b";
}

.icon-logo-8m:before {
  content: "c";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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(/8-razones-8-marzo/dist/5be9939d24c5630877a3635020caba58.png);
  background-size: 100vw 100vh;
  background-position: center center;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
}

.home .cover:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(/8-razones-8-marzo/dist/2c52bd6a1e786a8f49af4246e9d36e49.jpg);
  background-size: 100vw 100vh;
  background-position: center center;
  z-index: -1;
  background-repeat: no-repeat;
  background-color: #478e80;
}

.home .cover .cover8m {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.3;
}

.home .cover .cover8m svg {
  width: 100%;
  height: 100%;
  stroke: #fff;
  stroke-width: 0px;
  fill: #fff;
}

.home .cover .content {
  width: 100%;
  height: 69vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

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

.home .cover .content .titleContainer .title span:nth-child(1):before {
  content: '';
  width: 43.5rem;
  height: 12rem;
  background: #ff674d;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  opacity: 0.7;
}

.home .cover .content .titleContainer .title span:nth-child(2) {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: #f0f8ff00;
}

.home .cover .content .descriptionContainer .description {
  font-family: "Eina03-SemiBold";
  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: #ff674d;
  transition: background-color 0.5s;
  border: 0;
  font-family: "Eina04-Bold";
}

.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 .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 (min-width: 1441px) and (max-width: 1700px) {
  .home .cover:after {
    background-size: 120%;
    background-position: center;
  }
  .home .cover:before {
    background-size: 120%;
    background-position: center;
  }
  .home .cover .content {
    height: 70vh;
  }
  .home .cover .content .titleContainer .title {
    width: 50vw;
    height: auto;
    font-size: 7rem;
    font-family: "Eina04-Bold";
    line-height: 8rem;
    letter-spacing: -4.34px;
    margin: 0rem 0;
  }
  .home .cover .content .buttonContainer .goToMine {
    margin-top: 4vh;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 8rem;
    width: 29.2rem;
  }
  .home .cover .content .descriptionContainer .description {
    width: 44vw;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .home .cover:after {
    background-size: 135%;
    background-position: center;
  }
  .home .cover:before {
    background-size: 135%;
    background-position: center;
  }
  .home .cover .content {
    height: 76vh;
  }
  .home .cover .content .buttonContainer .goToMine {
    margin-top: 0;
    padding: 1rem;
  }
  .home .cover .content .titleContainer .title {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin-top: 3rem;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 8rem;
    width: 29.2rem;
  }
  .home .cover .content .descriptionContainer .description {
    width: 36vw;
  }
}

@media (max-width: 1024px) {
  .home .cover:after {
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .home .cover:before {
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #47897d;
  }
  .home .cover .content {
    height: 78vh;
  }
  .home .cover .content .buttonContainer .goToMine {
    margin-top: 1rem;
    padding: 1.5rem;
  }
  .home .cover .content .titleContainer .title {
    font-size: 4.5rem;
    line-height: 4rem;
    margin-top: 4rem;
    width: 50vw;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 6rem;
    width: 23.5rem;
  }
  .home .cover .content .descriptionContainer .description {
    width: 50vw;
    font-size: 0.9rem;
    margin-top: 1rem;
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .home .cover:before {
    background-size: 200%;
  }
  .home .cover:after {
    background-size: 200%;
  }
  .home .cover .content {
    height: 90vh;
  }
  .home .cover .content .descriptionContainer .description {
    width: 40vw;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding: 0.5rem 0rem;
    padding-left: 10vw;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 25vw;
  }
}

@media (min-width: 551px) and (max-width: 768px) and (orientation: portrait) {
  .home .cover:before {
    background-size: 200%;
  }
  .home .cover:after {
    background-size: 200%;
  }
  .home .cover .content {
    height: 80vh;
  }
  .home .cover .content .titleContainer .title {
    width: 75vw;
  }
  .home .cover .content .descriptionContainer .description {
    width: 70vw;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding: 0.5rem 0rem;
    padding-left: 10vw;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 25vw;
  }
}

@media (min-width: 376px) and (max-width: 550px) and (orientation: portrait) {
  .home .cover:before {
    background-size: 290%;
  }
  .home .cover:after {
    content: none;
  }
  .home .cover .content {
    height: 80vh;
    margin: 1rem;
  }
  .home .cover .content .titleContainer .title {
    width: 100%;
  }
  .home .cover .content .descriptionContainer .description {
    width: 100%;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding: 0rem;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 100%;
  }
}

@media (min-width: 321px) and (max-width: 375px) and (orientation: portrait) {
  .home .cover:before {
    background-size: 320%;
  }
  .home .cover:after {
    content: none;
  }
  .home .cover .content {
    height: 100vh;
    margin: 1rem;
  }
  .home .cover .content .titleContainer .title {
    width: 100%;
    font-size: 3.5rem;
    line-height: 3rem;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 5rem;
    width: 17.8rem;
  }
  .home .cover .content .descriptionContainer .description {
    width: 100%;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding: 0rem;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 100%;
    padding: 1rem;
  }
}

@media (max-width: 320px) and (orientation: portrait) {
  .home .cover:before {
    background-size: 320%;
  }
  .home .cover:after {
    content: none;
  }
  .home .cover .content {
    height: 100vh;
    margin: 1rem;
  }
  .home .cover .content .titleContainer .title {
    width: 100%;
    font-size: 3.5rem;
    line-height: 3rem;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 5rem;
    width: 17.8rem;
  }
  .home .cover .content .descriptionContainer .description {
    width: 100%;
    font-size: 0.8rem;
    margin-top: 0.5rem;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding: 0rem;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 100%;
    padding: 1rem;
    margin-top: 0.5rem;
  }
}

@media (min-width: 631px) and (max-width: 850px) and (orientation: landscape) {
  .home .cover:after {
    content: none;
  }
  .home .cover .content {
    height: 100vh;
  }
  .home .cover .content .descriptionContainer .description {
    width: 95%;
  }
  .home .cover .content .titleContainer .title {
    font-size: 3.5rem;
    line-height: 3rem;
    margin-top: 4rem;
    width: 50%;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 5rem;
    width: 17.8rem;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 17.8rem;
    margin-top: 0.5rem;
    padding: 1rem;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding-left: 5rem;
  }
}

@media (max-width: 630px) and (orientation: landscape) {
  .home .cover:after {
    content: none;
  }
  .home .cover .content {
    height: 100vh;
  }
  .home .cover .content .descriptionContainer .description {
    width: 100%;
    padding-right: 1rem;
    font-size: 0.8rem;
    margin-top: 0.5rem;
  }
  .home .cover .content .titleContainer .title {
    font-size: 3rem;
    line-height: 2.7rem;
    margin-top: 3rem;
    width: 20rem;
  }
  .home .cover .content .titleContainer .title span:nth-child(1):before {
    height: 4rem;
    width: 17.8rem;
  }
  .home .cover .content .buttonContainer .goToMine {
    width: 17.8rem;
    margin-top: 0;
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  .home .cover .content .titleContainer, .home .cover .content .descriptionContainer, .home .cover .content .buttonContainer {
    padding-left: 1rem;
  }
}

@-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);
  }
}
* {
  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(/8-razones-8-marzo/dist/89501f9dfeef9f96f4126a7432b60896.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 6vw 8vw 0;
}

div.about .aboutVideo .videoContainer {
  position: relative;
  width: 65%;
  margin: 5rem 17.5%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

div.about.launchAnimation .twinContainer .leftContainer,
div.about.launchAnimation .twinContainer .rightContainer {
  -webkit-animation-name: elementAppear;
          animation-name: elementAppear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

div.about.launchAnimation .creditsLab .credit, div.about.launchAnimation .creditsPortada .credit {
  -webkit-animation-name: elementAppear;
          animation-name: elementAppear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

div.about .title, div.about .twinContainer, div.about .creditsLab, div.about .creditsPortada, div.about .subtitle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  height: auto;
  margin-bottom: 7vh;
}

div.about .title h1,
div.about .title h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  color: #ff674d00;
  font-size: 4.5rem;
  font-family: "Eina04-Bold";
  font-weight: 700;
  letter-spacing: -3px;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ff674d;
}

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

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

div.about .creditsLab div:nth-child(3) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

div.about .creditsLab div:nth-child(4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

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

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

div.about .creditsLab div:nth-child(7) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}

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

div.about .creditsLab div:nth-child(9) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

div.about .creditsLab div:nth-child(10) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
}

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

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

div.about .creditsLab div:nth-child(13) {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
}

div.about .creditsLab div:nth-child(14) {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

div.about .creditsLab div:nth-child(15) {
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
}

div.about .creditsLab div:nth-child(16) {
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}

div.about .creditsLab div:nth-child(17) {
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}

div.about .creditsLab div:nth-child(18) {
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}

div.about .creditsLab div:nth-child(19) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

div.about .creditsLab div:nth-child(20) {
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}

div.about .creditsLab div:nth-child(21) {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}

div.about .creditsLab div:nth-child(22) {
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: 550px) and (orientation: portrait) {
  div.about .aboutVideo {
    margin-top: 6rem;
  }
  div.about .aboutVideo .videoContainer {
    position: relative;
    width: 100%;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media (max-width: 850px) {
  div.about .title {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  div.about .title h1 {
    margin-bottom: 0;
    font-size: 3rem;
  }
  div.about .title h2 {
    font-size: 3rem;
  }
  div.about .twinContainer {
    margin-bottom: 3vh;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div.about .twinContainer .leftContainer, div.about .twinContainer .rightContainer {
    width: 100%;
    margin-bottom: 1rem;
    padding-right: 0;
  }
  div.about .creditsLab {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  div.about .creditsLab .credit {
    width: 100%;
  }
  div.about .creditsLab .credit .name {
    padding-left: 8.5vw;
  }
  div.about .creditsPortada {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  div.about .creditsPortada .credit {
    width: 100%;
  }
  div.about .creditsPortada .credit .name {
    padding-left: 8.5vw;
  }
  div.about .aboutFooter .iconsContainer {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

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

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

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvY29udGFpbmVycy9Eb2N1bWVudGFyeS9kb2N1bWVudGFyeS5zY3NzIn0= */