@font-face {
  font-family: 'CenturyGothic-italic';
  src: url("../fonts/Century-Gothic-Regular-Italic.TTF") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-regular';
  src: url("../fonts/Century-Gothic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic';
  src: url("../fonts/Century-Gothic-Bold.TTF") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Regular-Italic.TTF") format("truetype");
  font-style: italic; }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Bold.TTF") format("truetype");
  font-weight: bold; }
@font-face {
  font-family: 'Nova-Regular';
  src: url("../fonts/Proxima-Nova-Font.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Semibold';
  src: url("../fonts/Proxima-Nova-Semibold.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Bold';
  src: url("../fonts/Proxima-Nova-Bold.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Extrabold';
  src: url("../fonts/Proxima-Nova-Extrabold.otf") format("truetype"); }
@font-face {
  font-family: 'xennial-icon-font';
  src: url("./../fonts/icons/icomoon.eot?1a17q5");
  src: url("./../fonts/icons/icomoon.eot?1a17q5#iefix") format("embedded-opentype"), url("./../fonts/icons/icomoon.ttf?1a17q5") format("truetype"), url("./../fonts/icons/icomoon.woff?1a17q5") format("woff"), url("./../fonts/icons/icomoon.svg?1a17q5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xennial-icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow:before {
  content: "\e900"; }

.icon-close:before {
  content: "\e901"; }

.icon-creative:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e904"; }

.icon-instagram:before {
  content: "\e905"; }

.icon-linkedin:before {
  content: "\e906"; }

.icon-twitter:before {
  content: "\e90c"; }

.icon-mobile:before {
  content: "\e907"; }

.icon-near-shore:before {
  content: "\e908"; }

.icon-play:before {
  content: "\e909"; }

.icon-strategy:before {
  content: "\e90a"; }

.icon-vr:before {
  content: "\e90b"; }

.icon-xennial:before {
  content: "\e90d"; }

/* -- Fonts -- */
/* -- Colors -- */
/* -- Media Querys -- */
@font-face {
  font-family: 'CenturyGothic-italic';
  src: url("../fonts/Century-Gothic-Regular-Italic.TTF") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-regular';
  src: url("../fonts/Century-Gothic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic';
  src: url("../fonts/Century-Gothic-Bold.TTF") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Regular-Italic.TTF") format("truetype");
  font-style: italic; }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'CenturyGothic-All';
  src: url("../fonts/Century-Gothic-Bold.TTF") format("truetype");
  font-weight: bold; }
@font-face {
  font-family: 'Nova-Regular';
  src: url("../fonts/Proxima-Nova-Font.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Semibold';
  src: url("../fonts/Proxima-Nova-Semibold.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Bold';
  src: url("../fonts/Proxima-Nova-Bold.otf") format("truetype"); }
@font-face {
  font-family: 'Nova-Extrabold';
  src: url("../fonts/Proxima-Nova-Extrabold.otf") format("truetype"); }
@font-face {
  font-family: 'xennial-icon-font';
  src: url("./../fonts/icons/icomoon.eot?1a17q5");
  src: url("./../fonts/icons/icomoon.eot?1a17q5#iefix") format("embedded-opentype"), url("./../fonts/icons/icomoon.ttf?1a17q5") format("truetype"), url("./../fonts/icons/icomoon.woff?1a17q5") format("woff"), url("./../fonts/icons/icomoon.svg?1a17q5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xennial-icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow:before {
  content: "\e900"; }

.icon-close:before {
  content: "\e901"; }

.icon-creative:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e904"; }

.icon-instagram:before {
  content: "\e905"; }

.icon-linkedin:before {
  content: "\e906"; }

.icon-twitter:before {
  content: "\e90c"; }

.icon-mobile:before {
  content: "\e907"; }

.icon-near-shore:before {
  content: "\e908"; }

.icon-play:before {
  content: "\e909"; }

.icon-strategy:before {
  content: "\e90a"; }

.icon-vr:before {
  content: "\e90b"; }

.icon-xennial:before {
  content: "\e90d"; }

/* -- Fonts -- */
/* -- Colors -- */
/* -- Media Querys -- */
/* -- Colors -- */
html {
  font-size: 10px;
  width: 100%;
  position: relative;
  transition: all .5s; }
  @media (max-width: 551px) {
    html {
      font-size: 55%; } }
  @media (max-width: 480px) {
    html {
      font-size: 52%; } }

body {
  margin: 0;
  padding: 0; }

.modal-backdrop {
  background-color: transparent; }

#ModalAbout {
  text-align: center;
  z-index: 9999; }
  #ModalAbout:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #ModalAbout .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15rem;
    text-align: left;
    width: 100%;
    max-width: 600px; }
    #ModalAbout .modal-dialog .modal-content {
      border: none;
      border-radius: 1.25rem; }
    #ModalAbout .modal-dialog .modal-header {
      border: none;
      padding: 0;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      right: 0;
      top: -5.1%;
      margin: 0 auto; }
      #ModalAbout .modal-dialog .modal-header .close {
        padding: 1.5rem;
        opacity: 1;
        z-index: 9;
        background: #00aeef;
        margin: 0;
        cursor: pointer;
        transform: rotate(45deg);
        transition: all .5s; }
        #ModalAbout .modal-dialog .modal-header .close img {
          transform: rotate(-45deg);
          transition: all .5s; }
        #ModalAbout .modal-dialog .modal-header .close:hover {
          transform: rotate(0deg); }
          #ModalAbout .modal-dialog .modal-header .close:hover img {
            transform: rotate(0deg); }
        #ModalAbout .modal-dialog .modal-header .close:focus {
          outline: none; }
    #ModalAbout .modal-dialog .modal-body .description {
      width: 85%;
      margin: 0 auto;
      padding: 8rem 0 4rem; }
      #ModalAbout .modal-dialog .modal-body .description p {
        padding-bottom: 1.8rem;
        font-family: "CenturyGothic-regular";
        font-size: 1.8rem;
        color: #333; }
        #ModalAbout .modal-dialog .modal-body .description p strong {
          color: #111; }
  @media (max-width: 650px) {
    #ModalAbout .modal-dialog {
      width: 90%;
      margin: 0 auto;
      top: 20%;
      position: absolute;
      left: 0;
      right: 0;
      padding-bottom: 0; }
      #ModalAbout .modal-dialog .modal-body .description {
        width: 90%;
        padding: 6rem 0 1rem; }
        #ModalAbout .modal-dialog .modal-body .description p {
          padding-bottom: 1.4rem; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    #ModalAbout .modal-dialog {
      max-width: 500px; }
      #ModalAbout .modal-dialog .modal-body .description {
        padding: 5rem 0 2rem; }
        #ModalAbout .modal-dialog .modal-body .description p {
          font-size: 1.6rem;
          padding-bottom: 1.5rem; } }
  @media (min-width: 1024px) {
    #ModalAbout .modal-dialog {
      max-width: 400px;
      padding-bottom: 12rem; }
      #ModalAbout .modal-dialog .modal-header .close {
        padding: 1rem; }
        #ModalAbout .modal-dialog .modal-header .close img {
          width: 2rem; }
      #ModalAbout .modal-dialog .modal-body .description {
        padding: 5rem 0 0rem;
        width: 80%; }
        #ModalAbout .modal-dialog .modal-body .description p {
          font-size: 1.2rem;
          padding-bottom: 1rem; } }
  @media (min-width: 1300px) {
    #ModalAbout .modal-dialog {
      max-width: 460px; }
      #ModalAbout .modal-dialog .modal-header .close {
        padding: 1.2rem; }
        #ModalAbout .modal-dialog .modal-header .close img {
          width: 2.3rem; }
      #ModalAbout .modal-dialog .modal-body .description {
        padding: 5rem 0 0rem; }
        #ModalAbout .modal-dialog .modal-body .description p {
          font-size: 1.4rem;
          padding-bottom: 1.1rem; } }
  @media (min-width: 1500px) {
    #ModalAbout .modal-dialog {
      max-width: 500px;
      padding-bottom: 15rem; }
      #ModalAbout .modal-dialog .modal-header .close {
        padding: 1.3rem; }
        #ModalAbout .modal-dialog .modal-header .close img {
          width: initial; }
      #ModalAbout .modal-dialog .modal-body .description {
        padding: 6rem 0 2rem;
        width: 85%; }
        #ModalAbout .modal-dialog .modal-body .description p {
          font-size: 1.6rem;
          padding-bottom: 1.3rem; } }
  @media (min-width: 1800px) {
    #ModalAbout .modal-dialog {
      max-width: 600px;
      padding-bottom: 0; }
      #ModalAbout .modal-dialog .modal-header .close {
        padding: 1.5rem; }
      #ModalAbout .modal-dialog .modal-body .description {
        padding: 8rem 0 4rem; }
        #ModalAbout .modal-dialog .modal-body .description p {
          font-size: 1.8rem;
          padding-bottom: 1.7rem; } }

.header-underlay {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  height: 15vh;
  width: 100%;
  background: linear-gradient(180deg, #001d2f 0%, rgba(0, 29, 47, 0.7) 20%, rgba(0, 29, 47, 0.6) 30%, rgba(0, 29, 47, 0.3) 60%, rgba(0, 133, 217, 0) 90%, rgba(0, 133, 217, 0) 100%, rgba(25, 86, 123, 0) 100%); }
  @media (min-width: 568px) {
    .header-underlay {
      height: 80px;
      background: linear-gradient(180deg, rgba(0, 29, 47, 0.9) 0%, rgba(0, 29, 47, 0.8) 10%, rgba(0, 29, 47, 0.7) 20%, rgba(0, 29, 47, 0.6) 30%, rgba(0, 29, 47, 0.5) 40%, rgba(0, 29, 47, 0.4) 50%, rgba(0, 29, 47, 0.3) 60%, rgba(0, 29, 47, 0.2) 70%, rgba(0, 29, 47, 0.1) 80%, rgba(0, 133, 217, 0) 90%, rgba(0, 133, 217, 0) 100%, rgba(25, 86, 123, 0) 100%); } }

@media (max-width: 568px) {
  .header-underlay.short {
    height: 100px; } }
.header-v2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all .5s;
  width: 100%;
  z-index: 2; }
  .header-v2__logo {
    display: none;
    justify-content: center;
    order: 2;
    padding-top: 8rem; }
    .header-v2__logo--img {
      margin: 0; }
      .header-v2__logo--img img {
        width: 16.2rem;
        transition: all .5s; }
  .header-v2__logo.hidden {
    display: none; }
  .header-v2__media {
    order: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .header-v2__media--about {
      font: 1.8rem "Nova-Bold";
      padding: 1.5em; }
      .header-v2__media--about span.current {
        color: #00aeef;
        text-decoration: underline; }
      .header-v2__media--about div.dot {
        background-color: #5a7586;
        font-size: 1em;
        margin-bottom: 3px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        margin-bottom: 0.3em;
        display: inline-block;
        margin-left: 0.6em; }
      .header-v2__media--about a {
        color: #ffffff;
        text-decoration: none;
        transition: all .5s; }
        .header-v2__media--about a:hover {
          text-decoration: none;
          color: #ffffff; }
        .header-v2__media--about a:focus {
          outline: none; }
        .header-v2__media--about a.blog:hover, .header-v2__media--about a[data-toggle="modal"]:hover {
          color: #00aeef; }
      .header-v2__media--about a > span, .header-v2__media--about .eng {
        padding-left: .6em; }
      .header-v2__media--about .esp {
        padding-left: .8em; }
  @media (min-width: 568px) {
    .header-v2 {
      align-items: center;
      flex-direction: row;
      padding: 1em 2em; }
      .header-v2__logo {
        display: flex;
        order: 1;
        padding-top: 0; }
        .header-v2__logo--img img {
          width: 60px; }
      .header-v2__logo.hidden {
        display: initial; }
      .header-v2__media {
        order: 2; }
        .header-v2__media--about {
          padding: 0;
          font-size: 1.6rem; }
        .header-v2__media--link {
          font-size: 1.6rem; } }
  @media (min-width: 1200px) {
    .header-v2 {
      padding: 2em 3em 2em 2em; }
      .header-v2__logo {
        margin-top: 1.8em; }
        .header-v2__logo--img img {
          width: 80px; }
      .header-v2__media--about {
        font-size: 1.6em; } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all .5s;
  z-index: 2; }
  .header.headerSube {
    z-index: -1; }
  .header__logo {
    order: 2;
    display: flex;
    justify-content: center;
    padding-top: 12rem; }
    .header__logo--img {
      margin: 0; }
      .header__logo--img img {
        width: 22rem;
        transition: all .5s; }
  .header__media {
    order: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }
    .header__media--about {
      font: 1.7rem "CenturyGothic"; }
      .header__media--about span.current {
        color: #00aeef; }
      .header__media--about .about__span {
        height: 28px;
        width: 28px;
        margin-left: 1rem;
        display: inline-block;
        background: #f15822;
        transition: all .5s; }
      .header__media--about a {
        color: #1e1e1e;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .5s; }
        .header__media--about a:hover {
          text-decoration: none;
          color: #1e1e1e; }
          .header__media--about a:hover .about__span {
            background: #dc440e; }
        .header__media--about a:focus {
          outline: none; }
        .header__media--about a.blog:hover {
          color: #00aeef; }
    .header__media--link {
      color: #1e1e1e;
      text-decoration: none;
      text-transform: uppercase;
      font: 1.7rem "CenturyGothic";
      transition: all .5s;
      cursor: pointer; }
      .header__media--link .link__span {
        height: 28px;
        width: 28px;
        margin-left: 1rem;
        display: inline-block;
        background: #ec008c;
        transition: all .5s; }
      .header__media--link:hover {
        text-decoration: none;
        color: #1e1e1e; }
        .header__media--link:hover .link__span {
          background: #00aeef; }
      .header__media--link:focus {
        outline: none; }
  @media (max-width: 568px) {
    .header {
      justify-content: space-between; } }
  @media (max-width: 380px) {
    .header__logo--img img {
      width: 18rem; } }
  @media (min-width: 768px) {
    .header {
      flex-direction: row;
      align-items: flex-start; }
      .header__logo {
        order: 1;
        padding-top: 2rem;
        padding-left: 2rem; }
        .header__logo--img img {
          width: 110px; }
      .header__media {
        order: 2; }
        .header__media--about {
          font-size: 1.6rem; }
        .header__media--link {
          font-size: 1.6rem; } }
  @media (min-width: 1024px) {
    .header__logo {
      padding-top: 2.5rem;
      padding-left: 3rem; }
      .header__logo--img img {
        width: 120px; }
    .header__media--about {
      font-size: 1.4rem; }
      .header__media--about .about__span {
        width: 24px;
        height: 24px;
        margin-left: .5rem; }
    .header__media--link {
      font-size: 1.5rem; }
      .header__media--link .link__span {
        width: 24px;
        height: 24px;
        margin-left: .5rem; } }
  @media (min-width: 1200px) {
    .header__media--about {
      font-size: 1.5rem; }
    .header__media--link {
      font-size: 1.5rem; } }
  @media (min-width: 1500px) {
    .header__logo {
      padding-top: 2.5rem;
      padding-left: 3.5rem; }
      .header__logo--img img {
        width: 145px; }
    .header__media--about {
      font-size: 1.8rem; }
      .header__media--about .about__span {
        width: 28px;
        height: 28px;
        margin-left: 1rem; }
    .header__media--link {
      font-size: 1.8rem; }
      .header__media--link .link__span {
        width: 28px;
        height: 28px;
        margin-left: 1rem; } }

.bg__home {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: fixed;
  top: 0;
  transition: all .5s;
  width: 100%;
  z-index: 1; }
  .bg__home.homeSube {
    z-index: -2; }
  .bg__home--img {
    height: 100%;
    width: 100%; }
    .bg__home--img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: bottom;
      display: inline-block; }
    .bg__home--img video.VideoMobile {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: bottom; }
    .bg__home--img video.VideoDesktop {
      display: none; }
    .bg__home--img img.VideoDesktop {
      display: none; }
  .bg__home--text {
    position: absolute;
    transition: all .5s;
    bottom: 48%;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .bg__home--title {
    align-items: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    font: 3rem "Nova-Regular";
    justify-content: center;
    letter-spacing: 1px;
    padding-inline: 1rem;
    text-align: center;
    transition: all .5s; }
    .bg__home--title--extrabold {
      font: 3.1rem "Nova-Extrabold"; }
    .bg__home--title strong {
      font: 3rem "Nova-Bold"; }
  .bg__home .header-v2__logo {
    display: flex;
    padding-top: 0;
    position: absolute;
    top: 15%;
    z-index: 25;
    width: 100%; }
  .bg__home .header-underlay {
    background: linear-gradient(180deg, #001d2f 0%, rgba(0, 29, 47, 0.7) 20%, rgba(0, 29, 47, 0.6) 30%, rgba(0, 29, 47, 0.3) 60%, rgba(0, 133, 217, 0) 90%, rgba(0, 133, 217, 0) 100%, rgba(25, 86, 123, 0) 100%);
    height: 30vh; }
  .bg__home .spinny-words {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 58px;
    min-width: 100%;
    position: relative; }
    .bg__home .spinny-words > span {
      animation: rotateWord 7.5s linear infinite 0s;
      color: #00aeef;
      opacity: 0;
      position: absolute; }
      .bg__home .spinny-words > span:nth-child(2) {
        animation-delay: 2.5s; }
      .bg__home .spinny-words > span:nth-child(3) {
        animation-delay: 5s; }
      .bg__home .spinny-words > span span {
        color: #ffffff; }
  @media (min-width: 568px) {
    .bg__home--text {
      width: 90%; }
    .bg__home--title {
      font-size: 3rem; }
      .bg__home--title strong {
        font-size: 3rem; }
    .bg__home .header-v2__logo {
      display: none; } }
  @media (min-width: 768px) {
    .bg__home {
      padding-top: 0; }
      .bg__home--img img.movil {
        display: none; }
      .bg__home--img img.VideoDesktop {
        display: inline-block; }
      .bg__home--img video.VideoMobile {
        display: none; }
      .bg__home--img video.VideoDesktop {
        display: inline-block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom; }
      .bg__home--text {
        transform: translateY(50%);
        bottom: 50%; } }
  @media (min-width: 1024px) {
    .bg__home--img video.VideoDesktop {
      object-fit: cover;
      width: 100%; }
    .bg__home--title {
      line-height: 1.5;
      letter-spacing: -1px;
      font-size: 4.8rem; }
      .bg__home--title--extrabold {
        font: 4.8rem "Nova-Extrabold"; }
      .bg__home--title strong {
        font: 4.8rem "Nova-Bold"; }
      .bg__home--title .spinny-words > span {
        margin-top: 0;
        margin-left: 1.5rem; } }
  @media (min-width: 1500px) {
    .bg__home--title {
      font-size: 5rem; }
      .bg__home--title--extrabold {
        font: 5rem "Nova-Extrabold"; }
      .bg__home--title strong {
        font: 5rem "Nova-Bold"; } }

.boxContent {
  z-index: 9999; }

.creative {
  background-image: url("../img/creative-studio/background-lite.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 5rem 0;
  z-index: 2; }
  .creative__studio {
    display: flex;
    flex-direction: row; }
    .creative__studio--img.desktop {
      display: none; }
    .creative__studio--img.movil {
      display: none; }
    .creative__studio--img .filter {
      display: block; }
    .creative__studio--title {
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 2px; }
      .creative__studio--title h3 {
        text-transform: uppercase;
        font-size: 2.2rem;
        line-height: 1;
        text-align: center;
        font-family: "Nova-Semibold";
        color: #ffffff; }
    .creative__studio--title.esp h3 {
      letter-spacing: 3px; }
    .creative__studio--content {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      transition: all .5s; }
      .creative__studio--content .creative__button {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 27%;
        padding-top: 2rem;
        margin-top: 5rem; }
        .creative__studio--content .creative__button button.category-button {
          padding: .5rem 0;
          margin-bottom: 9.2rem;
          background: none;
          transition: all .5s;
          position: relative;
          width: 100%; }
          .creative__studio--content .creative__button button.category-button img {
            height: 3.5rem;
            width: auto; }
            .creative__studio--content .creative__button button.category-button img.dark {
              display: inline; }
            .creative__studio--content .creative__button button.category-button img.light {
              display: none; }
          .creative__studio--content .creative__button button.category-button:after {
            content: '';
            display: inline-block;
            position: absolute;
            height: 2px;
            width: 100%;
            bottom: 50%;
            transition: all .5s;
            left: 0;
            right: -220%;
            margin: 0 auto;
            background: #ffffff; }
          .creative__studio--content .creative__button button.category-button.active {
            position: relative; }
            .creative__studio--content .creative__button button.category-button.active:after {
              right: -145%; }
            .creative__studio--content .creative__button button.category-button.active img.dark {
              display: none; }
            .creative__studio--content .creative__button button.category-button.active img.light {
              display: inline; }
          .creative__studio--content .creative__button button.category-button:focus {
            outline: none;
            box-shadow: none; }
          .creative__studio--content .creative__button button.category-button:hover img.dark {
            display: none; }
          .creative__studio--content .creative__button button.category-button:hover img.light {
            display: inline; }
      .creative__studio--content .caja {
        position: relative;
        width: 73%;
        min-height: 75%;
        transition: all .5s;
        margin-top: 5rem;
        padding-top: 2rem;
        border-left: 2px solid #ffffff;
        display: flex;
        align-items: flex-start;
        justify-content: center; }
        .creative__studio--content .caja .all {
          display: none;
          transition: all .5s;
          position: relative;
          padding: 0 2rem;
          width: 100%;
          left: 0;
          top: 0; }
          .creative__studio--content .caja .all.filter {
            display: block; }
        .creative__studio--content .caja__title {
          display: flex;
          justify-content: space-between;
          width: 90%; }
          .creative__studio--content .caja__title h3 {
            font: 1.8rem "Nova-Bold";
            color: #1b1364;
            text-transform: uppercase;
            margin-bottom: 1rem; }
        .creative__studio--content .caja__desc p {
          color: #ffffff;
          font: 2rem "Nova-Regular";
          line-height: 2;
          letter-spacing: .6px;
          margin-bottom: 2rem; }
          .creative__studio--content .caja__desc p strong {
            font-family: "Nova-Bold"; }
        .creative__studio--content .caja__desc a {
          -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.42);
          -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.42);
          background: #00aeef;
          box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.42);
          color: #ffffff;
          cursor: pointer;
          font-family: "Nova-Semibold";
          font-size: 1.3rem;
          padding: 1rem 1.2rem;
          text-decoration: none;
          text-transform: uppercase;
          transition: all .5s; }
          .creative__studio--content .caja__desc a:hover {
            background: #0090c6; }
  @media (min-width: 568px) {
    .creative {
      position: initial; }
      .creative .caja__title {
        width: 80%; } }
  @media (min-width: 768px) {
    .creative .caja .all {
      padding: 0 4rem; }
    .creative .caja__title {
      width: 60%; } }
  @media (min-width: 1024px) {
    .creative {
      padding: 0; }
      .creative__studio--img {
        order: 1;
        width: 50%;
        min-height: 100%; }
        .creative__studio--img.desktop {
          display: inline-flex; }
        .creative__studio--img img {
          display: none;
          transition: all .5s;
          width: 100%;
          max-height: 80%;
          align-self: end;
          margin: 0 auto;
          object-fit: contain; }
        .creative__studio--img img.category3 {
          margin-left: -4%; }
      .creative__studio--title {
        width: 330px;
        padding-bottom: 1rem;
        justify-content: space-between; }
        .creative__studio--title h3 {
          font-size: 1.54rem;
          letter-spacing: 5.6px; }
      .creative__studio--content {
        order: 2;
        width: 50%;
        padding: 15rem 2rem 10rem;
        align-self: flex-start; }
        .creative__studio--content .creative__button {
          width: 330px;
          border-bottom: 2px solid #ffffff;
          margin: 1rem 0 auto;
          flex-direction: row;
          justify-content: space-between; }
          .creative__studio--content .creative__button button.category-button {
            margin-bottom: 1.5rem;
            text-align: center; }
            .creative__studio--content .creative__button button.category-button:after {
              right: 0;
              width: 2px;
              height: 50%;
              bottom: -100%; }
            .creative__studio--content .creative__button button.category-button.active:after {
              bottom: -50%;
              right: 0; }
        .creative__studio--content .caja {
          width: 100%;
          height: auto;
          margin: 0 auto;
          border-left: none;
          margin-top: 0; }
          .creative__studio--content .caja .all {
            padding: 0; }
          .creative__studio--content .caja__title {
            width: 330px; }
            .creative__studio--content .caja__title h3 {
              font: 1.4rem "Nova-Extrabold";
              letter-spacing: 1.7px; }
          .creative__studio--content .caja__desc {
            padding: 0; }
            .creative__studio--content .caja__desc p {
              line-height: 2.5;
              font-size: 1.4rem;
              max-width: 65ch; } }
  @media (min-width: 1200px) {
    .creative {
      max-height: 1500px; }
      .creative__studio {
        min-height: 100vh; }
        .creative__studio--img img {
          padding-top: 0; }
        .creative__studio--title {
          width: 360px; }
          .creative__studio--title h3 {
            font-size: 2.25rem;
            letter-spacing: 2.8px; }
        .creative__studio--title.esp h3 {
          letter-spacing: 0; }
        .creative__studio--content {
          padding: 12rem 3rem 0 10rem;
          max-width: 60rem; }
          .creative__studio--content .creative__button {
            width: 360px; } }
  @media (min-width: 1450px) {
    .creative__studio--img img.category3 {
      margin-bottom: 0; }
    .creative__studio--content {
      padding: 30vh 0 10rem 5rem; }
      .creative__studio--content .creative__button {
        margin: 1.5rem 0 auto; }
      .creative__studio--content .caja__desc {
        padding-right: 0; } }
  @media (min-width: 2250px) {
    .creative__studio--title {
      width: 500px; }
      .creative__studio--title h3 {
        font-size: 3rem;
        letter-spacing: 2.8px; }
    .creative__studio--content {
      max-width: 80rem; }
      .creative__studio--content .creative__button {
        width: 500px; }
        .creative__studio--content .creative__button button.category-button img {
          height: 6rem; }
      .creative__studio--content .caja__title {
        width: 500px; }
        .creative__studio--content .caja__title h3 {
          font-size: 2.5rem;
          letter-spacing: unset; }
      .creative__studio--content .caja__desc p {
        font-size: 2.5rem;
        line-height: 2.5; } }
  @media (min-height: 1600px) {
    .creative__studio {
      min-height: auto; }
      .creative__studio--content {
        margin: 10rem 0 10rem 5rem; } }
  @media (min-width: 2400px) {
    .creative__studio--content .caja__title h3 {
      font-size: 3.5rem; }
    .creative__studio--content .caja__desc p {
      font-size: 3rem; } }
      
.small-bottom {
  font-size: 1.3rem;
}

.swiper-button-next, .swiper-button-prev {
  background-color: #35C3FF;
  padding: 8px 20px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

.dissection {
  background: #172B43;
  z-index: 2; 
}

.dissection__content {
  display: flex;
  position: relative;
  overflow: hidden;
  flex-direction: column;
 }
 .dissection__content--left {
  width: 100%;
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
 }
  .dissection__content--left .dissection_image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    .dissection__content--left .dissection_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
      .dissection__content--right {
        z-index: 1;
        width: 100%;
        transition: all .5s;
        order: 1;
        background-size: cover;
        background-repeat: no-repeat; }
        .dissection__content--right .content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 100%;
          width: 100%;
          margin: 0 auto;
          color: #ffffff;
          text-align: left;
          padding: 5em 2em; }
          .dissection__content--right .content__title {
            font-family: "Nova-Semibold";
            font-size: 2.2rem;
            text-transform: uppercase;
            margin-bottom: .5em;
            width: 100%;
            color: #00aeef; }
          .dissection__content--right .content__desc {
            margin: 0 auto; }
            .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
              font: 2rem "Nova-Regular";
              margin: 0;
              line-height: 2; }
              .dissection__content--right .content__desc p:not(:last-child), .dissection__content--right .content__desc ul:not(:last-child) {
                padding-bottom: 1rem; }
          .dissection__content--right .content__contact {
            text-align: center;
            width: 85%;
            margin: 0 auto;
            padding-top: 5rem; }
            .dissection__content--right .content__contact a {
              color: #ffffff;
              font-family: "Nova-Semibold";
              text-decoration: none;
              font-size: 2rem;
              background: #35C3FF;
              transition: all .5s;
              padding: 1rem 1.2rem;
              text-transform: uppercase; }
              .dissection__content--right .content__contact a:hover {
                background: #0090c6; }
                .dissection__content--right .content__contact a:hover i {
                  left: 8px; }
              .dissection__content--right .content__contact a i {
                position: relative;
                left: 5px;
                top: 1px;
                transition: all .5s; }

  @media (max-width: 767px) {
    .dissection__content--left {
      position: relative; } }
      @media (min-width: 568px) {
        .dissection .content {
          padding-inline: 3em; } }
      @media (min-width: 768px) {
        .dissection__content {
          flex-direction: row; }
          .dissection__content--left {
            width: 50%; }
          .dissection__content--right {
            width: 50%;
            display: flex;
            align-items: center;
            padding-top: 0; }
            .dissection__content--right .content {
              padding: 3em 3em; }
              .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
                letter-spacing: 1.1px;
                font: 16px "Nova-Regular";
                line-height: 1.5; }
                .dissection__content--right .content__desc p:not(:last-child), .dissection__content--right .content__desc ul:not(:last-child) {
                  padding-bottom: 1em; }
              .dissection__content--right .content__desc ul {
                padding-left: 1em; }
                .dissection__content--right .content__desc ul li {
                  list-style-position: outside; }
              .dissection__content--right .content__contact {
                width: 100%;
                padding-bottom: 2rem;
                text-align: left; }
                .dissection__content--right .content__contact a {
                  font-size: 1.8rem; } 
                }
      @media (min-width: 1024px) {
        .dissection__content--right .content__title {
          font-size: 1.54rem;
          letter-spacing: 2px;
          }
        .dissection__content--right .content {
          padding: 8em 4em; }
          .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
            line-height: 1.75;
              font-size: 1.4rem;
              letter-spacing: 0.6px; }
          .dissection__content--right .content__contact {
            padding-bottom: 0; }
            .dissection__content--right .content__contact a {
              font-size: 1.6rem; } }
      @media (min-width: 1200px) {
        .dissection__content--right .content__title {
          font-size: 2.25rem;
          letter-spacing: 0.5px;
          }
        .dissection__content--right .content__contact a {
          font-size: 1.7rem; } }
      @media (min-width: 1350px) {
        .dissection__content--right .content {
          padding-inline: 9em; }
          .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
            line-height: 2; } }
      @media (min-width: 1500px) {
          .dissection__content--left
          {padding: 20px 0; }
        .dissection__content--right .content {
          padding-inline: 15em; }
          .dissection__content--right .content__contact a {
            font-size: 2.2rem; } 
          }
      @media (min-width: 1800px) { 
        .dissection__content--left
          {padding: 40px 0 40px 40px; }
        }
        @media (min-width: 2250px) {
          .dissection__content--right .content__title {
              font-size: 3rem;
              letter-spacing: 2.8px; }
              .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
                font-size: 2.5rem;
                line-height: 2.5; } 
          }
          @media (min-width: 2400px) {
            .dissection__content--right .content__desc p, .dissection__content--right .content__desc ul {
              font-size: 3rem; } }

.video {
  background: #ffffff;
  z-index: 5; }
  .video__content {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column; }
    .video__content--left {
      width: 100%;
      order: 2; }
      .video__content--left .portada {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%; }
        .video__content--left .portada img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
        .video__content--left .portada__play {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          align-items: center; }
          .video__content--left .portada__play .play {
            cursor: pointer;
            display: inline-block;
            color: #00aeef;
            background: #ffffff;
            height: auto;
            width: 5rem;
            z-index: 2;
            border-radius: 50%;
            transition: all .5s; }
            .video__content--left .portada__play .play:hover {
              transform: scale(1.1); }
      .video__content--left .videoContent {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .7s;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: #000; }
        .video__content--left .videoContent.videoOpen {
          right: 0; }
      .video__content--left video {
        transition: all .7s;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: none;
        border: none; }
        .video__content--left video.mobile {
          display: inline-block; }
      .video__content--left .closeVideo {
        display: inline-block;
        transition: all .5s;
        position: absolute;
        background: #00aeef;
        top: 3%;
        right: 2%;
        z-index: 99;
        transform: rotate(45deg);
        cursor: pointer;
        padding: 1.3rem; }
        .video__content--left .closeVideo img {
          transform: rotate(-45deg);
          transition: all .5s; }
        .video__content--left .closeVideo:hover {
          transform: rotate(0deg);
          background: #009bd6; }
          .video__content--left .closeVideo:hover img {
            transform: rotate(0deg); }
    .video__content--right {
      z-index: 1;
      width: 100%;
      transition: all .5s;
      order: 1;
      background-size: cover;
      background-repeat: no-repeat; }
      .video__content--right .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        color: #333333;
        text-align: left;
        padding: 5em 2em; }
        .video__content--right .content__title {
          font-family: "Nova-Bold";
          font-size: 2.5em;
          margin-bottom: .5em;
          width: 100%;
          color: #00aeef; }
        .video__content--right .content__desc {
          margin: 0 auto; }
          .video__content--right .content__desc ul {
            padding: inherit; }
            .video__content--right .content__desc ul li {
              text-align: inherit;
              list-style-position: inside; }
          .video__content--right .content__desc p, .video__content--right .content__desc ul {
            font: 16px "Nova-Regular";
            margin: 0;
            line-height: 1.5; }
            .video__content--right .content__desc p:not(:last-child), .video__content--right .content__desc ul:not(:last-child) {
              padding-bottom: 1rem; }
        .video__content--right .content__contact {
          text-align: center;
          width: 85%;
          margin: 0 auto;
          padding-top: 5rem; }
          .video__content--right .content__contact a {
            color: #ffffff;
            font-family: "Nova-Semibold";
            text-decoration: none;
            font-size: 2rem;
            background: #00aeef;
            transition: all .5s;
            padding: 1rem 1.2rem;
            text-transform: uppercase; }
            .video__content--right .content__contact a:hover {
              background: #0090c6; }
              .video__content--right .content__contact a:hover i {
                left: 8px; }
            .video__content--right .content__contact a i {
              position: relative;
              left: 5px;
              top: 1px;
              transition: all .5s; }
  @media (max-width: 767px) {
    .video__content--left {
      position: relative; } }
  @media (max-width: 568px) {
    .video__content--left .closeVideo {
      padding: 1.1rem;
      top: 15%;
      right: 3%; }
      .video__content--left .closeVideo img {
        width: 2rem; } }
  @media (min-width: 568px) {
    .video .content {
      padding-inline: 3em; } }
  @media (min-width: 768px) {
    .video__content {
      flex-direction: row; }
      .video__content--left {
        width: 50%; }
        .video__content--left .portada__play {
          width: 8rem; }
        .video__content--left .closeVideo {
          display: inline-block;
          padding: 1rem;
          top: 5%; }
          .video__content--left .closeVideo img {
            width: 1.8rem; }
        .video__content--left .videoContent.videoOpen video {
          object-fit: cover;
          object-position: center; }
        .video__content--left .videoContent video {
          display: inline-block;
          object-fit: cover; }
          .video__content--left .videoContent video.mobile {
            display: none; }
      .video__content--right {
        width: 50%;
        display: flex;
        align-items: center;
        padding-top: 0; }
        .video__content--right .content {
          padding: 3em 3em; }
          .video__content--right .content__title {
            padding-bottom: .5em;
            margin: 0 auto;
            font-size: 3em;
            letter-spacing: 1.25px; }
          .video__content--right .content__desc p, .video__content--right .content__desc ul {
            letter-spacing: 1.1px;
            font: 16px "Nova-Regular";
            line-height: 1.5; }
            .video__content--right .content__desc p:not(:last-child), .video__content--right .content__desc ul:not(:last-child) {
              padding-bottom: 1em; }
          .video__content--right .content__desc ul {
            padding-left: 1em; }
            .video__content--right .content__desc ul li {
              list-style-position: outside; }
          .video__content--right .content__contact {
            width: 100%;
            padding-bottom: 2rem;
            text-align: left; }
            .video__content--right .content__contact a {
              font-size: 1.8rem; } }
  @media (min-width: 1024px) {
    .video__content--left video {
      object-fit: cover;
      object-position: center; }
    .video__content--right .content {
      padding: 8em 4em; }
      .video__content--right .content__desc p, .video__content--right .content__desc ul {
        font: 18px "Nova-Regular";
        line-height: 1.5; }
      .video__content--right .content__contact {
        padding-bottom: 0; }
        .video__content--right .content__contact a {
          font-size: 1.6rem; } }
  @media (min-width: 1200px) {
    .video__content--left .closeVideo {
      padding: 1.2rem; }
    .video__content--right .content__desc p, .video__content--right .content__desc ul {
      line-height: 1.75; }
    .video__content--right .content__contact a {
      font-size: 1.7rem; } }
  @media (min-width: 1350px) {
    .video__content--left .closeVideo {
      padding: 1.2rem; }
    .video__content--right .content {
      padding-inline: 9em; }
      .video__content--right .content__desc p, .video__content--right .content__desc ul {
        line-height: 2; } }
  @media (min-width: 1500px) {
    .video__content--left .closeVideo {
      padding: 1.4rem; }
      .video__content--left .closeVideo img {
        width: initial; }
    .video__content--left .portada .portada__play .play {
      width: 8rem; }
    .video__content--right .content {
      padding-inline: 15em; }
      .video__content--right .content__contact a {
        font-size: 2.2rem; } }

.work__desktop {
  display: none;
  height: 60rem;
  background: #ffffff;
  position: relative; }
  @media (min-width: 768px) {
    .work__desktop {
      display: flex; } }
  @media (min-width: 1200px) {
    .work__desktop {
      height: 100vh; } }
  @media (min-height: 1800px) {
    .work__desktop {
      height: 100rem; } }
  .work__desktop .caja {
    height: 100%;
    transition: all .5s;
    position: relative; }
    .work__desktop .caja__body {
      display: none; }
    .work__desktop .caja.zoom {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99; }
      .work__desktop .caja.zoom .caja__close {
        z-index: 99;
        display: inline-block;
        position: absolute;
        right: 3%;
        top: 4%;
        background: #00aeef;
        transition: all .5s;
        padding: 1.3rem;
        transform: rotate(45deg);
        cursor: pointer; }
        .work__desktop .caja.zoom .caja__close img {
          transform: rotate(-45deg);
          transition: all .5s; }
        .work__desktop .caja.zoom .caja__close:hover {
          background: #0090c6;
          transform: rotate(0deg); }
          .work__desktop .caja.zoom .caja__close:hover img {
            transform: rotate(0deg); }
      .work__desktop .caja.zoom .caja__logo, .work__desktop .caja.zoom .caja__img {
        display: none; }
      .work__desktop .caja.zoom .caja__body {
        display: contents; }
        .work__desktop .caja.zoom .caja__body video {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .work__desktop .caja.zoom .caja__enlace:hover {
        text-decoration: none;
        transform: none; }
    .work__desktop .caja .caja__close {
      display: none; }
    .work__desktop .caja .caja__enlace {
      height: 100%;
      width: 100%;
      display: inline-block;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      transform-style: preserve-3d;
      transition: all 1s ease; }
      .work__desktop .caja .caja__enlace:hover .caja__img {
        opacity: 0;
        z-index: 1; }
      .work__desktop .caja .caja__enlace:hover .caja__logo {
        opacity: unset;
        z-index: 9; }
    .work__desktop .caja__img {
      height: 100%;
      transition: all 1s;
      overflow: hidden;
      position: absolute;
      width: 100%;
      backface-visibility: hidden; }
      .work__desktop .caja__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
        transition: all 1s; }
      .work__desktop .caja__img:hover img {
        transform: scale(1.05); }
    .work__desktop .caja__logo {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      background: #000;
      transition: all 1s;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      z-index: 9;
      opacity: 0; }
      .work__desktop .caja__logo img {
        width: 45%;
        object-fit: contain; }
      .work__desktop .caja__logo #nurse-logo {
        width: 40%; }
      .work__desktop .caja__logo #argos-logo {
        width: 60%; }
      .work__desktop .caja__logo #celebrity-logo {
        width: 59%; }
      .work__desktop .caja__logo .slogan {
        font: 2.5em "Nova-Regular";
        margin-top: 1em;
        color: white;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2px;
        max-width: 80%; }
      .work__desktop .caja__logo .slogan.argos {
        font-size: 2em; }
      .work__desktop .caja__logo .slogan.magic-leap {
        font-size: 1.5em; }
  .work__desktop--1 {
    width: 50%;
    height: 100%;
    margin-right: 2px; }
    .work__desktop--1-top {
      height: 50%; }
    .work__desktop--1 .top {
      display: flex; }
      .work__desktop--1 .top__left {
        width: 65%;
        margin-right: 5px;
        height: 100%; }
      .work__desktop--1 .top__right {
        width: 35%;
        height: 100%; }
    .work__desktop--1-bottom {
      height: 50%; }
    .work__desktop--1 .bottom {
      display: flex;
      padding-top: 3px; }
      .work__desktop--1 .bottom__left {
        width: 50%;
        height: 100%;
        margin-right: 5px; }
        .work__desktop--1 .bottom__left--top {
          height: 50%;
          padding-bottom: 5px; }
          .work__desktop--1 .bottom__left--top .caja.zoom .caja__text .caja__body--img {
            width: 50%; }
          .work__desktop--1 .bottom__left--top .caja__img img {
            object-position: top; }
        .work__desktop--1 .bottom__left--bottom {
          height: 50%; }
      .work__desktop--1 .bottom__right {
        width: 50%;
        height: 100%; }
  .work__desktop--2 {
    width: 50%;
    height: 100%;
    margin-left: 3px; }
    .work__desktop--2-top {
      height: 37%;
      width: 100%; }
    .work__desktop--2-medium {
      height: 26%;
      width: 100%; }
    .work__desktop--2 .medium {
      display: flex;
      padding: 5px 0; }
      .work__desktop--2 .medium__color {
        width: 30%;
        height: 100%; }
        .work__desktop--2 .medium__color .cuadro {
          background: #00aeef;
          height: 100%;
          width: 100%; }
      .work__desktop--2 .medium__text {
        width: 70%;
        margin-left: 5px;
        background: #1e1e1e;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 5rem; }
      .work__desktop--2 .medium__title {
        text-align: right; }
        .work__desktop--2 .medium__title h3 {
          color: #ffffff;
          text-transform: uppercase;
          font-family: "Nova-Regular";
          font-size: 4rem; }
          .work__desktop--2 .medium__title h3 span {
            color: #00aeef; }
        .work__desktop--2 .medium__title h4 {
          display: none;
          color: #ffffff;
          font-size: 2rem;
          font-family: "Nova-Regular"; }
    .work__desktop--2-bottom {
      height: 37%;
      width: 100%; }
    .work__desktop--2 .bottom {
      display: flex; }
      .work__desktop--2 .bottom__left {
        width: 50%;
        padding-right: 2.5px;
        height: 100%; }
      .work__desktop--2 .bottom__right {
        width: 50%;
        padding-left: 2.5px;
        height: 100%; }
        .work__desktop--2 .bottom__right .caja.zoom .caja__text .caja__body--img {
          width: 30%; }
    @media (min-width: 1200px) {
      .work__desktop--2 .medium__title h3 {
        font-size: 3.5rem; }
      .work__desktop--2 .bottom__right .slogan.magic-leap {
        font-size: 2.5em; } }
    @media (min-width: 1500px) {
      .work__desktop--2 .medium__title h3 {
        font-size: 4.5rem; } }

.work__title {
  padding: 7rem 3.8rem;
  background: #1e1e1e; }
  .work__title h3 {
    font: 4.4rem "Nova-Regular";
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .4px; }
    .work__title h3 strong {
      font-family: "Nova-Bold";
      color: #00aeef; }
.work__content .accordion .card + .card {
  border-top: 5px solid #ffffff; }
.work__content .accordion .card {
  border: none;
  background: #1e1e1e;
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 274px;
  width: 100%; }
  .work__content .accordion .card img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .work__content .accordion .card .play-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #00aeef;
    background: #ffffff;
    height: auto;
    width: 5rem;
    border-radius: 50%; }
  .work__content .accordion .card .player-container {
    position: absolute;
    transition: all .7s;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    background: #000; }
    .work__content .accordion .card .player-container.open-player {
      right: 0; }
  .work__content .accordion .card video {
    transition: all .7s;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    border: none;
    display: inline-block; }
  .work__content .accordion .card .close-player {
    display: inline-block;
    transition: all .5s;
    position: absolute;
    background: #00aeef;
    top: 10%;
    right: 5%;
    z-index: 99;
    transform: rotate(45deg);
    cursor: pointer;
    padding: 1.3rem; }
    .work__content .accordion .card .close-player img {
      transform: rotate(-45deg);
      transition: all .5s; }
    .work__content .accordion .card .close-player:hover {
      transform: rotate(0deg);
      background: #009bd6; }
      .work__content .accordion .card .close-player:hover img {
        transform: rotate(0deg); }
@media (max-width: 480px) {
  .work__title h3 span {
    font-size: 2.2rem; } }
@media (max-width: 380px) {
  .work__title {
    padding: 5.5rem 3.5rem; }
    .work__title h3 {
      font-size: 3.5rem; }
      .work__title h3 span {
        font-size: 2rem; }
  .work__content .accordion .card {
    height: 180px; } }
@media (min-width: 568px) {
  .work__content .accordion .card + .card {
    border-top-width: 10px; }
  .work__content .accordion .card {
    height: 300px; } }
@media (min-width: 768px) {
  .work {
    display: none; } }

#work-video {
  display: contents; }
  #work-video .hidden {
    display: none; }

.alliance {
  background: #e6e6e6;
  position: relative; }
  .alliance__list {
    display: flex;
    padding: 0;
    justify-content: space-evenly;
    align-items: center;
    margin: 0;
    padding: 0 2rem;
    height: 22rem; }
  .alliance__item {
    list-style: none;
    text-align: center;
    padding: 6rem 0;
    height: 100%;
    display: flex;
    align-items: center; }
    .alliance__item.open {
      position: relative; }
      .alliance__item.open:before {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: -7.5%;
        z-index: 99;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 15px solid #00aeef; }
  .alliance__link {
    transition: all .5s; }
    .alliance__link img {
      transition: all .5s; }
      .alliance__link img.Softek {
        width: 65%; }
      .alliance__link img.Adobe {
        width: 82%; }
      .alliance__link img.Acquia {
        width: 58%; }
      .alliance__link img.Digital {
        width: 11rem; }
      .alliance__link img.logoMagic {
        width: 100%; }
      .alliance__link img.logoVive {
        width: 100%; }
    .alliance__link:hover img {
      transform: scale(1.1); }
  .alliance .description {
    position: relative;
    background: #1e1e1e;
    z-index: 9;
    left: 0;
    top: -100%;
    display: none;
    height: 100%;
    width: 100%;
    transition: all .7s;
    overflow: hidden; }
    .alliance .description__logo {
      width: 25%;
      background: #e6e6e6;
      justify-content: center;
      align-items: center;
      display: none; }
      .alliance .description__logo img {
        width: auto;
        height: auto;
        object-fit: cover; }
    .alliance .description__content {
      width: 100%;
      order: 2;
      display: flex;
      justify-content: center;
      align-items: center; }
      .alliance .description__content.adobe {
        flex-direction: column;
        padding: 0rem 5rem 6rem; }
        .alliance .description__content.adobe p.text1 {
          font-size: 2rem;
          padding-bottom: 4rem;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          order: 2; }
          .alliance .description__content.adobe p.text1:after {
            content: '';
            position: absolute;
            height: 2px;
            width: 15%;
            background: #ccc;
            left: 0;
            bottom: 0;
            opacity: .9; }
        .alliance .description__content.adobe p.text2 {
          font-size: 2rem;
          order: 3;
          padding-top: 2.8rem; }
        .alliance .description__content.adobe h2 {
          color: #00aeef;
          font-size: 2.5rem;
          line-height: 1.4;
          padding: 0 0 3rem;
          font-family: 'CenturyGothic';
          letter-spacing: .4px;
          order: 1;
          width: 32rem;
          text-align: left; }
          .alliance .description__content.adobe h2 span {
            white-space: nowrap; }
      .alliance .description__content p {
        font-family: "Nova-Regular";
        color: #ffffff;
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0; }
        .alliance .description__content p a {
          text-decoration: none;
          color: #00aeef;
          transition: all .5s; }
          .alliance .description__content p a:hover {
            color: #0081b2; }
    .alliance .description__close {
      position: relative;
      top: 0;
      order: 1;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10rem 0 8rem; }
      .alliance .description__close .close-description {
        display: inline-block;
        border: none;
        background: #00aeef;
        transition: all .5s;
        padding: 2.5rem;
        transform: rotate(45deg);
        transition: all .5s;
        cursor: pointer; }
        .alliance .description__close .close-description img {
          transform: rotate(-45deg);
          transition: all .5s;
          width: 2.5rem; }
        .alliance .description__close .close-description:hover {
          transform: rotate(0deg);
          background: #0090c6; }
          .alliance .description__close .close-description:hover img {
            transform: rotate(0deg); }
        .alliance .description__close .close-description:focus {
          outline: none; }
    .alliance .description.active {
      display: flex;
      flex-direction: column; }
  @media (max-width: 991px) {
    .alliance {
      display: none; }
      .alliance__item {
        width: 33.33%;
        justify-content: center; }
      .alliance .description__content {
        padding: 0 5rem 4rem; } }
  @media (max-width: 768px) {
    .alliance__item {
      width: 33.33%; }
    .alliance__link img.Adobe {
      width: 70%; } }
  @media (max-width: 580px) {
    .alliance__link img.Adobe {
      width: 55%; }
    .alliance .description__content {
      padding: 0 4rem 4rem; } }
  @media (max-width: 480px) {
    .alliance__list {
      padding: 0 1.8rem;
      height: 20rem; }
    .alliance__item {
      padding: 5rem 0; }
      .alliance__item.open:before {
        bottom: -7.5%;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 12px solid #00aeef; }
    .alliance__link img.Digital {
      width: 10rem; }
    .alliance .description__close .close-description {
      padding: 1.5rem; }
      .alliance .description__close .close-description img {
        width: 2.2rem; } }
  @media (max-width: 400px) {
    .alliance__list {
      padding: 0;
      height: 18rem; }
    .alliance__link img.Adobe {
      width: 40%; }
    .alliance .description__content {
      padding: 0 3rem 4rem; }
      .alliance .description__content.adobe {
        padding: 0 3rem 5rem; } }
  @media (max-width: 380px) {
    .alliance__item.open:before {
      bottom: -8.5%; } }
  @media (max-width: 350px) {
    .alliance__list {
      height: 16rem; }
    .alliance__item.open:before {
      bottom: -9%; } }
  @media (min-width: 552px) {
    .alliance__item {
      padding: 5rem 0; }
      .alliance__item.open:before {
        bottom: -7%; } }
  @media (min-width: 768px) {
    .alliance__list {
      padding: 0 2rem; }
    .alliance__item {
      padding: 5.5rem 0; }
    .alliance .description__logo img.logoMagic {
      width: 70%; }
    .alliance .description__logo img.logoVive {
      width: 30%; }
    .alliance .description__logo img.oculus {
      width: 30%; }
    .alliance .description__logo img.byte {
      width: 45%; }
    .alliance .description__logo img.ptc {
      width: 70%; } }
  @media (min-width: 991px) {
    .alliance {
      overflow: hidden; }
      .alliance__list {
        padding: 0; }
      .alliance__item {
        max-width: 10%; }
        .alliance__item.open:before {
          display: none; }
      .alliance__link img {
        width: 100% !important;
        margin: 0 auto; }
        .alliance__link img.logoMagic {
          width: 100% !important; }
        .alliance__link img.logoMagic, .alliance__link img.Acquia, .alliance__link img.logoVive, .alliance__link img.oculus, .alliance__link img.ptc {
          width: 100% !important;
          margin-left: -30%; }
        .alliance__link img.oculus {
          margin-left: -55%; }
        .alliance__link img.big {
          width: 52% !important; }
        .alliance__link img.ptc {
          width: 155% !important; }
      .alliance .description {
        position: absolute;
        display: flex;
        right: -100%;
        top: 0;
        left: initial;
        background: none; }
        .alliance .description__logo {
          display: flex; }
          .alliance .description__logo img {
            margin: 0 auto; }
            .alliance .description__logo img.Softek {
              width: 80%; }
            .alliance .description__logo img.Acquia {
              width: 70%; }
        .alliance .description__content {
          width: 75%;
          background: #1e1e1e;
          padding: 1rem 12rem 1rem 5rem; }
          .alliance .description__content.adobe {
            flex-direction: row;
            padding: 1rem 10rem 1rem 2rem; }
            .alliance .description__content.adobe p.text1 {
              padding-right: 1rem;
              padding-bottom: 0;
              font-size: 1.2rem;
              order: 1; }
              .alliance .description__content.adobe p.text1:after {
                height: 100%;
                width: 2px;
                right: 0;
                top: 0;
                bottom: 0;
                left: initial; }
            .alliance .description__content.adobe p.text2 {
              font-size: 1.2rem;
              padding-left: 1rem;
              padding-top: 0;
              order: 3; }
            .alliance .description__content.adobe h2 {
              font-size: 1.5rem;
              padding: 0 1rem;
              order: 2; }
          .alliance .description__content p {
            font-size: 1.6rem; }
        .alliance .description__close {
          position: absolute;
          right: 5%;
          height: 100%;
          padding: 0; }
          .alliance .description__close .close-description {
            padding: 1.5rem; }
            .alliance .description__close .close-description img {
              width: 2rem; }
        .alliance .description.active {
          right: 0;
          flex-direction: row; }
          .alliance .description.active:before {
            display: none; } }
  @media (min-width: 1024px) {
    .alliance__list {
      padding: 0 3rem; }
    .alliance__item {
      padding: 2.5rem 0; }
      .alliance__item.open:before {
        display: none; }
    .alliance .description__logo img.Softek {
      width: 12rem; }
    .alliance .description__logo img.Adobe {
      width: 5.5rem; }
    .alliance .description__logo img.Acquia {
      width: 14rem; }
    .alliance .description__content.adobe p.text1 {
      font-size: 1.1rem; }
    .alliance .description__content.adobe p.text2 {
      font-size: 1.1rem; }
    .alliance .description__content.adobe h2 {
      font-size: 1.3rem; }
    .alliance .description__content p {
      font-size: 1.3rem; }
    .alliance .description__close {
      right: 2.5%; }
      .alliance .description__close .close-description {
        padding: 1.1rem; }
        .alliance .description__close .close-description img {
          width: 1.6rem; } }
  @media (min-width: 1200px) {
    .alliance__item {
      padding: 4rem 0; }
    .alliance .description__logo img.Softek {
      width: 14rem; }
    .alliance .description__logo img.Adobe {
      width: 6rem; }
    .alliance .description__logo img.Acquia {
      width: 16rem; }
    .alliance .description__content {
      padding: 1rem 15rem 1rem 12rem; }
      .alliance .description__content.adobe {
        padding: 1rem 10rem 1rem 3rem; }
        .alliance .description__content.adobe p.text1 {
          font-size: 1.2rem; }
          .alliance .description__content.adobe p.text1:after {
            height: 110%; }
        .alliance .description__content.adobe p.text2 {
          font-size: 1.2rem; }
        .alliance .description__content.adobe h2 {
          font-size: 1.5rem; }
      .alliance .description__content p {
        font-size: 1.4rem; }
    .alliance .description__close {
      right: 3%; } }
  @media (min-width: 1500px) {
    .alliance__list {
      padding: 0 8rem; }
    .alliance__item {
      padding: 4.5rem 0; }
    .alliance .description__logo img.Softek {
      width: 18rem; }
    .alliance .description__logo img.Adobe {
      width: 7.5rem; }
    .alliance .description__logo img.Acquia {
      width: 20rem; }
    .alliance .description__content {
      padding: 1rem 20rem; }
      .alliance .description__content.adobe {
        padding: 1rem 16rem 1rem 5rem; }
        .alliance .description__content.adobe p.text1 {
          font-size: 1.5rem; }
          .alliance .description__content.adobe p.text1:after {
            height: 115%; }
        .alliance .description__content.adobe p.text2 {
          font-size: 1.5rem; }
        .alliance .description__content.adobe h2 {
          font-size: 1.6rem; }
      .alliance .description__content p {
        font-size: 1.8rem; }
    .alliance .description__close {
      right: 3%; }
      .alliance .description__close .close-description {
        padding: 1.8rem; }
        .alliance .description__close .close-description img {
          width: 2rem; } }
  @media (min-width: 1800px) {
    .alliance__item {
      padding: 5rem 0; }
    .alliance .description__logo img.Softek {
      width: 45%; }
    .alliance .description__logo img.Acquia {
      width: 45%; }
    .alliance .description__logo img.Digital {
      width: 45%; }
    .alliance .description__content {
      padding: 1rem 25rem; }
      .alliance .description__content.adobe {
        padding: 1rem 20rem 1rem 5rem; }
        .alliance .description__content.adobe p.text1 {
          padding-right: 2.5rem;
          font-size: 1.8rem; }
          .alliance .description__content.adobe p.text1:after {
            height: 125%; }
        .alliance .description__content.adobe p.text2 {
          font-size: 1.8rem;
          padding-left: 1.8rem; }
        .alliance .description__content.adobe h2 {
          font-size: 2rem;
          padding: 0 2rem; }
      .alliance .description__content p {
        font-size: 1.9rem; } }

.allianceMobile {
  padding: 4rem 5%;
  z-index: 2;
  background-color: #ffffff;
  display: flex; }
  .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item {
      width: 100%; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__image {
        width: 50%;
        margin: 0 auto; }
        .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__image img {
          object-fit: contain;
          width: 100%;
          object-position: center; }
        .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__image #ptc {
          width: 160%;
          margin-left: -30%; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content {
        padding-top: 3rem; }
        .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content p {
          font-family: "Nova-Regular";
          color: #333;
          font-size: 2rem;
          line-height: 1.6;
          text-align: center; }
          .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content p a {
            text-decoration: none;
            color: #00aeef;
            transition: all .5s; }
            .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content p a:hover {
              color: #0081b2; }
  .allianceMobile .carousel-alliance .owl-dots button.active span {
    background: #00aeef; }
  .allianceMobile .carousel-alliance .owl-dots button:focus {
    outline: none; }
  .allianceMobile .carousel-alliance .owl-dots button span {
    width: 12px;
    height: 12px; }
  @media (min-width: 420px) {
    .allianceMobile .carousel-alliance {
      padding: 0 4rem; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__image {
        width: 30%; } }
  @media (min-width: 568px) {
    .allianceMobile .carousel-alliance {
      padding: 0 4rem; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__image {
        width: 25%; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content p {
        font-size: 2.2rem; } }
  @media (min-width: 768px) {
    .allianceMobile .carousel-alliance {
      padding: 0 4rem; }
      .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item {
        display: flex;
        align-items: center; }
        .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content {
          width: 60%; }
          .allianceMobile .carousel-alliance .owl-stage-outer .owl-stage .owl-item .item__content p {
            font-size: 2.2rem; } }
  @media (min-width: 1024px) {
    .allianceMobile {
      display: none; } }

.latest-posts {
  background: #ffffff;
  padding: 7rem 0;
  height: auto;
  z-index: 2; }
  .latest-posts .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem; }
    .latest-posts .container .post {
      width: 100%;
      max-width: 768px; }
      .latest-posts .container .post__image > img {
        height: 15rem;
        width: 100%;
        object-fit: cover; }
      .latest-posts .container .post__content {
        width: 100%;
        font: 16px "Nova-Bold"; }
        .latest-posts .container .post__content--title {
          text-transform: uppercase;
          color: #00aeef;
          margin-block: 1em; }
        .latest-posts .container .post__content--desc {
          color: #333333;
          font-family: "Nova-Regular";
          margin-block: 1.5em;
          line-height: 1.5; }
        .latest-posts .container .post__content a {
          text-transform: uppercase;
          color: #00aeef; }
  @media (min-width: 480px) {
    .latest-posts .container {
      padding-inline: 3em;
      max-width: max-content; }
      .latest-posts .container .post__image > img {
        height: 30rem; } }
  @media (min-width: 1080px) {
    .latest-posts {
      height: 90rem;
      padding: 0;
      display: flex;
      align-items: center; }
      .latest-posts .container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        max-width: max-content; }
        .latest-posts .container .post {
          margin: 0;
          width: 100%; }
          .latest-posts .container .post__image > img {
            height: 18rem; }
          .latest-posts .container .post__content--title {
            margin-block: 1.5em; }
            .latest-posts .container .post__content--title h2 {
              line-height: 22px;
              min-height: 66px; }
          .latest-posts .container .post__content--desc {
            line-height: 30px;
            min-height: calc(30px * 6); }
            .latest-posts .container .post__content--desc p {
              margin: 0; } }
  @media (min-width: 1200px) {
    .latest-posts .container {
      max-width: 95%;
      gap: 4em; }
      .latest-posts .container .post__content--desc {
        font-family: "Nova-Semibold";
        line-height: 37px; } }
  @media (min-width: 1300px) {
    .latest-posts .container {
      max-width: 90%; }
      .latest-posts .container .post {
        width: 100%; }
        .latest-posts .container .post__image > img {
          height: 23rem; } }

.contact {
  background: url("../img/background-contact-lite.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2; }
  .contact__up {
    display: none; }
  .contact__bottom {
    padding: 0 1em;
    color: #002943; }
    .contact__bottom--title {
      padding: 7em 1em 0;
      text-align: center; }
      .contact__bottom--title h3 {
        color: #ffffff;
        text-transform: uppercase;
        font: 4em "Nova-Regular"; }
    .contact__bottom--text p {
      text-align: center;
      line-height: 4.3rem;
      font-size: 2.1rem;
      font-family: "Nova-Regular"; }
    .contact__bottom--form {
      padding: 0 1em 5em 1em;
      position: relative; }
      .contact__bottom--form .name {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .contact__bottom--form .name .first,
        .contact__bottom--form .name .last {
          width: 100%; }
      .contact__bottom--form input, .contact__bottom--form textarea {
        font: italic 14px "Nova-Semibold";
        outline: none;
        padding: .5em 1em; }
      .contact__bottom--form .campo {
        padding-top: 23px;
        position: relative; }
        .contact__bottom--form .campo input {
          width: 100%;
          border: solid #002943 1.5px;
          height: 33px;
          letter-spacing: .5px; }
          .contact__bottom--form .campo input::placeholder {
            color: rgba(0, 41, 67, 0.5); }
        .contact__bottom--form .campo span.error {
          position: absolute;
          right: 1em;
          top: .5em;
          font-size: 1.3rem;
          font-family: "Nova-Regular";
          font-weight: 400;
          color: #333333;
          display: none; }
          .contact__bottom--form .campo span.error .fa-exclamation {
            position: absolute;
            right: 0;
            top: 23px;
            color: #ffffff;
            background: #f15822;
            border-radius: 50%;
            padding: 4px 8px;
            z-index: 3;
            font-size: 12px; }
      .contact__bottom--form .message textarea {
        width: 100%;
        height: 150px;
        border: none;
        padding-block: 10px;
        letter-spacing: .5px;
        border: solid #002943 1.5px; }
        .contact__bottom--form .message textarea::placeholder {
          color: rgba(0, 41, 67, 0.5); }
      .contact__bottom--form .captcha, .contact__bottom--form .submit {
        display: flex;
        justify-content: center;
        margin-top: 3.5rem; }
      .contact__bottom--form .captcha {
        transform: scale(0.8); }
      .contact__bottom--form .submit button {
        background: #00aeef;
        border: none;
        color: #ffffff;
        cursor: pointer;
        font-family: "Nova-Semibold";
        font-size: 2rem;
        padding: 1rem 2rem;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .5s; }
        .contact__bottom--form .submit button:focus {
          outline: none; }
        .contact__bottom--form .submit button:hover {
          background: #0090c6; }
  @media (min-width: 568px) {
    .contact__bottom--text p {
      padding-inline: 3em; }
    .contact__bottom--form .name {
      flex-direction: row;
      column-gap: 2em; }
    .contact__bottom--form .captcha {
      transform: none; } }
  @media (min-width: 768px) {
    .contact__bottom--form {
      padding-bottom: 15em; }
      .contact__bottom--form .campo span.error {
        top: 0.2em; }
        .contact__bottom--form .campo span.error .fa-exclamation {
          top: 27px; }
      .contact__bottom--form .submit, .contact__bottom--form .captcha {
        justify-content: flex-end; } }
  @media (min-width: 900px) {
    .contact {
      display: flex;
      flex-direction: row-reverse; }
      .contact__up {
        display: flex;
        align-items: flex-end;
        width: 55%;
        order: 2;
        height: initial; }
        .contact__up img {
          padding: 3em;
          padding-bottom: 0;
          object-fit: contain;
          width: 100%; }
      .contact__bottom {
        width: 45%;
        order: 1;
        padding: 4em 4em 125px; }
        .contact__bottom--title, .contact__bottom--text > p {
          text-align: left;
          padding: 0; }
          .contact__bottom--title h3, .contact__bottom--text > p h3 {
            font: 2.5em "Nova-Semibold"; }
        .contact__bottom--form {
          padding: 0; }
          .contact__bottom--form .campo span.error {
            top: 0.4em; }
            .contact__bottom--form .campo span.error .fa-exclamation {
              right: 0;
              top: 23px;
              font-size: 10px; }
          .contact__bottom--form .submit, .contact__bottom--form .captcha {
            margin-top: 1.5em; } }
  @media (min-width: 1200px) {
    .contact {
      min-height: 100vh; }
      .contact__up img {
        padding: 10em 0 0 9em;
        max-height: 100vh;
        max-width: 750px; }
      .contact__bottom {
        padding: 12em 5em 6em;
        align-self: center; }
        .contact__bottom--title h3 {
          font: 3em "Nova-Semibold";
          letter-spacing: 1.2px; }
        .contact__bottom--text > p {
          font: 2em "Nova-Semibold";
          letter-spacing: 1.9px;
          max-width: 600px;
          line-height: 2; } }
  @media (min-width: 1500px) {
    .contact__up {
      display: flex;
      justify-content: center; }
    .contact__bottom {
      padding-right: 6em;
      padding-top: 12em; }
      .contact__bottom--form {
        max-width: 600px; } }

.footer-v2 {
  position: relative;
  margin: 0;
  height: 200px;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%; }
  .footer-v2 .content {
    background: #333333;
    height: 100%;
    padding: 1em 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .footer-v2 .content .social-media > a {
      transition: all .5s;
      color: #00aeef;
      text-decoration: none; }
      .footer-v2 .content .social-media > a:hover {
        color: #cdcdcd; }
      .footer-v2 .content .social-media > a #contact-us {
        font: 2em "Nova-Regular";
        font-weight: bold;
        letter-spacing: 0.1px;
        margin: 0 1.75em;
        text-align: center; }
    .footer-v2 .content .social-media {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .footer-v2 .content .social-media .icons {
        margin-top: 1.5em;
        display: flex;
        justify-content: center;
        gap: 2em; }
      .footer-v2 .content .social-media a {
        transition: all .5s; }
        @supports (-webkit-touch-callout: none) and (not (translate: none)) {
          .footer-v2 .content .social-media a:not(:last-child) {
            margin-right: 2em; } }
        .footer-v2 .content .social-media a:hover img, .footer-v2 .content .social-media a:hover .fa {
          transform: scale(1.1); }
      .footer-v2 .content .social-media .fa {
        transition: all .5s;
        width: 30px;
        height: 30px; }
    .footer-v2 .content .info {
      margin-top: 2em;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 2em; }
      .footer-v2 .content .info .copyright {
        font: 2em "Nova-Regular";
        font-weight: bold;
        color: #cbcbcb; }
      .footer-v2 .content .info p {
        margin: 0; }
      .footer-v2 .content .info a {
        text-decoration: none;
        transition: all .5s; }
        @supports (-webkit-touch-callout: none) and (not (translate: none)) {
          .footer-v2 .content .info a {
            margin-top: 1em; } }
        .footer-v2 .content .info a:hover {
          color: #b3b3b3; }
      .footer-v2 .content .info .terms, .footer-v2 .content .info .privacy, .footer-v2 .content .info .pipe {
        font: 2em "Nova-Regular";
        font-weight: bold;
        color: #00aeef; }
      .footer-v2 .content .info .pipe {
        display: none; }
  @media (min-width: 568px) {
    .footer-v2 .content .info {
      gap: 1.5em; }
      @supports (-webkit-touch-callout: none) and (not (translate: none)) {
        .footer-v2 .content .info a {
          margin-top: 1.5em; } } }
  @media (min-height: 768px) and (min-width: 768px) {
    .footer-v2 {
      height: 105px;
      margin-top: -105px;
      position: sticky; }
      .footer-v2 .content {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 1em 2em; }
        .footer-v2 .content .info {
          align-items: flex-start;
          gap: 1em; } }
  @media (min-width: 768px) {
    .footer-v2 .content .info {
      margin-top: 0; } }
  @media (min-width: 1200px) {
    .footer-v2 {
      position: sticky;
      height: 38px;
      margin-top: -38px; }
      .footer-v2 .content {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 1em 2em; }
        .footer-v2 .content .info {
          align-items: flex-start;
          gap: 1em; }
      .footer-v2 .content {
        font: 0.6em "Nova-Regular";
        padding-left: 5em;
        padding-right: 5em;
        align-items: center; }
        .footer-v2 .content .social-media {
          flex-direction: row;
          align-items: center; }
          .footer-v2 .content .social-media .icons {
            margin-top: 0;
            gap: 2.25em; }
            @supports (-webkit-touch-callout: none) and (not (translate: none)) {
              .footer-v2 .content .social-media .icons a:not(:last-child) {
                margin-right: 2.25em; } }
          .footer-v2 .content .social-media .fa {
            width: 20px;
            height: 20px; }
        .footer-v2 .content .social-media > a #contact-us {
          margin-right: 3em;
          font-size: 1.75em; }
        .footer-v2 .content .info {
          flex-direction: row; }
          .footer-v2 .content .info .copyright {
            margin-right: 1.2em; }
          .footer-v2 .content .info .pipe {
            display: initial;
            padding-left: .5em;
            padding-right: .5em; } }

.footer {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 5rem 1rem;
  background: #1e1e1e; }
  .footer__content {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .footer__icon {
    display: flex;
    justify-content: center; }
    .footer__icon a {
      margin: 0 1.5rem;
      transition: all .5s; }
      .footer__icon a.news {
        display: flex;
        align-items: flex-start;
        margin: 0 1rem; }
        .footer__icon a.news img {
          width: 4.1rem;
          height: 4.1rem;
          position: relative;
          top: 7;
          transition: all .5s; }
      .footer__icon a:hover img, .footer__icon a:hover .fa {
        transform: scale(1.1); }
    .footer__icon .fa {
      font-size: 4.6rem;
      color: #b3b3b3;
      transition: all .5s; }
      .footer__icon .fa.youtube {
        font-size: 5.3rem;
        position: relative;
        top: -2px; }
  .footer__info--dress {
    padding: 5rem 0 4rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .footer__info--dress span, .footer__info--dress a {
      color: #b3b3b3;
      font: 1.7rem "CenturyGothic-regular";
      font-weight: 100;
      line-height: 1.3; }
    .footer__info--dress a {
      transition: all .5s; }
      .footer__info--dress a:hover {
        text-decoration: none;
        color: #00aeef; }
  .footer__info--copy {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .footer__info--copy span {
      color: #b3b3b3;
      font: 1.7rem "CenturyGothic-regular";
      font-weight: 100;
      line-height: 1.3; }
    .footer__info--copy a {
      color: #b3b3b3;
      line-height: 1.3;
      font: 1.7rem "CenturyGothic-regular";
      font-weight: 100;
      text-decoration: none;
      transition: all .5s; }
      .footer__info--copy a:hover {
        color: #00aeef; }
  @media (max-width: 768px) {
    .footer__icon a.news img {
      width: 4.7rem;
      height: 4.7rem; } }
  @media (max-width: 568px) {
    .footer__icon a.news img {
      width: 4.6rem;
      height: 4.6rem; } }
  @media (max-width: 380px) {
    .footer {
      padding: 5rem 1rem; }
      .footer__info--dress {
        padding: 3rem 0; } }
  @media (min-width: 768px) {
    .footer {
      background: #e6e6e6;
      padding: 5.8rem 1rem; }
      .footer__content {
        width: 95%;
        margin: 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
      .footer__icon {
        order: 2; }
        .footer__icon a {
          margin: 0 1rem; }
        .footer__icon .fa {
          color: #666666;
          font-size: 4rem; }
          .footer__icon .fa.youtube {
            font-size: 4.6rem; }
      .footer__info--dress {
        order: 1;
        padding: 0;
        align-items: initial; }
        .footer__info--dress span, .footer__info--dress a {
          color: #666666;
          font-size: 1.7rem; }
      .footer__info--copy {
        order: 3;
        align-items: initial; }
        .footer__info--copy span, .footer__info--copy a {
          color: #666666;
          font-size: 1.7rem; } }
  @media (min-width: 1024px) {
    .footer {
      padding: 3.2rem 1rem; }
      .footer__icon a {
        margin: 0 1.2rem; }
        .footer__icon a.news img {
          width: 3.2rem;
          height: 3.2rem; }
      .footer__icon .fa {
        font-size: 3.2rem; }
        .footer__icon .fa.youtube {
          font-size: 3.7rem; }
      .footer__info--dress span, .footer__info--dress a {
        font-size: 1.3rem; }
      .footer__info--copy span, .footer__info--copy a {
        font-size: 1.3rem; } }
  @media (min-width: 1200px) {
    .footer__content {
      width: 93%; }
    .footer__icon a {
      margin: 0 1.5rem; }
    .footer__info--dress span, .footer__info--dress a {
      font-size: 1.4rem; }
    .footer__info--copy span, .footer__info--copy a {
      font-size: 1.4rem; } }
  @media (min-width: 1500px) {
    .footer {
      padding: 5.5rem 1rem; }
      .footer__icon a.news img {
        width: 4.5rem;
        height: 4.6rem; }
      .footer__icon .fa {
        font-size: 4.5rem; }
        .footer__icon .fa.youtube {
          font-size: 5rem; }
      .footer__info--dress span, .footer__info--dress a {
        font-size: 1.7rem; }
      .footer__info--copy span, .footer__info--copy a {
        font-size: 1.7rem; } }

.pageMedia {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transition: all .7s;
  right: -100%;
  top: 0;
  background: #ffffff;
  display: none; }
  .pageMedia.open {
    display: inline-block; }
  .pageMedia__header {
    transition: all .5s;
    display: flex;
    padding: 25px 15px;
    justify-content: space-between;
    align-items: center;
    background: #ffffff; }
    .pageMedia__header--close .closePage {
      background: #00aeef;
      padding: 1.6rem;
      transform: rotate(45deg);
      cursor: pointer;
      transition: all .5s;
      border: none;
      margin-right: 1rem; }
      .pageMedia__header--close .closePage img {
        transform: rotate(-45deg);
        transition: all .5s;
        width: 2.2rem; }
      .pageMedia__header--close .closePage:focus {
        outline: none; }
      .pageMedia__header--close .closePage:hover {
        transform: rotate(0deg); }
        .pageMedia__header--close .closePage:hover img {
          transform: rotate(0deg); }
    .pageMedia__header--logo img {
      width: 100px;
      transition: all .5s; }
  .pageMedia__content {
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 1rem;
    background: #ffffff; }
    .pageMedia__content--img {
      width: 100%;
      height: 250px; }
      .pageMedia__content--img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .pageMedia__content--text {
      width: 90%; }
      .pageMedia__content--text .title {
        padding-bottom: 1.5rem;
        padding-top: 3.5rem; }
        .pageMedia__content--text .title h2 {
          color: #666;
          font-family: "CenturyGothic";
          font-size: 28px;
          letter-spacing: .4px; }
        .pageMedia__content--text .title span {
          font-family: "CenturyGothic-regular";
          font-style: italic;
          font-size: 14px;
          color: #666666;
          opacity: .9; }
      .pageMedia__content--text .boxText {
        width: 100%;
        padding-bottom: 1.5rem; }
        .pageMedia__content--text .boxText p {
          font-family: "CenturyGothic-regular";
          color: #666666;
          font-size: 15px;
          line-height: 1.9;
          opacity: .8;
          padding-bottom: 1.5rem; }
  @media (min-width: 568px) {
    .pageMedia__content--text {
      text-align: left;
      width: 95%; }
      .pageMedia__content--text .title {
        padding-top: 3rem; } }
  @media (min-width: 768px) {
    .pageMedia__content--text .title h2 {
      font-size: 30px; } }
  @media (min-width: 1024px) {
    .pageMedia__content--text .title {
      padding-bottom: 1.2rem; }
      .pageMedia__content--text .title h2 {
        font-size: 32px; }
    .pageMedia__content--text .boxText p {
      font-size: 16px;
      line-height: 1.8; } }
  @media (min-width: 1200px) {
    .pageMedia__content--text .title {
      padding-bottom: 1.6rem; }
      .pageMedia__content--text .title h2 {
        font-size: 35px; } }
  @media (min-width: 1320px) {
    .pageMedia__content--text .title {
      padding-bottom: 1.8rem; } }
  @media (min-width: 1500px) {
    .pageMedia__header {
      padding: 25px 30px; } }
  @media (min-width: 1650px) {
    .pageMedia__content--text .title {
      padding-bottom: 2.8rem; }
    .pageMedia__content--text .boxText p {
      font-size: 17px; } }

.pageTerminos {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transition: all .7s;
  right: -100%;
  top: 0;
  background: #ffffff;
  display: none; }
  .pageTerminos.open {
    display: inline-block; }
  .pageTerminos__header {
    transition: all .5s;
    display: flex;
    padding: 25px 15px;
    justify-content: space-between;
    align-items: center;
    background: #ffffff; }
    .pageTerminos__header--close .closePage {
      background: #00aeef;
      padding: 1.6rem;
      transform: rotate(45deg);
      cursor: pointer;
      transition: all .5s;
      border: none;
      margin-right: 1rem; }
      .pageTerminos__header--close .closePage img {
        transform: rotate(-45deg);
        transition: all .5s;
        width: 2.2rem; }
      .pageTerminos__header--close .closePage:focus {
        outline: none; }
      .pageTerminos__header--close .closePage:hover {
        transform: rotate(0deg); }
        .pageTerminos__header--close .closePage:hover img {
          transform: rotate(0deg); }
    .pageTerminos__header--logo img {
      width: 100px;
      transition: all .5s; }
  .pageTerminos__content {
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 1rem;
    background: #ffffff; }
    .pageTerminos__content--img {
      width: 100%;
      height: 250px; }
      .pageTerminos__content--img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .pageTerminos__content--text {
      width: 90%; }
      .pageTerminos__content--text .title {
        padding-bottom: 1.5rem;
        padding-top: 3.5rem; }
        .pageTerminos__content--text .title h2 {
          color: #666;
          font-family: "CenturyGothic";
          font-size: 28px;
          letter-spacing: .4px; }
        .pageTerminos__content--text .title span {
          font-family: "CenturyGothic-regular";
          font-style: italic;
          font-size: 14px;
          color: #666666;
          opacity: .9; }
      .pageTerminos__content--text .boxText {
        width: 100%;
        padding-bottom: 1.5rem; }
        .pageTerminos__content--text .boxText p {
          font-family: "CenturyGothic-regular";
          color: #666666;
          font-size: 15px;
          line-height: 1.9;
          opacity: .8;
          padding-bottom: 1.5rem; }
        .pageTerminos__content--text .boxText .definitions {
          padding-top: 1rem; }
          .pageTerminos__content--text .boxText .definitions h3 {
            color: #666;
            font-family: "CenturyGothic";
            font-size: 22px;
            letter-spacing: .4px; }
          .pageTerminos__content--text .boxText .definitions ol {
            padding-top: 1rem; }
            .pageTerminos__content--text .boxText .definitions ol li {
              font-family: "CenturyGothic-regular";
              color: #666666;
              font-size: 15px;
              opacity: .8;
              line-height: 1.8; }
              .pageTerminos__content--text .boxText .definitions ol li a {
                color: #00aeef; }
        .pageTerminos__content--text .boxText .terms {
          padding-top: 1.5rem;
          padding-bottom: 2rem; }
          .pageTerminos__content--text .boxText .terms h3 {
            color: #666;
            font-family: "CenturyGothic";
            font-size: 22px;
            letter-spacing: .4px; }
          .pageTerminos__content--text .boxText .terms ol li {
            font-size: 17px;
            font-family: "CenturyGothic-regular";
            color: #666666;
            opacity: .9;
            line-height: 1.8; }
            .pageTerminos__content--text .boxText .terms ol li h4 {
              color: #777;
              font-size: 18px;
              padding-top: 1rem;
              font-family: "CenturyGothic"; }
  @media (min-width: 568px) {
    .pageTerminos__content--text {
      text-align: left;
      width: 95%; }
      .pageTerminos__content--text .title {
        padding-top: 3rem; } }
  @media (min-width: 768px) {
    .pageTerminos__content--text .title h2 {
      font-size: 30px; } }
  @media (min-width: 1024px) {
    .pageTerminos__content--text .title {
      padding-bottom: 1.2rem; }
      .pageTerminos__content--text .title h2 {
        font-size: 32px; }
    .pageTerminos__content--text .boxText p {
      font-size: 16px;
      line-height: 1.8; }
    .pageTerminos__content--text .boxText .terms ol li {
      opacity: .8; } }
  @media (min-width: 1200px) {
    .pageTerminos__content--text .title {
      padding-bottom: 1.6rem; }
      .pageTerminos__content--text .title h2 {
        font-size: 35px; } }
  @media (min-width: 1320px) {
    .pageTerminos__content--text .title {
      padding-bottom: 1.8rem; } }
  @media (min-width: 1500px) {
    .pageTerminos__header {
      padding: 25px 30px; } }
  @media (min-width: 1650px) {
    .pageTerminos__content--text .title {
      padding-bottom: 2.8rem; }
    .pageTerminos__content--text .boxText p {
      font-size: 17px; }
    .pageTerminos__content--text .boxText .definitions h3 {
      font-size: 24px; }
    .pageTerminos__content--text .boxText .definitions ol li {
      font-size: 17px; } }

.pagePrivacy {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transition: all .7s;
  right: -100%;
  top: 0;
  background: #ffffff;
  display: none; }
  .pagePrivacy.open {
    display: inline-block; }
  .pagePrivacy__header {
    transition: all .5s;
    display: flex;
    padding: 25px 15px;
    justify-content: space-between;
    align-items: center;
    background: #ffffff; }
    .pagePrivacy__header--close .closePage {
      background: #00aeef;
      padding: 1.6rem;
      transform: rotate(45deg);
      cursor: pointer;
      transition: all .5s;
      border: none;
      margin-right: 1rem; }
      .pagePrivacy__header--close .closePage img {
        transform: rotate(-45deg);
        transition: all .5s;
        width: 2.2rem; }
      .pagePrivacy__header--close .closePage:focus {
        outline: none; }
      .pagePrivacy__header--close .closePage:hover {
        transform: rotate(0deg); }
        .pagePrivacy__header--close .closePage:hover img {
          transform: rotate(0deg); }
    .pagePrivacy__header--logo img {
      width: 100px;
      transition: all .5s; }
  .pagePrivacy__content {
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 1rem;
    background: #ffffff; }
    .pagePrivacy__content--img {
      width: 100%;
      height: 250px; }
      .pagePrivacy__content--img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .pagePrivacy__content--text {
      width: 90%; }
      .pagePrivacy__content--text .title {
        padding-bottom: 1.5rem;
        padding-top: 3.5rem; }
        .pagePrivacy__content--text .title h2 {
          color: #666;
          font-family: "CenturyGothic";
          font-size: 28px;
          letter-spacing: .4px; }
        .pagePrivacy__content--text .title span {
          font-family: "CenturyGothic-regular";
          font-style: italic;
          font-size: 14px;
          color: #666666;
          opacity: .9; }
      .pagePrivacy__content--text .boxText {
        width: 100%;
        padding-bottom: 1.5rem; }
        .pagePrivacy__content--text .boxText p {
          font-family: "CenturyGothic-regular";
          color: #666666;
          font-size: 15px;
          line-height: 1.9;
          opacity: .8;
          padding-bottom: 1.5rem; }
        .pagePrivacy__content--text .boxText .terms {
          padding-top: 1.5rem;
          padding-bottom: 2rem; }
          .pagePrivacy__content--text .boxText .terms h3 {
            color: #666;
            font-family: "CenturyGothic";
            font-size: 22px;
            letter-spacing: .4px; }
          .pagePrivacy__content--text .boxText .terms ol li {
            font-size: 17px;
            font-family: "CenturyGothic-regular";
            color: #666666;
            opacity: .9;
            line-height: 1.8; }
            .pagePrivacy__content--text .boxText .terms ol li h4 {
              color: #777;
              font-size: 18px;
              padding-top: 1rem;
              font-family: "CenturyGothic"; }
            .pagePrivacy__content--text .boxText .terms ol li ul.punto {
              padding: 0; }
              .pagePrivacy__content--text .boxText .terms ol li ul.punto li {
                color: #666666;
                opacity: .8;
                line-height: 1.9;
                padding-bottom: .5rem;
                font-size: 15px;
                font-family: "CenturyGothic-regular"; }
  @media (min-width: 568px) {
    .pagePrivacy__content--text {
      text-align: left;
      width: 95%; }
      .pagePrivacy__content--text .title {
        padding-top: 3rem; } }
  @media (min-width: 768px) {
    .pagePrivacy__content--text .title h2 {
      font-size: 30px; } }
  @media (min-width: 1024px) {
    .pagePrivacy__content--text .title {
      padding-bottom: 1.2rem; }
      .pagePrivacy__content--text .title h2 {
        font-size: 32px; }
    .pagePrivacy__content--text .boxText p {
      font-size: 16px;
      line-height: 1.8; }
    .pagePrivacy__content--text .boxText .terms ol li {
      opacity: .8; } }
  @media (min-width: 1200px) {
    .pagePrivacy__content--text .title {
      padding-bottom: 1.6rem; }
      .pagePrivacy__content--text .title h2 {
        font-size: 35px; } }
  @media (min-width: 1320px) {
    .pagePrivacy__content--text .title {
      padding-bottom: 1.8rem; } }
  @media (min-width: 1500px) {
    .pagePrivacy__header {
      padding: 25px 30px; } }
  @media (min-width: 1650px) {
    .pagePrivacy__content--text .title {
      padding-bottom: 2.8rem; }
    .pagePrivacy__content--text .boxText p {
      font-size: 17px; }
    .pagePrivacy__content--text .boxText .definitions h3 {
      font-size: 24px; }
    .pagePrivacy__content--text .boxText .definitions ol li {
      font-size: 17px; } }

.swal-overlay .swal-title {
  font-family: "Nova-Bold";
  text-transform: capitalize; }
.swal-overlay .swal-text {
  font-family: "Nova-Regular";
  text-align: center; }
.swal-overlay .swal-button--confirm {
  background-color: #00aeef;
  transition: all .5s; }
  .swal-overlay .swal-button--confirm:hover {
    background-color: #0090c6; }

@keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    transform: translateY(-30px); }
  5% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(0px); }
  30% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }