@font-face {
  font-family: Marsh Stencil;
  src: url('../fonts/Marsh-Stencil-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Wallpoet;
  src: url('../fonts/Wallpoet-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D din;
  src: url('../fonts/D-DIN.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D dincondensed;
  src: url('../fonts/D-DINCondensed.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D dinexp;
  src: url('../fonts/D-DINExp.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D din;
  src: url('../fonts/D-DIN-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D dincondensed;
  src: url('../fonts/D-DINCondensed-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D din;
  src: url('../fonts/D-DIN-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: D dinexp;
  src: url('../fonts/D-DINExp-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D dinexp;
  src: url('../fonts/D-DINExp-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Otterco;
  src: url('../fonts/Otterco-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  background-color: #1a1a1a;
  height: 400vw;
}

.navbar {
  background-color: #ddd0;
  width: 95vw;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  text-decoration: none;
  top: 10px;
}

.container {
  float: left;
  clear: left;
  color: #ebebeb;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 95vw;
  min-width: auto;
  max-width: 100vw;
  max-height: 100vh;
  margin: auto;
  display: block;
}

.nav-link {
  color: #e9e9e9;
  letter-spacing: 4px;
  background-color: #0000;
  font-family: D din, sans-serif;
  font-weight: 400;
}

.nav-link.w--current {
  color: #e9e9e9;
  letter-spacing: 4px;
  cursor: pointer;
  background-color: #0000;
  font-family: D din, sans-serif;
  font-weight: 400;
}

.nav-link-2 {
  color: #e9e9e9;
  letter-spacing: 4px;
  cursor: pointer;
  font-family: D din, sans-serif;
}

.nav-link-5 {
  color: #e9e9e9;
  letter-spacing: 4px;
  font-family: D din, sans-serif;
}

.nav-menu {
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-top: 10px;
  font-family: D din, sans-serif;
  display: block;
}

.nav-link-4 {
  color: #e9e9e9;
  letter-spacing: 4px;
  cursor: pointer;
  padding-left: 20px;
  font-family: Wallpoet, sans-serif;
}

.nav-link-3 {
  color: #e9e9e9;
  letter-spacing: 4px;
  cursor: pointer;
}

.firstsection {
  justify-content: flex-start;
  align-items: center;
  max-width: 95vw;
  height: auto;
  margin-top: 40px;
  padding-top: 0;
  display: flex;
  transform: rotate(0);
}

.linksection {
  color: #e9e9e9;
  letter-spacing: 4px;
  font-family: D din, sans-serif;
  font-size: 10px;
  text-decoration: none;
  transform: rotate(-90deg);
}

.linksection._1 {
  white-space: nowrap;
  font-size: .8rem;
  transform: rotate(-90deg);
}

.linksection._2, .linksection._3, .linksection._4 {
  font-size: .8rem;
}

.wearea {
  color: #e9e9e9;
  text-align: left;
  letter-spacing: 5px;
  text-transform: none;
  width: auto;
  font-family: D dinexp, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 3.4rem;
}

.typing-line {
  color: #e9e9e9;
  letter-spacing: 6px;
  text-transform: none;
  align-self: auto;
  width: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 3.2rem;
  line-height: 3.5rem;
  display: block;
}

.firstcopy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 50vh;
  margin-left: 10px;
  display: flex;
}

.copytext {
  color: #e9e9e9;
  letter-spacing: 5px;
  font-family: D dinexp, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
}

.secondsection {
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: center;
  max-width: 95vw;
  margin-top: 20px;
  margin-bottom: 10vh;
  display: flex;
  transform: rotate(0);
}

.secondlinksection {
  direction: ltr;
  color: #e9e9e9;
  text-align: left;
  letter-spacing: 4px;
  min-height: 0;
  margin-bottom: 0;
  font-family: D din, sans-serif;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
  transform: rotate(-90deg);
}

.split-lines {
  color: #e9e9e9;
  max-width: 50vw;
  font-family: D din, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.split-lines._2 {
  max-width: 40vw;
}

.secondcopy {
  max-width: 100%;
  margin-left: 40px;
  margin-right: auto;
  font-family: D din, sans-serif;
  display: flex;
}

.wordspan {
  color: #4cbf96;
  font-family: Wallpoet, sans-serif;
}

.wordspan.typer.typersmall {
  letter-spacing: 3px;
  vertical-align: middle;
  width: auto;
  font-size: 3rem;
  line-height: 3rem;
}

.text-span {
  font-family: Wallpoet, sans-serif;
}

.projectstrack {
  z-index: 900;
  background-color: #0000;
  max-width: 95vw;
  height: 400vh;
  margin-top: 175px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: static;
  transform: rotate(0);
}

.projectstrack._2, .projectstrack._3, .projectstrack._4 {
  display: none;
}

.camera {
  height: 400vh;
  position: relative;
  top: 0;
  overflow: hidden;
}

.frameprojects {
  z-index: 700;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 10px;
  display: flex;
  position: sticky;
}

.div-block {
  object-fit: contain;
  flex: none;
  align-self: center;
  width: 60vw;
  height: 80vh;
}

.image {
  height: 100%;
}

.agencywork {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto 212px;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-rows: 94px;
  grid-auto-columns: 1fr;
  place-content: stretch;
  max-width: 90vw;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.agencywork._2 {
  color: #fff;
  max-width: 95%;
  display: none;
}

.agencywork._1 {
  color: #fff;
  max-width: 95%;
  height: 300px;
  margin-top: 2rem;
  display: none;
}

.agencywork._3 {
  color: #fff;
  height: 45vh;
  display: none;
}

.card-photo-gallery {
  background-color: #4b60b5;
  width: 100%;
  height: 400px;
  position: relative;
}

.card-photo-gallery._1 {
  background-color: #32ffaa;
  background-image: linear-gradient(#00000080, #00000080), url('../images/holii_design.webp');
  background-position: 0 0, 100%;
  background-repeat: repeat, repeat;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  align-self: auto;
  width: 50%;
  height: auto;
  transition: width .4s;
}

.card-photo-gallery._1:hover {
  width: 80%;
}

.card-photo-gallery._2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/comed-img-3.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  width: 100%;
}

.card-photo-gallery._2.artd {
  width: 100%;
}

.card-photo-gallery._3 {
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080), url('../images/PHOTOPRO1.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  height: 35vh;
  padding-top: 0;
  text-decoration: none;
}

.card-photo-gallery._4 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/super-web.png');
  background-position: 0 0, 40% 20%;
  background-size: auto, cover;
  width: 100%;
  height: auto;
  display: none;
}

.card-photo-gallery._5 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/TWOSTEP.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 50%;
  height: auto;
  transition: width .4s;
  display: block;
}

.card-photo-gallery._5:hover {
  width: 90%;
}

.text-block-2 {
  color: #fff;
  letter-spacing: 4px;
  max-width: 90vw;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  font-family: D din, sans-serif;
  font-size: 60px;
}

.workspan {
  letter-spacing: 4px;
  font-family: Wallpoet, sans-serif;
  font-size: 72px;
}

.galleryoverlay {
  z-index: 1;
  background-color: #11111180;
  height: 400px;
  position: absolute;
  inset: 0%;
}

.galleryoverlay._1, .galleryoverlay._2 {
  background-color: #1119;
}

.galleryoverlay._3 {
  background-color: #1119;
  height: 300px;
}

.galleryoverlay._4, .galleryoverlay._5 {
  background-color: #1119;
}

.div-block-3 {
  z-index: 1;
  background-color: #11111180;
  height: 400px;
  position: absolute;
  inset: 0%;
}

.overlay {
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px;
  position: absolute;
  inset: 0%;
}

.heading {
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 145px auto auto;
  font-family: Wallpoet, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 40px;
}

.heading._5 {
  max-width: 90%;
  margin-top: 7rem;
}

.heading._4 {
  margin-top: 7rem;
}

.heading._2 {
  margin-top: 8rem;
}

.heading._1 {
  margin-top: 8rem;
  font-size: 42px;
}

.heading._3 {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: transparent;
  cursor: auto;
  justify-content: center;
  align-items: center;
  margin: 6.5rem auto auto;
  text-decoration: none;
  display: block;
}

.paragraph {
  color: #ffffffba;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: D din, sans-serif;
  line-height: 18px;
}

.paragraph._3 {
  max-width: 50%;
  text-decoration: none;
}

.paragraph._2 {
  text-align: center;
  width: 90%;
  max-width: 100%;
}

.paragraph._4 {
  max-width: 90%;
}

.fourthsection {
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 155px;
  display: flex;
}

.teamcopy {
  opacity: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 95vw;
  margin-top: 25vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  transform: rotate(0);
}

.te {
  color: #e9e9e9;
  max-width: 50vw;
  font-family: D din, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.link {
  text-decoration: none;
  transform: rotate(-90deg);
}

.teamsection {
  z-index: 800;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  max-width: 95vw;
  margin-top: 126px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.teampeople {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.teampeople._1 {
  display: flex;
}

.teampeople._2 {
  z-index: 800;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 60vw;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.people.felipe {
  cursor: pointer;
  position: relative;
}

.people.juli, .people.jenn {
  cursor: pointer;
  display: block;
  position: relative;
}

.people.sebas, .people.cris {
  cursor: pointer;
  position: relative;
}

.teampic._1 {
  cursor: auto;
  width: 25vw;
  max-width: none;
  display: block;
  position: static;
  inset: 0%;
}

.teampic._2, .teampic._3, .teampic._4, .teampic._5 {
  width: 25vw;
  max-width: none;
}

.peoplename {
  z-index: 2;
  color: #4cbf96;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  object-fit: fill;
  width: 60%;
  font-family: Wallpoet, sans-serif;
  font-size: 5rem;
  line-height: 4rem;
  position: static;
  inset: 236px auto auto 0;
}

.peopletext {
  color: #e7a231;
  text-align: center;
  font-size: 12px;
  display: none;
}

.brandscopy {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 95vw;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  transform: rotate(0);
}

.wrapper {
  outline-offset: 0px;
  white-space: nowrap;
  object-fit: fill;
  border: 2px solid #fff;
  border-radius: 0;
  outline: 3px #e148c0;
  width: auto;
  height: auto;
  margin-top: 95px;
  margin-left: -4px;
  margin-right: auto;
  overflow: hidden;
}

.brandswrapper {
  opacity: .52;
  margin-top: 90px;
  padding: 10px;
  overflow: hidden;
}

.brandsmarquee {
  border: 3px solid #fff;
  justify-content: space-between;
  align-items: stretch;
  width: 350%;
  margin-left: -19px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.marqueecontainer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  margin-left: 20px;
  display: flex;
}

.marqueecontainer._2 {
  margin-left: auto;
  padding-left: 135px;
}

.marqueecontainer._3 {
  display: none;
}

.brand {
  background-image: url('../images/logo-skil.png');
  background-position: 50%;
  background-size: cover;
  flex: 0 auto;
  width: 10%;
  height: 150px;
}

.image-2 {
  flex: 0 auto;
}

.lastsection {
  z-index: 900;
  justify-content: space-around;
  max-width: 80vw;
  margin: 150px auto 0;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.pushimage {
  align-self: center;
  width: auto;
  height: auto;
}

.invitecopy {
  color: #e9e9e9;
  letter-spacing: 4px;
  max-width: none;
  font-family: D din, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

.pushinfo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  line-height: 32px;
  display: flex;
}

.text-span-2 {
  font-family: Wallpoet, sans-serif;
}

.pushinsta {
  background-image: url('../images/instagram.png');
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-top: 50px;
}

.pushemail {
  color: #b4b4b4;
  letter-spacing: 4px;
  margin-top: 50px;
  font-family: D din, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.link-2 {
  color: #b4b4b4;
  letter-spacing: 4px;
  font-family: D din, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-2 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-6 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-6:hover {
  color: #1a1b1fbf;
}

.nav-link-6:focus-visible, .nav-link-6[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.body-2 {
  background-color: #1a1a1a;
  max-width: 120%;
}

.projectintro {
  background-image: url('../images/INNOVATION_1-1.png');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  height: 90vh;
  margin-top: 35px;
  position: relative;
}

.overlayvideo {
  background-color: #000000b0;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-4 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-5 {
  color: #e9e9e9;
  justify-content: flex-start;
  align-items: center;
  max-width: 75vw;
  margin-top: 44px;
  margin-left: 50px;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  transform: rotate(0);
}

.div-block-5.cruise-descr {
  margin-top: 226px;
}

.div-block-5.nipsco-heading {
  margin-top: 175px;
}

.div-block-5.flex-intro {
  justify-content: flex-start;
  align-items: center;
  padding-top: 13px;
}

.div-block-5.modelo-descript {
  justify-content: flex-start;
  align-items: center;
}

.projectname {
  flex: 0 auto;
  order: 0;
  text-decoration: none;
  transform: rotate(-90deg);
}

.paragraph-2 {
  letter-spacing: 0;
  max-width: 55vw;
  margin-left: 0;
  font-family: D din, sans-serif;
  font-size: 18px;
  line-height: 18px;
  display: block;
}

.paragraph-2.prg-nutrilite {
  max-width: 50vw;
  margin-top: 10px;
  margin-left: -58px;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.prg-flex {
  margin-left: -15px;
}

.paragraph-2.comed-descipt {
  font-size: 2rem;
  line-height: 1.8rem;
}

.paragraph-2.artistry-dscr {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.asigment_cocacola {
  max-width: 48vw;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.paragraph-2.asigment_-kia {
  align-self: center;
  max-width: 50vw;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.asigment_kia {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.lexus_asigment {
  max-width: 50vw;
  margin-bottom: auto;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.asigmentatt {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.paragraph-2.flonase_assigment {
  max-width: 45vw;
}

.paragraph-2.nipsco_assigment {
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.heading-2 {
  color: #1991ca;
  letter-spacing: 4px;
  -webkit-text-stroke-color: #1991ca;
  margin-top: 21px;
  margin-left: -50px;
  font-family: D din, sans-serif;
  font-size: 12px;
  font-weight: 700;
  transform: rotate(-90deg);
}

.heading-2.norw-title {
  color: #7fb8fa;
}

.heading-2.fifa-heading {
  color: #ff91a1;
}

.heading-2.flex-title {
  color: #ffed85;
  max-width: 95%;
  margin-left: 0;
  margin-right: auto;
  transform: rotate(-90deg);
}

.heading-2.nutrilite-heading {
  color: #49af52;
  -webkit-text-stroke-color: #49af52;
}

.heading-2.flex-heading {
  color: #fff;
  -webkit-text-stroke-color: #000;
  margin-left: -32px;
}

.heading-2.comed-hdg {
  color: #fff;
}

.heading-2.modelo-heading {
  color: #ecae12;
}

.heading-2.wm-heading {
  color: #ffc220;
}

.heading-2.dominicanheading {
  color: #1896d3;
}

.heading-2.cc-heading {
  color: #fff;
  text-align: left;
}

.heading-2.cc-heading.lexus_h {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2.cc-heading.coke_heading {
  color: #f70000;
}

.heading-2.tmo-heading {
  color: #f5218c;
}

.heading-2.holii-heading {
  color: #15fc98;
}

.text-span-3, .text-span-4 {
  font-family: Wallpoet, sans-serif;
}

.projectwrapper {
  position: relative;
  inset: 4% 0% 0%;
  overflow: hidden;
}

.projectwrapper.next {
  margin-top: 35px;
  text-decoration: none;
}

.projectwrapper.next.nutrilite-prj {
  text-decoration: none;
}

.projectwrapper.next.comed-prj {
  display: block;
}

.projectwrapper.next.artistry-wr {
  display: inline-block;
}

.projectwrapper.cruise {
  margin-top: 37px;
}

.innerwrapper {
  background-color: #6bbd6e;
  width: 200%;
  padding: 20px 0;
  display: flex;
}

.innerwrapper._2 {
  color: #f1f1f1;
  background-color: #95902a;
}

.innerwrapper._2.fifa-color {
  background-color: #95634f;
}

.innerwrapper._2.nutri-prj {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #40bd44;
}

.innerwrapper._2.prj-comed {
  background-color: #6e06e1;
}

.innerwrapper._2.nipsco-wr {
  background-color: #022d3d;
}

.innerwrapper._2.artistry-wrapper {
  background-color: #e18b52;
}

.innerwrapper._2.walmartscroll {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0053e2;
}

.innerwrapper._2.du_infinite {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #fcbd31;
  width: 205%;
}

.innerwrapper._2.cocacola-wrpr {
  background-color: #f40009;
}

.innerwrapper._2.modeloscroll {
  background-color: #053674;
}

.innerwrapper._2.att_nextwrapper {
  background-color: #00a8e0;
}

.innerwrapper._2.kianext_wrapper {
  background-color: #bb162c;
}

.innerwrapper._2.fox_nextwrapper {
  background-color: #e0584b;
}

.innerwrapper._2.fifa_next {
  background-color: #740521;
}

.innerwrapper._2.holiiscroll {
  background-color: #b67ed7;
}

.innerwrapper._2.audiomioscroll {
  background-color: #f90;
}

.innerwrapper._2.ncl_wrapper {
  background-color: #498ab0;
}

.innerwrapper._2.dietcoke_wrapper {
  background-color: #7d7c7c;
}

.innerwrapper._2.flonase_wrapper {
  background-color: #008542;
}

.innerwrapper._2.lexus_wrapper {
  background-color: #99877d;
}

.innerwrapper._2.flex_wrapper {
  background-color: #000;
}

.innerwrapper._2.tmobile_wrapper {
  background-color: #ea0a8e;
}

.innerwrapper._1 {
  background-color: #5ab049;
  margin-top: 135px;
}

.innerwrapper._1.nrw-cr {
  background-color: #498ab0;
}

.innerwrapper._1.fifa-ads {
  background-color: #95634f;
}

.innerwrapper._1.flex-wrapper {
  background-color: #000;
  margin-top: 120px;
}

.innerwrapper._1.comed-wrapper {
  background-color: #d8c819;
  margin-top: 54px;
}

.innerwrapper._1.nipsco-wrapper {
  background-color: #022d3d;
}

.innerwrapper._1.artistry-wrapper {
  background-color: #e18b52;
}

.innerwrapper._1.comed-wrp {
  background-color: #6e06c1;
}

.innerwrapper._1.starbucks-innes {
  background-color: #21d37a;
}

.innerwrapper._1.dominican-inner {
  background-color: #fcbd31;
}

.innerwrapper._1.rec_modelo {
  background-color: #053674;
}

.innerwrapper._1.rec_walmart {
  background-color: #0053e2;
}

.innerwrapper._1.att_skills {
  background-color: #00a8e0;
}

.innerwrapper._1.kia_skills {
  background-color: #bb162c;
}

.innerwrapper._1.fox_skills {
  background-color: #e0584b;
}

.innerwrapper._1.rec-tmobile {
  background-color: #ea0a8e;
}

.innerwrapper._1.lexus-tag {
  background-color: #917351;
}

.innerwrapper._1.flonase-tag {
  background-color: #008542;
}

.innerwrapper._1.rec_audible {
  background-color: #f90;
}

.innerwrapper._1.cocacola_rec {
  background-color: #f40009;
}

.innerwrapper._1.cokediet {
  background-color: #a7a7a7;
}

.innerwrapper._1.rec-holii {
  background-color: #d1a4fc;
}

.innerwrapper.comed_wrapper {
  background-color: #6e06c1;
}

.projectstags {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: space-around;
  width: 50%;
  padding: 0;
  display: flex;
}

.projectstags._1, .projectstags.nutri1, .projectstags.comed-prj1, .projectstags.nipsco-prj {
  display: flex;
}

.projectstags.artistry-prj {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

.projectstags.dominican {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.projectstags.cocacola-prj {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 85%;
}

.projectstags.extra {
  display: none;
}

.projectstags.cocacolaw {
  font-size: 1rem;
}

.tagsdesign {
  text-align: center;
  width: 190%;
  font-family: Wallpoet, sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
}

.textdesign._1 {
  color: #e9e9e9;
  text-align: center;
  background-color: #0000;
  max-width: none;
  font-family: D din, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.textdesign._1.dg_skill_du {
  color: #1f3c6c;
}

.textdesign._1.coke1 {
  color: #000;
}

.textdesign._2 {
  color: #fbfbfb;
  text-align: center;
  font-family: D din, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.textdesign._2.wm {
  color: #ffc220;
}

.textdesign._2.cml {
  color: #eca312;
}

.textdesign._2.sm_fifa {
  color: #ff91a1;
}

.textdesign._2.comed-tag {
  color: #07d4a7;
}

.textdesign._2.cc_skill, .textdesign._2.tmo {
  color: #000;
}

.textdesign._2.flonase_text {
  color: #ffc20e;
}

.textdesign._2.aud {
  color: #1a1a1a;
}

.textdesign._2.coke2 {
  color: #f70000;
}

.textdesign._3 {
  color: #fff;
  text-align: center;
  font-family: D din, sans-serif;
  font-size: 20px;
}

.textdesign._2 {
  color: #fff;
  font-family: D din, sans-serif;
  font-size: 20px;
}

.textdesign._5 {
  width: 100%;
  font-weight: 400;
}

.textdesign._5.du_text_prj {
  width: 120%;
  font-size: 2.5rem;
}

.textdesign._5.comed_text_wrp {
  color: #07d4a7;
}

.textdesign._5.cc-txt {
  width: 170%;
  font-size: 2.5rem;
}

.textdesign._5.cc_text {
  font-size: 3.2rem;
}

.textdesign._6, .textdesign._7, .textdesign._8 {
  font-weight: 400;
}

.image-3 {
  width: 90%;
  height: 50vh;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.projectdescription {
  color: #e9e9e9;
  max-width: 45%;
  margin-top: 130px;
  margin-left: 25px;
  margin-right: auto;
  font-family: D din, sans-serif;
  font-size: 16px;
}

.projectdescription._1 {
  max-width: 60%;
  margin-top: 25px;
  margin-left: 0;
  font-size: 14px;
}

.projectdescription._1.other {
  text-align: right;
  margin-left: auto;
  margin-right: 70px;
}

.projectdescription._1.minitext {
  letter-spacing: 2px;
}

.projectdescription._2 {
  text-align: left;
  letter-spacing: 5px;
  max-width: 90%;
  margin-top: 40px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.projectdescription._3, .projectdescription._4 {
  max-width: 60%;
  margin-top: 20px;
  margin-left: 75px;
  font-size: 14px;
}

.projectcover {
  max-width: 90%;
  margin-top: 65px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.projectcover.holii_portada.mobile_portada {
  display: none;
}

.n-image {
  text-align: left;
  max-width: 75%;
  height: auto;
  margin-top: 100px;
  margin-left: auto;
  display: block;
}

.n-image.comed-ima-1 {
  margin-left: 0;
  margin-right: auto;
}

.image-5 {
  margin-top: 0;
  padding-top: 0;
}

.image-6 {
  flex: 0 auto;
  align-self: center;
}

.mockups {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 95%;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mockupsimg._2 {
  margin-top: 170px;
  display: block;
}

.mockupsimg._1 {
  margin-top: 0;
}

.mockupsimg._3 {
  margin-top: 325px;
}

.image-7 {
  max-width: 95%;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-8 {
  max-width: 95%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-3 {
  color: #e9e9e9;
  letter-spacing: 4px;
  max-width: 95%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: D din, sans-serif;
  font-size: 2rem;
}

.phrases-copy {
  color: #fff;
  letter-spacing: -.03em;
  width: 100%;
  max-width: 18em;
  font-family: D din, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.phrases-copy._2 {
  max-width: 55%;
  font-size: 1.8rem;
}

.phrases-copy._3 {
  font-size: 32px;
}

.phrases-copy.bio {
  text-align: justify;
  letter-spacing: 1px;
  max-width: 88%;
  margin-top: 20vh;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
  line-height: 1.1;
  position: static;
}

.word.edit {
  font-family: Wallpoet, sans-serif;
}

.work-img-flex {
  z-index: 2;
  background-color: #0000;
  align-items: center;
  width: 62%;
  max-width: 100%;
  height: 85%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.work-image {
  text-align: left;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0%;
  padding-top: 100px;
  display: flex;
}

.work-imag-height {
  width: 100px;
  padding-top: 80%;
  position: relative;
}

.work-photo-img {
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 50vh;
  max-height: none;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.imagecontainer {
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.containerproj {
  justify-content: center;
  align-items: center;
  height: 85%;
  display: flex;
}

.containerproj._1 {
  background-color: #591010;
  align-items: center;
  height: 80vh;
  line-height: 0;
  display: flex;
}

.work_link {
  width: 50%;
  height: 80%;
  margin-left: 0;
  position: relative;
}

.work_link.nutri-cont, .work_link.flex-cont, .work_link.norwegian-cont, .work_link.fifa-cont, .work_link.comed-cont, .work_link.nipsco-cont, .work_link.artistry, .work_link.starbucks {
  cursor: pointer;
}

.work_title {
  z-index: 1;
  text-transform: uppercase;
  font-size: 14.5em;
  line-height: .8;
  position: relative;
}

.work_title.is-2 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.work_img-flex {
  z-index: 4;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.work_img {
  flex: none;
  width: 27em;
  position: relative;
  transform: translate(-50%);
}

.work_img-height {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.work_photo {
  object-fit: cover;
  object-position: 50% 100%;
  width: auto;
  height: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.modal-people {
  z-index: 2;
  background-color: #000000b0;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-people.felipe, .modal-people.juli {
  display: none;
}

.modal-popup {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin: auto;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.info-people {
  color: #fff;
  border-top: .5px solid #fff;
  flex-direction: column;
  justify-content: center;
  height: 60vh;
  display: flex;
}

.paragraph-3 {
  letter-spacing: 2px;
  text-transform: none;
  width: 85%;
  margin-bottom: 0;
  font-family: D din, sans-serif;
}

.image-10 {
  border-right: 1px solid #fff;
  width: 35vw;
  max-width: 100vw;
}

.heading-4 {
  letter-spacing: 4px;
  width: 85%;
  font-family: Wallpoet, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.close-modal {
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  font-family: Wallpoet, sans-serif;
  font-size: 20px;
  line-height: 40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero__elem {
  z-index: 0;
  max-width: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
}

.hero__elem.mod--5 {
  transition-duration: .7s;
  inset: 314px -27px auto auto;
}

.hero__elem.mod--3 {
  background-image: url('../images/hero_elem-02.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 240px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 242px;
  height: 295px;
  padding-bottom: 28px;
  transition-duration: .8s;
  display: flex;
  inset: 51px 0 auto auto;
}

.hero__elem.mod--4 {
  inset: auto auto 167px 34px;
}

.hero__elem.mod--6 {
  inset: auto 101px 0 auto;
}

.hero__elem.mod--1 {
  transition-duration: 1s;
}

.hero__elem.mod--2 {
  transition-duration: .7s;
  inset: 0 auto auto 105px;
}

.hero__elements-wrap {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hero__elem-card-desc {
  color: #11111180;
  letter-spacing: .02em;
  font-size: 12px;
}

.hero__elements {
  z-index: 0;
  justify-content: center;
  align-items: flex-start;
  width: 650px;
  height: 580px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.hero__elem-card-title {
  color: #111;
  margin-bottom: 6px;
  font-weight: 700;
}

.image-12 {
  width: 80%;
  margin-left: 40px;
  display: none;
}

.div-block-7 {
  width: 400px;
}

.shinebright {
  width: 250px;
  height: 250px;
  margin-left: 68px;
  position: absolute;
  inset: 180px auto auto;
}

.background-video {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#000000a1, #000000a1);
  background-clip: border-box;
  height: auto;
  margin-top: 20px;
  padding-top: 100px;
  padding-bottom: 80px;
}

.background-video.flex-vid {
  margin-top: 22px;
}

.background-video.nowrigian-cruise-cover {
  background-image: linear-gradient(#00000075, #00000075);
}

.image-13 {
  width: 80px;
}

.div-block-8 {
  z-index: 800;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mobiletrack {
  display: none;
}

.border-container-1 {
  width: auto;
  max-width: none;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-22 {
  width: auto;
}

.nav-container {
  z-index: 2147483647;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 10rem;
  padding-right: 5%;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-btn {
  float: right;
  color: #fff;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  height: 20px;
  margin: 22px 0 auto auto;
  text-decoration: none;
  display: none;
  position: static;
}

.menu-btn.close {
  display: none;
}

.nav-link-wrap {
  overflow: hidden;
}

.nav-link-wrap.pr {
  display: none;
}

.nav-links {
  color: #fff;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 4rem;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s;
  display: inline-block;
}

.nav-links:hover {
  color: #c27029;
}

.nav-links.offset-1 {
  padding-left: 5rem;
}

.nav-links.offset-2 {
  padding-left: 2rem;
}

.menu-btn-txt-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.text-block {
  padding-right: 5px;
}

.text-block.is--close {
  display: none;
}

.line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.hamburger-line {
  background-color: #fff;
  width: 30px;
  height: 3px;
  display: flex;
}

.nav-container-2 {
  z-index: 2147483647;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 10rem;
  padding-right: 5%;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-btn-2 {
  color: #fff;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  text-decoration: none;
  display: flex;
}

.menu-btn-2.close {
  display: none;
}

.nav-container-3 {
  z-index: 2147483647;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 10rem;
  padding-right: 5%;
  display: none;
  position: absolute;
  inset: 0%;
}

.header-img {
  object-fit: contain;
  background-image: url('../images/jackson-david-cmXRwCIsabc-unsplash.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 900px;
  width: 90%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.flex {
  justify-content: space-between;
  display: flex;
}

.heading-5 {
  z-index: 99999;
  font-size: 5rem;
  line-height: 1;
  position: absolute;
  transform: skew(0deg, -5deg);
}

.marquee-horizontal {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-text {
  color: #fff;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
  font-size: 1rem;
}

.track-horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav {
  z-index: auto;
  background-color: #1a1a1a;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.logo {
  color: #fff;
  text-decoration: none;
}

.line-2 {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.header-push {
  z-index: 999;
  background-color: #0000;
  height: 13vh;
  position: sticky;
}

.burgerbtn {
  color: #fff;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  width: 30px;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  text-decoration: none;
  display: flex;
}

.pushlogo.w--current {
  background-image: url('../images/LOGOPUSHwb.png');
  background-position: 50%;
  background-size: cover;
  width: 75px;
  height: 85px;
}

.navflex {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.line-3 {
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  width: 30px;
  height: 30px;
  margin: auto auto auto 0;
  display: none;
}

.nav-links-full {
  z-index: 2147483647;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 10rem;
  padding-right: 5%;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-btn-3 {
  color: #fff;
  background-color: #0000;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  width: 30px;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  text-decoration: none;
  display: none;
}

.menu-btn-3.close {
  display: none;
}

.navlinks {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.linksnav {
  color: #e9e9e9;
  letter-spacing: 5px;
  font-family: D dinexp, sans-serif;
  text-decoration: none;
}

.linksnav.media {
  font-family: Wallpoet, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.linksnav.projects {
  display: none;
}

.div-block-9 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  width: 60%;
  max-width: 100%;
  display: flex;
  overflow: visible;
}

.menu-btn-txt-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-4 {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.hamburger-line-2 {
  background-color: #fff;
  width: 30px;
  height: 2px;
  display: flex;
}

.logoimg {
  width: 6vw;
}

.body-3 {
  background-color: #1a1a1a;
}

.animationdiv {
  z-index: 1000;
  background-color: #1a1a1a;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  transform: translate(0);
}

.animationdiv._2 {
  background-color: #1a1a1a00;
  display: block;
}

.animationdiv.mobile, .animationdiv.mobile.first, .animationdiv.media, .animationdiv.homee, .animationdiv.homee.mediaaa {
  display: none;
}

.lottie-animation {
  opacity: 1;
  display: block;
}

.lottie-animation-2 {
  z-index: 1000;
  display: none;
  position: sticky;
}

.garraanimation {
  opacity: 0;
  display: block;
}

.elementsanimation {
  display: block;
}

.garra {
  background-color: #000;
  display: block;
}

.div-block-10 {
  z-index: 1000;
  color: #d62828;
  cursor: pointer;
  background-color: #d51c1c;
  width: 80px;
  height: 80px;
  display: none;
  position: absolute;
  inset: 63% 0% 0% 40%;
}

.div-block-11 {
  background-color: #000;
  display: block;
}

.lottie-animation-3 {
  z-index: 100;
  width: 95vw;
  height: 100vh;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.lottie-animation-3.mobile, .lottie-animation-3.mobile.media-cont {
  display: none;
}

.lottie-animation-4 {
  z-index: 130;
  width: 100vw;
  height: 100vh;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-12 {
  z-index: 1000;
  cursor: pointer;
  background-color: #0f47b800;
  width: 175px;
  height: 90px;
  display: block;
  position: absolute;
  inset: 55% auto 0% 38%;
}

.div-block-12._2 {
  width: 130px;
  top: 39%;
  left: 55%;
}

.div-block-12._1 {
  z-index: 1100;
  background-color: #0000;
  top: 48.5%;
  left: 37.2%;
}

.puntorojo {
  z-index: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-26, .containerderecho {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.containerizquierdo {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.containerblanco {
  z-index: 1000;
  opacity: 1;
  cursor: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.containers {
  z-index: 10;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-13 {
  z-index: 1000;
  cursor: pointer;
  background-color: #832121;
  width: 100px;
  height: 70px;
  display: none;
  position: absolute;
  inset: 65% 0% 0% 42%;
}

.agencytext {
  z-index: 20;
  color: #fff;
  font-family: Wallpoet, sans-serif;
  font-size: 60px;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: 55% auto auto 5%;
}

.mediatext {
  z-index: 20;
  color: #fff;
  font-family: Wallpoet, sans-serif;
  font-size: 60px;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: 55% 5% auto auto;
}

.torreluz {
  z-index: 100;
  display: block;
  position: absolute;
  inset: 0%;
}

.posteluz {
  z-index: 1;
  display: none;
  position: absolute;
}

.chimenea {
  display: none;
  position: absolute;
}

.text-block-3 {
  z-index: 20;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: none;
  font-family: D din, sans-serif;
  font-size: 10px;
  position: absolute;
  inset: auto 0% 6%;
}

.whitecontainer {
  z-index: 1000;
  width: 18.5vw;
  max-width: 100vw;
  margin-top: -30px;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: 50% auto auto 36%;
}

.whitecontainer._2 {
  z-index: 900;
  width: 18vw;
  max-width: 100vw;
  margin-top: -30.8px;
  margin-left: -3px;
  top: 41.4%;
  left: 51.2%;
}

.containerpush {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin: auto;
  position: fixed;
  inset: 0%;
}

.div-block-15 {
  height: auto;
  position: sticky;
  top: 0;
}

.spacediv {
  object-fit: fill;
  background-color: #6e128f;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.lottie-animation-5 {
  z-index: 999;
  position: sticky;
  inset: -28% auto auto 0%;
}

.dolly-container {
  background-color: #0000;
  width: 90vw;
  height: 300vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: sticky;
  overflow: visible;
}

.div-block-16 {
  background-color: #0000;
  width: 100%;
  height: 500px;
  position: fixed;
  inset: 0%;
}

.lottie-animation-6 {
  position: fixed;
  inset: 0%;
}

.lottie-animation-7 {
  position: fixed;
}

.pushcontainer {
  z-index: 0;
  margin-top: 0;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.div-block-17 {
  position: sticky;
}

.horizontal-sticky {
  width: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wrapper-2 {
  width: 100%;
}

.horizontal-item {
  flex: none;
  width: 34%;
  padding-right: 20px;
}

.sticky_top-line {
  background-color: #5c31ff52;
  width: 100%;
  height: 2px;
}

.sticky_top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 2.5em;
  display: flex;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.horizontal-section {
  background-color: #0000008f;
  width: 100%;
  display: none;
  position: relative;
}

.sticky_title {
  white-space: nowrap;
  flex: none;
  padding-right: 1em;
}

.container-3 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
}

.container-3.is--sticky {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.horizontal-scroll-section {
  background-color: #c31c1c;
  width: 90vw;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.container-horizontal.sticky {
  background-color: #7937c0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.elements-pr {
  width: 100%;
  display: flex;
  position: relative;
}

.image-27 {
  position: absolute;
}

.div-block-19 {
  flex-direction: column;
  flex: none;
  display: flex;
}

.horizontal-section-mobile {
  display: none;
}

.border-container-2, .border-container-3, .border-container-4, .border-container-5 {
  width: auto;
  max-width: none;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-video-2 {
  width: 95vw;
  max-width: 100vw;
  margin-top: 220px;
  margin-left: auto;
  margin-right: auto;
}

.video-cruise-1 {
  width: 95vw;
  max-width: 100vw;
  margin-top: 82px;
  margin-left: auto;
  margin-right: auto;
}

.video-cruise-2 {
  width: 95vw;
  max-width: 100vw;
  margin-top: 185px;
  margin-left: auto;
  margin-right: auto;
}

.play-pause-button, .play-pause-button-2 {
  inset: 0%;
}

.subtitle {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  max-width: 50%;
  margin-top: 84px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 25px;
}

.subtitle._1 {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.subtitle._2 {
  text-align: right;
  margin-left: auto;
  margin-right: 70px;
}

.bold-text {
  font-size: 22px;
  font-weight: 400;
}

.bold-text._2ndbold {
  text-align: right;
  margin-left: 0;
  display: block;
}

.bold-text-2 {
  font-weight: 400;
}

.pilares {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 85%;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.pilares-description {
  color: #fff;
  font-family: D din, sans-serif;
  line-height: 16px;
}

.pilares-text-description {
  margin-top: 15px;
  font-size: 16px;
  line-height: 18px;
}

.pilares-text-description._1, .pilares-text-description._2, .pilares-text-description._3 {
  font-size: 14px;
}

.bold-text-3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Wallpoet, sans-serif;
  font-size: 16px;
}

.bold-text-3.filmst {
  color: #fff;
  font-family: Wallpoet, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.sub-pilares {
  color: #e79bb3;
  letter-spacing: 5px;
  max-width: 45%;
  margin-top: 135px;
  margin-left: 70px;
  font-family: D din, sans-serif;
}

.text-block-5 {
  max-width: 45%;
}

.bold-text-4 {
  color: #fff;
  max-width: 45%;
  margin-left: 0;
  margin-right: 0;
  font-family: D din, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.big-sub {
  text-align: left;
  max-width: 45%;
  margin-top: 46px;
  margin-left: 75px;
  font-size: 25px;
}

.image-29 {
  float: none;
  max-width: 95%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.subtitle-extend {
  color: #fff;
  text-align: right;
  max-width: 60%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: 70px;
  font-family: D din, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.subtitle-extend._2 {
  text-align: left;
  margin-top: 80px;
  margin-left: 75px;
  margin-right: auto;
}

.text-block-7 {
  max-width: 65%;
}

.extend-descript {
  color: #fff;
  text-align: right;
  max-width: 65%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 70px;
  font-family: D din, sans-serif;
}

.extend-descript._2 {
  text-align: left;
  margin-left: 75px;
  margin-right: auto;
}

.image-30 {
  max-width: 95%;
  margin-top: 130px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 85%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-31 {
  order: 1;
  display: block;
}

.final-text-fifa {
  color: #fff;
  text-align: center;
  max-width: 80%;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 16px;
}

.text-span-5 {
  color: #e79bb3;
  font-size: 20px;
}

.fifa-final-img {
  max-width: 95%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-32 {
  max-width: 95%;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.experimental-pr {
  color: #fff;
  text-align: right;
  letter-spacing: 5px;
  max-width: 95%;
  margin-top: -213px;
  margin-left: auto;
  margin-right: 70px;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.concpt-descr {
  color: #fff;
  max-width: 95%;
  margin-top: auto;
  margin-left: 70px;
  margin-right: auto;
  font-family: D din, sans-serif;
}

.concp-head {
  color: #fff;
  max-width: 95%;
  margin-top: 90px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.concept-headline {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 60px;
  font-family: Wallpoet, sans-serif;
  font-size: 25px;
}

._2ndhead-flex {
  color: #fff;
  letter-spacing: 5px;
  max-width: 95%;
  margin-top: 156px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.flex-block-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90%;
  margin-top: 95px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-33, .image-34 {
  margin-top: 120px;
}

.video {
  max-width: 95%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-3 {
  max-width: 90%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.subtitle-flex {
  color: #fff;
  max-width: 95%;
  margin-top: 140px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
}

.video-shirt {
  max-width: none;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}

.jersey-headline {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  max-width: 90%;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 20px;
}

.video-2 {
  max-width: 52%;
  margin-top: -261px;
  margin-left: auto;
  margin-right: auto;
}

.comed-head {
  color: #fff;
  max-width: 95%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.image-35 {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-36 {
  max-width: 95%;
  margin-top: 135px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.comed-img2 {
  max-width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-37 {
  max-width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ooh-billboard-img {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.chargin-station-head {
  color: #fff;
  max-width: 95%;
  margin-top: 100px;
  margin-left: 70px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.image-38 {
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.nipsco-title {
  color: #adf5fd;
  letter-spacing: 5px;
  font-family: D din, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.text-block-8 {
  color: #fff;
  max-width: 95%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: D din, sans-serif;
  font-size: 16px;
}

.text-span-6 {
  color: #fff;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.text-span-7 {
  margin-top: 40px;
  display: block;
}

.video-3 {
  max-width: 95%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.nipsco-video {
  max-width: 95%;
  margin-top: 55px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-4 {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.video-4 {
  max-width: 95%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.artistry-nyc-heading {
  color: #e7a669;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: D din, sans-serif;
}

.image-39 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-5 {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.nyc-atristry {
  max-width: 95%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.nyc-atristry._2, .nyc-atristry._3, .nyc-atristry._1 {
  max-width: 90%;
}

.project-cover {
  background-color: #000;
  background-image: linear-gradient(#00000096, #00000096), url('../images/ROCKY_STILL8.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  margin-top: 20px;
  padding-top: 100px;
  padding-bottom: 90px;
}

.project-cover.walmart {
  background-image: linear-gradient(#1a1a1a96, #1a1a1a96), url('../images/walmartcover.webp');
  background-position: 0 0, 0 0;
}

.project-cover.fifa {
  background-image: linear-gradient(#1a1a1a96, #1a1a1a96), url('../images/FIFA-img2-min.png');
  background-size: auto, cover;
}

.project-cover.cocacolaintro {
  background-image: linear-gradient(#1a1a1ab8, #1a1a1ab8), url('../images/COCACOLACOVER.webp');
}

.project-cover.kia_cover {
  background-image: linear-gradient(#1a1a1aa3, #1a1a1aa3), url('../images/Motivated.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.project-cover.att_cover {
  background-image: linear-gradient(#1a1a1a96, #1a1a1a96), url('../images/att_cover.webp');
  background-position: 0 0, 50%;
}

.project-cover.fox_cover {
  background-color: #1a1a1acc;
  background-image: linear-gradient(#1a1a1aa3, #1a1a1aa3), url('../images/Masked_FOX.webp');
  background-size: auto, cover;
}

.project-cover.tmobilecover {
  background-image: linear-gradient(#1a1a1a4f, #1a1a1a4f), url('../images/premiolunuestro.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.project-cover.lexus-cover {
  background-image: linear-gradient(#1a1a1a8c, #1a1a1a8c), url('../images/LexusCover.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.project-cover.flonase-cover {
  background-image: linear-gradient(#1a1a1a70, #1a1a1a70), url('../images/flonasecover.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.project-cover.audiomio_cover {
  background-image: linear-gradient(#1a1a1ac2, #1a1a1ac2), url('../images/AUDIBLE_COVER.webp');
  background-size: auto, cover;
}

.project-cover.dietcoke_cover {
  background-image: linear-gradient(#1a1a1a94, #1a1a1a94), url('../images/DIETCOKECOVER.webp');
  background-size: auto, cover;
}

.project-cover.holiicover {
  background-image: linear-gradient(#1a1a1aa8, #1a1a1aa8), url('../images/HoliiCover.webp');
  background-position: 0 0, 50% 100%;
}

.div-block-22 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.be-the-fisrt-video {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.launch-campaing-nowegian {
  width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.nutrilite-cover-prj {
  background-image: linear-gradient(#0000009e, #0000009e), url('../images/image-asset-2.png');
  background-position: 0 0, 50% 0;
  background-size: auto, 960px;
  margin-top: 22px;
  padding-top: 100px;
  padding-bottom: 80px;
}

.video-6 {
  max-width: 95%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-24 {
  background-image: linear-gradient(#00000096, #00000096), url('../images/comed-img-9.jpeg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-top: 22px;
  padding-top: 100px;
  padding-bottom: 80px;
}

.comed-prj-cover {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/comed-img-9.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 10px;
  padding-top: 100px;
  padding-bottom: 80px;
}

.banner-artistry {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.landing-text-artistry {
  color: #fff;
  max-width: 95%;
  margin-top: 60px;
  margin-left: 75px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.landing-img {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.starbucks-cover {
  background-image: linear-gradient(#00000096, #00000096), url('../images/image-asset-2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-top: 22px;
  padding-top: 100px;
  padding-bottom: 80px;
}

.first-star-copy {
  color: #fff;
  max-width: 95%;
  margin-top: 50px;
  margin-left: 75px;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.img-starbucks {
  max-width: 90%;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.img-starbucks._1 {
  width: 80%;
  max-width: none;
  margin-top: 90px;
}

.img-starbucks.body-2 {
  width: 80%;
  max-width: none;
  margin-top: 72px;
}

.img-starbucks._3 {
  width: 40%;
  max-width: none;
  margin-top: 72px;
}

.img-starbucks._4, .img-starbucks._5 {
  width: 80%;
  max-width: none;
  margin-top: 72px;
}

.second-star-copy {
  color: #fff;
  max-width: 95%;
  margin-top: 80px;
  margin-left: 75px;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 22px;
}

.pic-color-felipe {
  opacity: 1;
  width: 25vw;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: 0%;
}

.pic-color-felipe:hover {
  opacity: 0;
}

.juli-colors, .jenn-colors {
  width: 25vw;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sebas-colors {
  width: 25vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cris-colors {
  width: 25vw;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.border-container-6 {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.norwegian-cont, .fifa-cont, .nutri-cont, .flex-cont, .comed-cont, .nipsco-cont, .artistry-cont {
  width: 50%;
  height: 80%;
  position: relative;
}

.border-container-7 {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.starbucks-cont {
  width: 50%;
  height: 80%;
  position: relative;
}

.border-container-8 {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.media-cover {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#0000007d, #0000007d), url('../images/cover-media.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 22px;
  padding-top: 220px;
  padding-bottom: 220px;
  display: block;
}

.media-hdg-1 {
  letter-spacing: 4px;
  border-bottom: 2px solid #fff;
  margin-top: 27px;
  padding-bottom: 30px;
  font-family: D din, sans-serif;
  font-size: 45px;
  font-weight: 400;
}

.media-hdng-2 {
  letter-spacing: 4px;
  margin-top: 28px;
  font-family: Wallpoet, sans-serif;
  font-size: 55px;
}

.video-block-1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  width: 95%;
  margin-top: 101px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-block-1._1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.video-block-1._2 {
  display: flex;
}

.vidtitle {
  color: #fff;
  letter-spacing: 2px;
  border-top: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Wallpoet, sans-serif;
  font-size: 20px;
}

.video-7 {
  width: auto;
  max-width: none;
  height: auto;
  max-height: 100vh;
  position: relative;
}

.video-block-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.videomedia {
  object-fit: cover;
  padding-bottom: 0;
  overflow: hidden;
}

.video-block-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-block-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row-reverse;
  align-items: center;
  width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-block-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button {
  background-color: #fe865b;
  border-radius: 5px;
  margin-top: 43px;
  font-family: Wallpoet, sans-serif;
}

.button-2 {
  text-align: center;
  background-color: #f27b6d;
  border-radius: 3px;
  width: 30%;
  margin-top: 135px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Wallpoet, sans-serif;
  font-size: 20px;
  display: block;
}

.lottie-animation-8 {
  z-index: 130;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.lottie-animation-8.home {
  display: none;
}

.lottie-animation-8.home.media-cont {
  display: block;
}

.link-block-2 {
  width: 100%;
  height: 100%;
}

.splide {
  width: 100%;
  position: relative;
}

.splide.slider {
  z-index: 9;
  cursor: grab;
}

.splide__track {
  width: 100%;
}

.splide__slide {
  flex: none;
  align-items: flex-start;
  width: 33.3333%;
}

.splide__slide:first-child {
  padding-left: 0;
}

.my-slider-progress-bar {
  background-color: #b3b641;
  width: 30vw;
  height: 7px;
}

.splide__list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.my-slider-progress {
  color: #e8e2da;
  background-color: #2e2a27;
  height: 4px;
  margin-top: 64px;
  overflow: hidden;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.section-projects {
  position: relative;
  overflow: hidden;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.section-tittle {
  margin-bottom: 0;
}

.slider-navigation {
  cursor: pointer;
  transition: opacity .2s;
}

.slider-navigation:hover {
  opacity: .7;
}

.slider-navigation.prev-slide {
  margin-right: 16px;
}

.containers-section-mobile {
  padding-top: 60px;
  padding-bottom: 60px;
}

.containers-section-mobile.containers-slider-section {
  overflow: hidden;
}

.sliders-displayflex {
  display: flex;
}

.containers-div {
  width: 100%;
  max-width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.slider-navigation-wrapper {
  margin-bottom: 4px;
  margin-left: 40px;
  margin-right: 40px;
}

.section-header {
  align-items: flex-end;
  margin-bottom: 32px;
  display: flex;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.slider-section {
  display: none;
  overflow: hidden;
}

.slider-list {
  display: flex;
}

.container-5 {
  width: 100%;
  max-width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.slider-item {
  border: 1px solid #727272;
  flex: none;
  width: 30vw;
  height: 40vw;
  margin-right: 32px;
  overflow: hidden;
}

.image-43 {
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.videoblock, .div-block-26, .div-block-27, .div-block-28, .div-block-29 {
  width: 100%;
}

.image-44 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.agency-black {
  z-index: 999;
  width: 18vw;
  max-width: 100vw;
  margin-top: auto;
  display: none;
  position: absolute;
  inset: 45.8% auto auto 36.5%;
}

.huawei-cont {
  width: 50%;
  height: 80%;
  position: relative;
}

.video-10 {
  width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.c-slider-btn {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

.c-slider-btn-loading {
  border: 1px dashed #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-slider {
  background-color: #0000;
  width: 350px;
  height: 25vh;
}

.funtext {
  opacity: .03;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 10vw;
  font-weight: 900;
  line-height: 1em;
  position: relative;
}

.main-slider-container {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-trigger-left {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.play-btn {
  z-index: 50;
  width: 25px;
  height: 25px;
  transform: translate(3px);
}

.main-slide-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sub-slider-nav-arrow {
  display: none;
}

.c-slider-btn-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ci-main-slide-content {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.main-slider-nav-dots {
  display: none;
}

.sub-slider-container {
  padding-right: 20vw;
  position: relative;
  overflow: hidden;
}

.sub-slider-mask {
  overflow: visible;
}

.c-main-slide-description {
  color: #fff;
  width: 50vw;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

.c-main-slide-title {
  margin-bottom: 20px;
}

.main-slider-nav-arrow {
  display: none;
}

.c-slide-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.second-slider-container {
  z-index: 20;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.c-play-btn {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sub-slide-title {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
}

.first-slider-container {
  z-index: 10;
  position: relative;
}

.c-funtext {
  z-index: 15;
  padding: 40px 10px 60px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.c-slider-btn-circle {
  border: 1px solid #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-content {
  text-align: center;
}

.b-slider-control {
  align-items: center;
  display: flex;
}

._w-slider-control {
  padding-left: 20px;
  padding-right: 20px;
}

.c-slide-btn-loading {
  z-index: 30;
  border: 2px dashed #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sub-slide-container {
  width: 100%;
  height: 100%;
}

._w-slide-btn {
  position: relative;
}

.main-slide-title {
  color: #fff;
  letter-spacing: 20px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
  position: relative;
}

.c-slide-btn-frame {
  z-index: 10;
  border: 1px solid #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
}

.main-slider {
  background-color: #222;
  flex-direction: column;
  height: 85vh;
}

.main-slider.mobile {
  display: none;
}

.main-slide-wrapper {
  background-image: linear-gradient(#33333359, #33333359), url('../images/1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-slide-wrapper._5 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/5.jpg');
}

.main-slide-wrapper._2 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/PHOTOPRO2.webp');
}

.main-slide-wrapper._3 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/PHOTOPRO3.webp');
}

.main-slide-wrapper._4 {
  background-image: linear-gradient(#33333359, #33333359), url('../images/4.jpg');
}

._w-slider-btn {
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px;
  display: flex;
  position: relative;
}

.sub-slider-slide {
  perspective: 1000px;
  width: 350px;
  padding: 1vh 1vw;
  transform: perspective(1000px);
}

.sub-slider-nav-dots {
  display: none;
}

.ci-slider-btn-loading {
  opacity: .5;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-slide-wrapper {
  background-color: #333;
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #13131380;
}

.sub-slide-wrapper._3 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/3.jpg');
}

.sub-slide-wrapper._5 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/5.jpg');
}

.sub-slide-wrapper._1 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/1.jpg');
}

.sub-slide-wrapper._4 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/4.jpg');
}

.sub-slide-wrapper._2 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('../images/2.jpg');
  justify-content: flex-end;
  align-items: flex-end;
}

.slider-trigger-right {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.c-slide-btn-block {
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: relative;
}

.c-created {
  z-index: 999999;
  opacity: .7;
  transform-origin: 100% 100%;
  background-color: #222;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: flex-end;
  transition: all .25s;
  position: fixed;
  inset: 40% 0% auto auto;
  transform: rotate(-90deg);
}

.c-created:hover {
  background-color: #324155;
}

.ci-created {
  display: inline-block;
}

._w-created {
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.created-text {
  color: #fff;
  font-size: .7em;
  font-weight: 400;
  line-height: 1em;
}

.body-4 {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a00;
}

.horiz-scroll {
  height: 500vh;
  margin-top: 0;
  position: relative;
}

.section-2 {
  background-color: #9f1111;
}

.horiz {
  position: sticky;
  top: 150px;
  overflow: hidden;
}

.card-container {
  width: 500vh;
  display: flex;
}

.div-block-30 {
  background-color: #fff;
  flex: 1;
  height: 400px;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-31 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 5px;
  margin-top: 30px;
}

.card-tiem {
  width: 50%;
  height: 80%;
}

.scrolltrack {
  z-index: 500;
  object-fit: fill;
  background-color: #0000;
  margin-top: 70px;
  padding-top: 30px;
  display: none;
  position: relative;
  overflow: visible;
}

.horiz-wrapper {
  background-color: #0000;
  max-width: 100%;
  height: 800vh;
  margin-top: 0;
  margin-bottom: auto;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.horiz-2 {
  float: none;
  object-fit: fill;
  background-color: #0000;
  width: auto;
  position: sticky;
  top: 150px;
  overflow: hidden;
}

.scroll_conts {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 590vh;
  margin: 15px auto auto;
  display: flex;
  overflow: visible;
}

.card-items {
  background-color: #0000;
  flex: 1;
  height: 450px;
  margin: auto 10px auto 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  overflow: visible;
}

.card-items._1 {
  background-color: #0000;
  height: 450px;
  margin-right: 10px;
}

.card-items._2, .card-items._3, .card-items._4, .card-items._5, .card-items._6, .card-items._7, .card-items._8, .card-items._9, .card-items._10 {
  background-color: #0000;
}

.card-items.newcard {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cont {
  width: auto;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.cont._2 {
  display: block;
}

.cont.newcont {
  width: auto;
  max-width: 35vw;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.cont-hover {
  float: none;
  clear: none;
  width: auto;
  max-width: none;
  height: 100%;
  margin: 0;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-32 {
  background-color: #0f0f0f;
  border: 1px #0f0f0f;
  border-radius: 5px;
  height: 5px;
  margin-top: -19px;
  display: none;
}

.contstarbucks {
  max-width: none;
  height: 100%;
  display: none;
  position: sticky;
  inset: -2% 0% 8%;
}

.contfifa {
  max-width: 100%;
  height: auto;
  display: none;
  position: sticky;
  inset: 0 0 35px;
}

.contnorwegin {
  max-width: none;
  height: 100%;
  display: none;
  position: sticky;
  inset: -4% 0% 9%;
}

.card-item-2 {
  background-color: #2e45ac;
  flex: 1;
  height: 450px;
  margin-left: 0;
  margin-right: 10px;
  padding-bottom: 0;
  padding-left: 0;
  overflow: visible;
}

.image-46 {
  width: auto;
  max-width: none;
  height: 100%;
}

.imagefifa {
  float: none;
  clear: none;
  width: auto;
  max-width: none;
  height: 100%;
  margin: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contnutrilite {
  display: none;
  position: sticky;
  top: auto;
  bottom: 37px;
}

.contflex {
  display: none;
  position: sticky;
  bottom: 37px;
}

.contcomed, .contnipsco, .contartistry {
  max-width: none;
  height: 100%;
  display: none;
  position: sticky;
  bottom: 37px;
}

.conthuawei {
  display: none;
  position: sticky;
  bottom: 37px;
}

.contdominican {
  max-width: none;
  height: 100%;
  display: none;
  position: sticky;
  bottom: 44px;
}

.div-block-33 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  width: 90%;
  display: grid;
}

.link-block-4 {
  flex: 1;
  height: 450px;
  margin-right: 10px;
}

.div-block-34 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  width: 90vw;
  height: 85vh;
  margin: auto;
  display: block;
  overflow: auto;
}

.image-47 {
  width: 100%;
}

.div-block-35 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-48, .image-49 {
  width: 100%;
  max-width: none;
}

.image-grid {
  width: auto;
  margin-bottom: 1rem;
  padding-top: 0;
  display: block;
  position: static;
}

.image-grid.pink {
  position: absolute;
  top: 0;
}

.image-grid.pink-photo {
  position: static;
}

.image-grid.cookie2.any2, .image-grid.last, .image-grid.any1 {
  display: none;
}

.image-51 {
  width: 100%;
}

.link-block-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  letter-spacing: normal;
  column-count: 3;
  column-rule-style: none;
  column-rule-width: 0px;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-around;
  align-self: center;
  place-items: center;
  column-gap: 25px;
  width: 85%;
  height: auto;
  margin: auto;
  display: block;
}

.link-block-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  align-self: center;
  place-items: baseline center;
  width: 100vw;
  height: auto;
  margin-bottom: 0;
  display: grid;
}

.image-52 {
  float: right;
  clear: none;
  width: 12%;
  margin-top: 0;
  position: absolute;
  inset: 0% 2% 0% auto;
}

.image-52._2 {
  z-index: 100;
  opacity: 1;
  width: 12%;
  margin-top: 0;
  position: sticky;
  top: 15%;
  bottom: 0%;
  right: -3%;
}

.image-53 {
  width: 80%;
}

.div-block-36 {
  overflow: scroll;
}

.galleryopacity {
  z-index: 999;
  background-color: #151515cc;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.pinkphoto {
  width: 30%;
  max-width: 30%;
  margin: 1rem auto auto;
  display: none;
}

.image-54 {
  width: 4%;
  display: block;
  position: absolute;
  inset: 1% 1% auto auto;
}

.closetag {
  cursor: pointer;
  width: 4%;
  position: absolute;
  inset: 5% 3% auto auto;
}

.icecreamphoto {
  width: 30%;
  margin: 1rem auto auto;
  display: none;
}

.cookiephoto {
  width: auto;
  max-width: 35%;
  margin: 1rem auto auto;
  display: none;
}

.brunchphoto, .alfajorphoto, .beerphoto, .teaphoto, .alfajor2photo {
  width: auto;
  max-width: 30%;
  margin: 1rem auto auto;
  display: none;
}

.tea2photo, .ice2photo, .cakephoto {
  width: auto;
  max-width: 35%;
  margin: 1rem auto auto;
  display: none;
}

.cookie2photo {
  max-width: 35%;
  margin: 1rem auto auto;
  display: none;
}

.vidinfo {
  opacity: .5;
  color: #fff;
  margin-top: 1rem;
  font-family: D dinexp, sans-serif;
  font-size: 12px;
  display: none;
}

.videoinfor {
  width: 80%;
}

.button-3 {
  text-align: center;
  background-color: #35b983;
  border-radius: 5px;
  max-width: 20%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.dominican-cover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Mockup_2.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.div-block-37 {
  width: 95vw;
}

.body-5 {
  background-color: #1a1a1a;
}

.tabs {
  width: 90vw;
  margin: 47px auto 0;
  overflow: visible;
}

.tab-link-design {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border: 3px solid #fff;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-link-design.w--current {
  color: #1a1a1a;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-link-design.w--current:focus {
  color: #1a1a1a;
  background-color: #fff;
}

.text-block-9 {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-link-art-direction {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border: 3px solid #fff;
  border-radius: 10px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-link-art-direction:focus, .tab-link-art-direction.w--current {
  color: #1a1a1a;
  background-color: #fff;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.tabs-menu-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-38 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.text-block-15 {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  width: 100%;
  font-size: .8rem;
  font-weight: 700;
}

.projectcontainer {
  background-color: #0000;
  border: 1px #9f1818;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  margin-right: 0;
  display: flex;
}

.div-block-39 {
  align-self: center;
}

.trakcs {
  box-sizing: content-box;
  background-color: #000;
  width: auto;
  height: 100vh;
  display: flex;
}

.trakcs.clients {
  background-color: #1a1a1a;
  display: none;
}

.div-block-40 {
  display: flex;
}

.image-56 {
  margin-right: 10px;
  padding-right: 0;
  transform: rotate(180deg);
}

.div-block-41 {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 40px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  transform: rotate(0);
}

.projectflex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  overflow: visible;
}

.text-block-19 {
  color: #fff;
  border-bottom: 1px #fff;
  border-left: 0 #fff;
  margin: 0;
  padding: 5px;
  font-size: 2rem;
  line-height: 2.5rem;
}

.div-block-42 {
  display: flex;
}

.div-block-43 {
  border-left: 2px solid #9b9b9b;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.frame {
  justify-content: flex-start;
  align-items: flex-end;
  width: 400vw;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  overflow: visible;
}

.frame.clieintspush {
  width: 900vw;
}

.infovideo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  max-width: 90%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  display: flex;
}

.div-block-44 {
  margin-bottom: 0;
}

.wrapperproject {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #fff;
  border-style: solid none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 12px 10px 11px;
  display: flex;
  overflow: hidden;
}

.div-block-45 {
  align-self: center;
}

.div-block-46 {
  background-color: #fff;
  width: 100px;
}

.text-block-17 {
  color: #fff;
  text-align: center;
  border-left: 0 #3d3c3c;
  font-size: 17rem;
  line-height: 17rem;
}

.image-57 {
  width: 30px;
  max-width: none;
  height: 30px;
}

.image-58 {
  border-right: 1px solid #000;
  width: 30px;
  height: auto;
  margin-left: 15px;
  margin-right: auto;
  display: block;
  overflow: auto;
}

.div-block-47 {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  flex-wrap: nowrap;
  place-content: center;
  align-items: center;
  width: 80px;
  height: 50%;
  padding: 0;
  display: flex;
}

.image-59 {
  padding-top: 0;
  padding-bottom: 14px;
}

.text-block-18 {
  color: #fff;
  letter-spacing: 4px;
  flex: 0 auto;
  width: auto;
  margin-top: 57px;
  margin-bottom: 12px;
  padding: 0;
  line-height: 20px;
  display: block;
  transform: rotate(-90deg);
}

.div-block-48 {
  display: flex;
}

.marquee-text_component {
  color: #d49cff;
  flex-direction: column;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.2vw;
  display: block;
  overflow: auto;
}

.div-block-49 {
  flex-direction: column;
  justify-content: space-around;
  width: 200px;
  display: flex;
}

.image-60 {
  display: none;
}

.camera-2 {
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  margin-right: auto;
  padding-top: 40px;
  position: sticky;
  top: 0;
  overflow: auto;
}

.div-block-50 {
  display: flex;
}

.marquee-text_text {
  color: #fff;
  letter-spacing: -.04em;
  padding-top: 0;
  font-size: 1.8em;
  line-height: .75;
}

.image-61 {
  object-fit: contain;
  padding: 15px 25px;
}

.containerprojects {
  background-color: #0000;
  align-self: auto;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  padding: 20px 20px 20px 0;
  position: sticky;
  top: 0;
}

.div-block-51 {
  color: #fff;
  align-self: center;
}

.div-block-52 {
  margin-bottom: 9px;
}

.marquee-text_wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.paragraph-4 {
  align-self: center;
  margin-bottom: 0;
  padding-left: 19px;
  padding-right: 19px;
  font-size: .8rem;
}

.marquee-text_icon {
  flex: none;
  width: 2em;
  margin-left: 2.38em;
  margin-right: 2.38em;
  display: block;
}

.image-62.cocacolac {
  width: 100%;
}

.div-block-53 {
  border-left: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 50%;
  display: flex;
}

.marquee-text_panel {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: translate(0%);
}

.marquee-text_panel.pr2 {
  color: #9cffa9;
}

.div-block-54 {
  border: 1px #fff;
  align-items: center;
  margin-right: 0;
  padding: 8px 14px;
  display: flex;
}

.containerblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 500px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.div-block-70 {
  color: #2c2c2c;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.div-block-71 {
  border: 1px solid #fff;
  border-color: #fff #fbfbfb #fff #dbdbdb;
  display: flex;
}

.container_box {
  flex: none;
  height: 400px;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.container_box:hover {
  opacity: 1;
}

.image-64 {
  width: auto;
  max-width: none;
  height: 100%;
}

.brand_container {
  max-width: none;
  height: 100%;
  transition: opacity .4s;
  position: static;
}

.brand_container:hover {
  opacity: 0;
}

.brand_open {
  opacity: 0;
  max-width: none;
  height: 100%;
  margin-top: 0;
  transition: opacity .4s;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.brand_open:hover {
  opacity: 100;
}

.tabs-content {
  overflow: visible;
}

.tab-pane-design {
  overflow: hidden;
}

.image-65 {
  width: .93%;
  position: absolute;
  inset: 22% 34% 0% auto;
}

.image-68 {
  width: 28%;
  position: absolute;
  inset: 15% auto 0% 0%;
}

.image-69 {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 36.5% 0% 50% 3%;
}

.image-70 {
  width: 28%;
  display: block;
  position: absolute;
  inset: 15% auto auto 0%;
}

.socialfooter {
  width: 20px;
}

.image-71 {
  width: 65%;
}

.image-72 {
  width: 12.5%;
  position: absolute;
  inset: 35.5% 39.5% 0% auto;
}

.image-73 {
  width: 12.5%;
  position: absolute;
  inset: 39% auto 0% 35.5%;
}

.image-74 {
  width: 12%;
  margin-top: 0;
  display: block;
  position: absolute;
  inset: 44% auto 50% 27.5%;
}

.containerblockfull {
  max-width: 1920px;
  overflow: hidden;
}

.image-76 {
  width: 24%;
  position: absolute;
  inset: auto 0% 10.5% 20%;
}

.image-77 {
  position: static;
}

.linesfooter {
  width: 30px;
  display: block;
}

.linesfooter.downlines {
  float: none;
  clear: none;
  text-align: left;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: auto;
  margin-left: auto;
  display: block;
}

.footer-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-97, .div-block-99 {
  position: relative;
}

.image-78 {
  width: .93%;
  position: absolute;
  inset: 24.5% 33.5% 0% auto;
}

.image-79 {
  width: 15%;
  position: absolute;
  inset: auto 31% 25% auto;
}

.image-80 {
  width: 28%;
  position: absolute;
  inset: 18% 0% 0% auto;
}

.container-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-width: none;
  margin: 0;
  display: block;
  overflow: visible;
}

.image-50 {
  width: auto;
  height: auto;
}

.image-75 {
  width: 18%;
  position: absolute;
  inset: auto 28.5% 9% auto;
}

.div-block-101 {
  width: 20%;
  height: 25%;
  display: flex;
  position: absolute;
  inset: 36.5% auto 0% 4%;
}

.div-block-101.morakiwi {
  align-items: stretch;
  top: 42.5%;
}

.link-3 {
  color: #fff;
  letter-spacing: 4px;
  font-family: D din, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
}

.link-3.gmail {
  letter-spacing: 4px;
  font-family: D din, sans-serif;
}

.hardseltzer {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-98 {
  position: relative;
}

.image-81 {
  width: 17%;
  position: absolute;
  inset: 45.2% auto 0% 37%;
}

.text-block-46 {
  color: #131313;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: none;
  position: static;
  inset: 37% 4% -3% auto;
}

.footer-dark {
  background-color: #1a1a1a;
  border-bottom: 1px #e4ebf3;
  padding: 0;
  position: sticky;
}

.footer-social-block {
  justify-content: space-between;
  align-items: center;
  width: 70%;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.image-82 {
  width: 32.5%;
  display: none;
  position: absolute;
  inset: 30% auto 0% 0%;
}

.image-83 {
  width: 40px;
  transform: rotate(-90deg);
}

.div-block-93 {
  position: relative;
}

.image-66 {
  width: .93%;
  position: absolute;
  inset: 22% 34% 0% auto;
}

.div-block-67 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bordersfooter {
  float: right;
  width: 50px;
  margin-right: 40px;
}

.bordersfooter.leftdown {
  float: none;
  margin-left: 40px;
  margin-right: 0;
  transform: rotate(180deg);
}

.linemiddle {
  height: 100px;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-wrapper {
  grid-column-gap: 20%;
  grid-row-gap: 20%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
}

.image-84 {
  aspect-ratio: auto;
  width: 30%;
  display: block;
  position: absolute;
  inset: 16% 4% 0% auto;
}

.title-small {
  letter-spacing: 4px;
  text-transform: none;
  margin-bottom: 12px;
  font-family: D din, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
}

.headline, .div-block-91 {
  position: relative;
}

.image-85 {
  width: 17.5%;
  position: absolute;
  inset: auto 28.5% 25% auto;
}

.div-block-96 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 20%;
  height: 25%;
  display: flex;
  position: absolute;
  inset: 36.5% 4% 0% auto;
}

.image-86 {
  width: 100%;
  height: 85px;
  margin-left: 0;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: auto 0 0% -22%;
}

.image-86.lightright {
  left: 42px;
  right: 0;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.image-87 {
  width: 32.5%;
  display: block;
  position: absolute;
  inset: 27% 0% auto auto;
}

.image-67 {
  width: 32.5%;
  position: absolute;
  inset: 27% 0% 0% auto;
}

.imagea {
  width: 55%;
  margin-bottom: 15px;
  margin-right: auto;
  display: block;
  position: absolute;
}

.imagea.arrowlines {
  z-index: 1;
  width: 60%;
  margin-bottom: 22px;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.imagea.arrowlines.right {
  margin-left: auto;
  margin-right: 0;
}

.imagea.arrowon {
  width: 60%;
  margin-bottom: 30px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.imagea.arrowon.right {
  margin-left: auto;
  margin-right: 0;
}

.image-89 {
  width: 32.5%;
  position: absolute;
  inset: 25% auto 0% 0%;
}

.text-span-8 {
  color: #000;
  background-color: #fff;
  margin-top: 10px;
  padding: 7px;
  font-family: Marsh Stencil, Impact, sans-serif;
  display: block;
}

.div-block-100 {
  position: relative;
}

.image-90 {
  width: 15%;
  position: absolute;
  inset: 22% 43% 0% auto;
}

.body-6 {
  background-color: #1a1a1a;
}

.background-video-5 {
  width: 75%;
  height: 80vh;
  margin-top: 60px;
  margin-left: auto;
}

.div-block-160 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-160.ysa_reels {
  width: auto;
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.videos {
  height: 90vh;
}

.videosseasons {
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  position: relative;
}

.videosseasons._2, .videosseasons.season2 {
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
}

.videosseasons.season1 {
  margin-top: 40px;
}

.covers_fmp3 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fmp_screening {
  border-bottom: 2px #fff;
  border-left: 2px #fff;
  border-right: 2px #000;
  width: 100%;
  display: block;
}

.fmp_screening.walmart {
  width: auto;
  max-width: 100%;
  display: block;
}

.screenings {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: center;
  align-items: center;
  max-width: 95%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.coversfilmstext {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-153 {
  border: 2px solid #fff;
  border-top-style: none;
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-153.igcrsl {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  margin-top: 60px;
  padding-bottom: 40px;
}

.text-block-80 {
  color: #fff;
  border: 2px solid #fff;
  padding: 10px;
  font-size: 1.5rem;
  font-weight: 400;
}

.text-block-80.ig {
  letter-spacing: 5px;
  text-transform: uppercase;
  border-style: none;
  margin-bottom: 40px;
  font-family: Wallpoet, sans-serif;
  font-size: 2.5rem;
}

.fmp_ig {
  max-width: 85%;
  margin-top: 10px;
}

.fmp_ig._3season {
  max-width: 100%;
  margin-top: 0;
}

.div-block-161 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 20px;
  display: grid;
}

.div-block-161.screenings {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  margin-top: 20px;
  display: grid;
}

.div-block-161.uppersize {
  display: none;
}

.titleseasons {
  color: #ffc220;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 48%;
  max-width: 50%;
  margin-left: 20px;
  font-family: D din, sans-serif;
  font-size: 1rem;
}

.titleseasons._3rdseason {
  text-align: left;
}

.div-block-162 {
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  margin-top: 60px;
  display: flex;
}

.textwalmart {
  color: #ffc220;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: D din, sans-serif;
  font-size: 1rem;
}

.textwalmart.fmp3 {
  text-align: right;
}

.filmscovers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.filmscovers.thumbnails {
  grid-template-columns: 1fr 1fr;
}

.trailers {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-164 {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.body-7 {
  background-color: #1a1a1a;
}

.intrococacola {
  border: 1px solid #000;
  border-top: 2px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.intrococacola.cocacola {
  background-color: #fff;
  margin-top: 0;
}

.div-block-141 {
  border-top: 2px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.image-132 {
  width: 30%;
}

.div-block-140 {
  border: 1px solid #fff;
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-142 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-134 {
  width: 20%;
  height: 20%;
}

.titletext {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 50%;
  font-family: D din, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}

.titletext.cocacola2nd {
  color: #000;
  font-weight: 700;
}

.text-block-70 {
  color: #fff;
  font-size: 1.5rem;
}

.image-133 {
  width: 20%;
  height: 20%;
}

.concept-img {
  border: 2px solid #fefefe;
  border-top-style: none;
}

.conceptdiv {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.conceptdiv.n2 {
  text-align: right;
}

.text-block-75 {
  color: #efefef;
  letter-spacing: 2px;
  max-width: 80%;
  padding: 0;
  font-family: D din, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}

.text-block-75.n2_txt {
  margin-left: auto;
}

.text-block-81 {
  color: #eee;
  font-family: Wallpoet, sans-serif;
  font-size: 2.5rem;
  line-height: 2rem;
}

.image-136 {
  border: 2px solid #fefefe;
  border-top-style: none;
}

.text-block-82 {
  color: #fff;
  letter-spacing: 4px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.image-135 {
  border: 2px solid #fefefe;
  border-top-style: none;
}

.body-8 {
  background-color: #1a1a1a;
}

.container-7 {
  max-width: 90%;
  margin-top: 20px;
  display: flex;
}

.div-block-165 {
  letter-spacing: 1.5rem;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 40px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: D din, sans-serif;
  font-size: 1rem;
  display: flex;
  transform: rotate(0);
}

.text-block-83 {
  color: #fff;
  letter-spacing: 4px;
  flex: 0 auto;
  width: auto;
  margin-top: 57px;
  margin-bottom: 12px;
  padding: 0;
  line-height: 20px;
  display: block;
  transform: rotate(-90deg);
}

.video-11 {
  width: 80%;
  max-width: 90%;
  height: auto;
  max-height: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.body-9 {
  background-color: #1a1a1a;
}

.container-8 {
  justify-content: space-between;
  align-items: stretch;
  max-width: 90%;
  margin-top: 20px;
  display: flex;
}

.container-8.flonasevideo {
  margin-top: 60px;
}

.div-block-166 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 40px;
  margin: 0 0 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: D din, sans-serif;
  font-size: 1.2rem;
  display: flex;
  transform: rotate(0);
}

.div-block-166.lefttag {
  margin-left: 0;
  margin-right: auto;
}

.text-block-84 {
  color: #fff;
  letter-spacing: 4px;
  flex: 0 auto;
  width: auto;
  margin-top: 57px;
  margin-bottom: 12px;
  padding: 0;
  line-height: 20px;
  display: block;
  transform: rotate(-90deg);
}

.text-block-84.ysa_att {
  font-size: .7rem;
}

.text-block-84.flonasetxt, .text-block-84.lexustxt, .text-block-84.coketxt {
  font-size: .8rem;
}

.video-12 {
  width: 80%;
  max-width: 90%;
  height: auto;
  max-height: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-9 {
  max-width: 90%;
  margin-top: 20px;
  display: flex;
}

.div-block-167 {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 40px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  transform: rotate(0);
}

.text-block-85 {
  color: #fff;
  letter-spacing: 4px;
  flex: 0 auto;
  width: auto;
  margin-top: 57px;
  margin-bottom: 12px;
  padding: 0;
  line-height: 20px;
  display: block;
  transform: rotate(-90deg);
}

.video-13 {
  width: 80%;
  max-width: 90%;
  height: auto;
  max-height: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.image-137 {
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-138 {
  max-width: 70%;
  margin-top: 60px;
  margin-left: auto;
  display: block;
}

.image-139 {
  max-width: 90%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-140 {
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-141 {
  max-width: 92%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-142 {
  max-width: 70%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.image-143 {
  max-width: 100%;
  margin: auto;
  display: block;
}

.longtext {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-168 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-169, .div-block-170 {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.image-144 {
  max-width: 50%;
  margin-left: auto;
  transition: transform .2s;
  display: block;
}

.image-145 {
  max-width: 100%;
  margin-left: auto;
  display: block;
}

.setaudiomio {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-146 {
  max-width: 100%;
  margin-right: auto;
  display: block;
}

.image-147 {
  max-width: 70%;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-6 {
  width: 30%;
  max-width: 50%;
  display: block;
}

.background-video-7 {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.video-14 {
  display: none;
}

.code-embed {
  margin-left: auto;
  margin-right: auto;
}

.code-embed-2 {
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.div-block-171 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-171.mockupdesk {
  margin-top: 60px;
}

.code-embed-3 {
  display: block;
}

.walmartintro {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-172 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-span-9 {
  font-family: Wallpoet, sans-serif;
  font-weight: 400;
}

.text-span-10 {
  font-family: Wallpoet, sans-serif;
}

.text-span-11 {
  font-family: Wallpoet, sans-serif;
  font-weight: 400;
}

.text-span-12, .text-span-13 {
  font-family: Wallpoet, sans-serif;
}

.text-span-14 {
  font-family: Wallpoet, sans-serif;
  font-size: 1.3rem;
}

.text-span-15 {
  font-family: Wallpoet, sans-serif;
}

.horizon-section-design {
  width: 100%;
  height: 200vh;
  display: none;
  position: relative;
}

.stickywrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  overflow: hidden;
}

.horizon-track-design {
  flex-flow: row;
  width: 200vw;
  height: 100%;
  display: flex;
  position: relative;
  transform: rotate(.01deg);
}

.paneldesign {
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  width: auto;
  min-width: 100vw;
  height: 100vh;
  display: flex;
  position: static;
}

.panelvideo {
  flex: none;
  align-self: center;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  display: flex;
}

.itemwrapper {
  display: flex;
}

.centerwrapper {
  width: 90vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.tabsnav {
  z-index: 10;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 60px;
  display: flex;
  position: relative;
  inset: auto auto auto 0%;
}

.tab-design {
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border: 3px solid #fff;
  border-radius: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-design:active {
  color: #000;
  background-color: #fff;
}

.tab-design.is-active {
  color: #1a1a1a;
  background-color: #fff;
}

.tab-video {
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border: 3px solid #fff;
  border-radius: 12px;
  padding-top: 15px;
  padding-bottom: 10px;
  font-family: D din, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.tab-video:active, .tab-video.is-active {
  color: #1a1a1a;
  background-color: #fff;
}

.https-thepushproduct-com {
  height: auto;
  position: relative;
}

.items-wrapper {
  width: 100px;
  height: 100%;
  transition: transform .3s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.tab-items {
  background-color: #0000;
  width: auto;
  height: auto;
  display: flex;
}

.tab-items-tab-2 {
  background-color: #1e00ff;
  width: 100vw;
  height: 100vh;
  display: inline-flex;
}

.tabs-container {
  z-index: 10;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
  position: sticky;
  top: 0;
}

.tabswrapper {
  z-index: 20;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  width: auto;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 25px;
}

.horizon-section-video {
  width: 100%;
  height: 200vh;
  display: none;
  position: relative;
}

.horizon-track-video {
  width: 200vw;
  display: flex;
}

.horizon-section {
  width: 100%;
  max-width: 90vw;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: auto;
  bottom: auto;
  overflow: visible;
}

.horizon-track {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: auto;
  padding-top: 5vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
}

.panel-design {
  background-color: #0000;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.panel-video {
  background-color: #0000;
  flex: none;
  align-items: center;
  width: auto;
  min-width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.horizon-inner {
  justify-content: flex-start;
  height: 65vh;
  margin-top: auto;
  display: block;
  position: sticky;
  top: 13vh;
  overflow: hidden;
}

.image-148 {
  z-index: 1;
  opacity: 1;
  width: 30%;
  transition: opacity .2s;
  display: block;
  position: absolute;
  top: auto;
  left: 10vw;
}

.image-148:hover {
  opacity: 0;
}

.div-block-173 {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.image-149 {
  opacity: 1;
  width: 30%;
  position: absolute;
  left: 10vw;
}

.section-tabs {
  display: none;
}

.body-10 {
  background-color: #1a1a1a;
}

.text-block-88 {
  color: #fff;
  letter-spacing: normal;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  font-family: D din, sans-serif;
  font-size: 14rem;
  font-weight: 700;
  line-height: 12rem;
  transition: letter-spacing .2s, border-radius .2s, color .2s, background-color .2s;
}

.text-block-88:hover {
  color: #1a1a1a;
  letter-spacing: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.section-3 {
  max-width: 90vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-block-89 {
  color: #fff;
  letter-spacing: normal;
  background-color: #0000;
  padding-left: 10px;
  font-family: D din, sans-serif;
  font-size: 14rem;
  font-weight: 700;
  line-height: 12rem;
  transition: letter-spacing .2s, border-radius .2s, color .2s, background-color .2s;
}

.text-block-89:hover {
  color: #1a1a1a;
  letter-spacing: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.text-block-90 {
  color: #fff;
  text-transform: uppercase;
  font-family: D din, sans-serif;
  font-size: 15rem;
  font-weight: 700;
  line-height: 12rem;
  display: none;
}

.section-4 {
  justify-content: flex-end;
  align-items: center;
  max-width: 90vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-175 {
  border: 3px solid #fff;
  border-radius: 10px;
  width: 75%;
  padding: 20px;
  position: relative;
  top: 25px;
  bottom: 0;
}

.text-block-91 {
  color: #fff;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-family: D din, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.link-4 {
  color: #fff;
  letter-spacing: 5px;
  font-size: 3rem;
  text-decoration: none;
}

.div-block-176 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
  font-family: D din, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  display: flex;
}

.link-block-7 {
  display: none;
  position: relative;
  top: 0;
}

.div-block-177 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.text-block-92 {
  color: #fff;
  text-transform: uppercase;
  font-family: D din, sans-serif;
  font-size: 14rem;
  font-weight: 700;
  line-height: 11rem;
}

.div-block-178 {
  color: #fff;
  border: 3px solid #fff;
  border-radius: 10px;
  align-self: center;
  width: 100%;
  padding: 10px 20px;
  font-family: D din, sans-serif;
}

.div-block-179 {
  letter-spacing: 1.2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  display: flex;
}

.link-5, .link-6 {
  color: #fff;
  text-decoration: none;
}

.text-block-93 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1rem;
}

.assetsholii {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 90vw;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-151, .image-152 {
  max-width: 100%;
}

.text-block-94 {
  color: #022134;
  text-transform: none;
  margin-right: auto;
  font-family: Otterco, Impact, sans-serif;
  font-size: 6.5rem;
  line-height: 6rem;
  position: static;
}

.holiicitoblock {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #d6ff8a;
  border: 3px solid #022134;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 90vw;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.image-153 {
  width: auto;
  max-width: 50%;
}

.background-video-8 {
  max-width: 90vw;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.holiilabel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90vw;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.background-video-9 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  max-width: 90vw;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-10 {
  aspect-ratio: auto;
  object-fit: contain;
  width: 90vw;
  max-width: 90vw;
  height: 20vh;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.background-video-11 {
  object-fit: cover;
  width: auto;
  max-width: none;
  height: auto;
}

.text-block-95 {
  color: #fff;
  max-width: 90vw;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: Wallpoet, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.background-video-12 {
  display: none;
}

.div-block-180 {
  height: 10vh;
}

.typing-word {
  transition: color .3s;
}

.typing-cursor {
  vertical-align: baseline;
  margin-left: 2px;
}

@media screen and (min-width: 1280px) {
  .firstsection {
    flex-flow: row;
  }

  .wearea {
    font-size: 4rem;
    line-height: 4rem;
  }

  .typing-line {
    color: #fff;
    font-size: 4rem;
    line-height: 4rem;
  }

  .firstcopy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 40vh;
  }

  .copytext {
    font-size: 5rem;
  }

  .projectstrack {
    max-width: 95vw;
    height: 400vw;
    display: none;
  }

  .projectstrack._2 {
    height: 280vw;
    display: block;
  }

  .text-block-2 {
    margin-top: auto;
    padding-top: 25px;
  }

  .peoplename {
    width: 60%;
  }

  .paragraph-2 {
    max-width: 55vw;
    font-size: 22px;
  }

  .paragraph-2.comed-descipt {
    font-size: 2.5rem;
    line-height: 2rem;
  }

  .paragraph-2.fmpw {
    line-height: 22px;
  }

  .heading-2.modelo-heading {
    color: #ffc220;
  }

  .innerwrapper._2.du_infinite {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .innerwrapper._1.fifa-ads {
    background-color: #0053e2;
  }

  .projectstags.extra {
    display: none;
  }

  .tagsdesign, .textdesign._2, .textdesign._2.ad_skill, .textdesign._2 {
    color: #fff;
  }

  .textdesign._5.du_text_prj {
    font-size: 2.8rem;
  }

  .textdesign._5.cc_text {
    font-size: 4.5rem;
  }

  .projectdescription._1 {
    font-size: 20px;
  }

  .projectcover {
    width: 90%;
  }

  .projectcover.nutrilitefirst {
    width: 70%;
  }

  .phrases-copy {
    font-size: 3rem;
  }

  .phrases-copy._2 {
    max-width: 45%;
  }

  .image-12 {
    width: 75%;
    margin-left: 60px;
  }

  .linksnav, .linksnav.w--current, .linksnav.media {
    font-size: 1rem;
  }

  .logoimg {
    width: 6.5vw;
  }

  .bold-text {
    font-size: 30px;
  }

  .bold-text-3 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .bold-text-4 {
    letter-spacing: 2px;
  }

  .project-cover.modelocover {
    background-image: linear-gradient(#1a1a1aa1, #1a1a1aa1), url('../images/ROCKY_STILL8.jpg');
  }

  .project-cover.walmart {
    background-image: linear-gradient(#1a1a1a8c, #1a1a1a8c), url('../images/walmartcover.webp');
  }

  .project-cover.fifa {
    background-image: linear-gradient(to bottom, null, null), url('../images/FIFA-img2-min.png');
  }

  .main-slide-wrapper._1 {
    background-image: linear-gradient(to bottom, null, null), url('../images/PHOTOPRO1.webp');
  }

  .horiz-wrapper {
    margin-top: -4px;
  }

  .horiz-2 {
    margin-top: 0;
  }

  .scroll_conts {
    width: 450vh;
    margin-top: 20px;
  }

  .div-block-32 {
    margin-top: -9px;
  }

  .div-block-34 {
    margin-top: 55px;
  }

  .image-52 {
    width: 10%;
    inset: 1% 2% 0% auto;
  }

  .image-52._2 {
    width: 10%;
  }

  .body-6 {
    background-color: #1a1a1a;
  }

  .videosseasons {
    width: 70%;
    margin-top: 40px;
    margin-left: auto;
  }

  .videosseasons._2 {
    margin-left: 0;
    margin-right: auto;
  }

  .covers_fmp3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 90%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .fmp_screening {
    width: auto;
    max-width: none;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .screenings {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .coversfilmstext {
    color: #f3f3f3;
    max-width: 90%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .horizon-inner {
    height: 60vh;
  }

  .text-block-88, .text-block-89, .text-block-90 {
    font-size: 18rem;
    line-height: 15rem;
  }

  .div-block-175 {
    top: 40px;
  }

  .div-block-178 {
    padding: 20px 40px;
  }

  .background-video-10 {
    height: 25vh;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    font-size: 16px;
    text-decoration: none;
    display: block;
  }

  .nav-menu {
    justify-content: flex-end;
    align-items: flex-start;
    margin: 10px auto auto;
    display: block;
  }

  .firstsection {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    height: 50vh;
  }

  .linksection._1 {
    white-space: nowrap;
    width: 50px;
  }

  .linksection._2 {
    white-space: nowrap;
  }

  .wearea {
    height: auto;
    font-size: 4.5rem;
    line-height: 4rem;
  }

  .typing-line {
    width: auto;
    height: auto;
    font-size: 4.5rem;
    line-height: 4rem;
  }

  .firstcopy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    height: auto;
  }

  .copytext {
    height: 2vh;
    font-size: 7rem;
  }

  .wordspan.typer {
    margin-right: 0;
  }

  .wordspan.typer.typersmall {
    width: auto;
    font-size: 3rem;
    line-height: 3rem;
  }

  .projectstrack {
    height: 1000vw;
    display: none;
    overflow: visible;
  }

  .projectstrack._2 {
    display: none;
  }

  .projectstrack._3 {
    height: 300vw;
    display: block;
  }

  .frameprojects {
    grid-column-gap: 85px;
    grid-row-gap: 85px;
    flex-direction: row;
    justify-content: flex-start;
  }

  .teamcopy {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .teampic._1 {
    display: block;
    position: static;
    inset: 0% 0% auto;
  }

  .teampic.color {
    width: 25vw;
    display: none;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .peoplename {
    margin-top: 70px;
    margin-left: auto;
    font-size: 8rem;
    line-height: 6rem;
  }

  .brandscopy {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 100px;
  }

  .brandswrapper {
    margin-top: 40px;
  }

  .lastsection {
    z-index: 1000;
    justify-content: space-around;
    align-items: center;
    max-width: 80vw;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .pushimage {
    background-image: none;
    width: auto;
    height: auto;
  }

  .projectintro {
    background-color: #0000;
    background-image: none;
  }

  .div-block-5 {
    margin-top: 100px;
    padding-top: 0;
  }

  .div-block-5.fifa-descrip {
    margin-top: auto;
  }

  .div-block-5.nutrilite-intro, .div-block-5.flex-intro {
    margin-top: 60px;
  }

  .div-block-5.comed-heading {
    margin-top: 100px;
  }

  .div-block-5.starbucks-hdn {
    margin-top: 60px;
  }

  .paragraph-2 {
    max-width: 55vw;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-2.prg-flex {
    font-size: 22px;
  }

  .heading-2 {
    font-size: 14px;
  }

  .projectwrapper.next {
    width: 100%;
  }

  .innerwrapper {
    margin-top: 160px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .innerwrapper._2 {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .innerwrapper._2.artistry-wrapper {
    background-color: #49a95b;
  }

  .innerwrapper._1.artistry-wrapper {
    margin-top: 160px;
  }

  .projectstags {
    margin-bottom: auto;
  }

  .projectstags.extra {
    display: none;
  }

  .textdesign._1 {
    font-size: 30px;
  }

  .textdesign._3 {
    font-size: 30px;
  }

  .textdesign._2 {
    color: #fff;
    font-size: 30px;
  }

  .textdesign._5 {
    font-weight: 400;
  }

  .textdesign._5.du_text_prj {
    font-size: 3.2rem;
  }

  .textdesign._6, .textdesign._7, .textdesign._8 {
    font-weight: 400;
  }

  .projectdescription._1 {
    margin-left: 70px;
    font-size: 20px;
    line-height: 22px;
  }

  .projectdescription._1.minitext {
    margin-left: 0;
  }

  .projectdescription._2 {
    float: none;
    margin-top: 60px;
    margin-left: auto;
    margin-right: 70px;
    font-size: 30px;
    line-height: 30px;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .projectdescription._3 {
    margin-left: 70px;
    font-size: 20px;
  }

  .projectdescription.cruise {
    margin-left: 70px;
  }

  .projectcover {
    width: 90vw;
    max-width: 100%;
  }

  .n-image.n1 {
    max-width: 100%;
    margin-top: auto;
  }

  .n-image.n2 {
    max-width: 100%;
    margin-top: auto;
    margin-left: 0;
  }

  .mockups {
    justify-content: space-between;
    max-width: 90%;
  }

  .image-7 {
    margin-top: 175px;
  }

  .image-8 {
    width: 90%;
  }

  .heading-3 {
    margin-top: 150px;
    font-family: D din, sans-serif;
    font-size: 30px;
    font-weight: 400;
  }

  .phrases-copy {
    max-width: 70vw;
    font-size: 3.5rem;
  }

  .phrases-copy._2 {
    width: auto;
    max-width: none;
    font-size: 2.5rem;
  }

  .phrases-copy.bio {
    font-size: 2rem;
    line-height: 1;
  }

  .imagecontainer {
    display: block;
  }

  .image-9 {
    align-self: center;
  }

  .modal-people.felipe, .modal-people.juli, .modal-people.jenn, .modal-people.sebas, .modal-people.cris {
    display: none;
  }

  .modal-popup {
    width: 75%;
    margin-top: 40px;
  }

  .paragraph-3 {
    margin-top: 35px;
    font-size: 25px;
    line-height: 25px;
  }

  .image-10 {
    width: 25vw;
  }

  .heading-4 {
    font-size: 55px;
  }

  .hero__elem.mod--2 {
    inset: auto;
  }

  .hero__elements-wrap {
    left: auto;
  }

  .hero__elements {
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 450px;
    margin-right: 0;
  }

  .image-11 {
    opacity: 1;
    perspective: none;
    perspective-origin: 50%;
    width: 80%;
  }

  .div-block-6 {
    opacity: .71;
    backface-visibility: visible;
    perspective: none;
    perspective-origin: 50%;
    transform-origin: 50%;
    align-self: center;
    align-items: center;
    display: flex;
    transform: none;
  }

  .image-12 {
    z-index: 0;
    width: 70%;
    margin-left: 140px;
    position: relative;
  }

  .div-block-7 {
    perspective: 1000px;
    width: 500px;
    margin-left: 65px;
    margin-right: 0;
    position: static;
  }

  .shinebright {
    z-index: 0;
    opacity: .02;
    filter: blur(20px);
    background-color: #a2a2a263;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
  }

  .background-video {
    background-image: linear-gradient(#000000b3, #000000b3);
    height: 100vh;
    margin-top: 30px;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .background-video.flex-vid {
    margin-top: auto;
  }

  .background-video.nowrigian-cruise-cover {
    margin-top: auto;
    padding-top: 20px;
  }

  .background-video.artistrt-cover {
    height: auto;
    margin-top: auto;
    padding-bottom: 120px;
  }

  .mobiletrack {
    display: none;
  }

  .border-container-1 {
    z-index: 999;
    opacity: 1;
    max-width: none;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .nav-container {
    display: none;
  }

  .hamburger-line {
    justify-content: flex-start;
    height: 3px;
  }

  .menu-btn-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .nav-container-3 {
    display: block;
  }

  .nav {
    background-color: #1a1a1a;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .header {
    height: auto;
  }

  .line-2 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: space-around;
    align-items: flex-start;
    font-size: 10px;
    line-height: 8px;
  }

  .link-block {
    background-image: url('../images/LOGOPUSHwb.png');
    background-position: 50%;
    background-size: contain;
  }

  .header-push {
    z-index: 999;
    background-color: #1a1a1a;
    max-width: 100%;
  }

  .burgerbtn {
    display: none;
    position: static;
  }

  .pushlogo {
    background-image: url('../images/LOGOPUSHwb.png');
    background-position: 50%;
    background-size: contain;
    width: 100px;
    height: 110px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .pushlogo.w--current {
    background-size: cover;
    background-attachment: scroll;
    padding: 10px;
  }

  .navflex {
    background-color: #0000;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .line-3 {
    flex-flow: column;
    justify-content: space-around;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-links-full {
    z-index: 100;
    background-color: #1a1a1a;
  }

  .menu-btn-3 {
    background-color: #0000;
    display: none;
  }

  .navlinks {
    justify-content: space-between;
    width: 45%;
    max-width: 100%;
    font-size: 13px;
    display: flex;
  }

  .linksnav {
    color: #e9e9e9;
    letter-spacing: 5px;
    text-transform: none;
    padding-top: 5px;
    font-family: D dinexp, sans-serif;
    font-size: 1rem;
    line-height: 15px;
    text-decoration: none;
  }

  .linksnav.w--current {
    font-size: 1rem;
  }

  .linksnav.media {
    font-size: 1.2rem;
  }

  .div-block-9 {
    width: 75%;
  }

  .logoimg {
    width: 6vw;
  }

  .animationdiv {
    display: block;
  }

  .animationdiv.homee {
    display: none;
    position: fixed;
  }

  .div-block-10, .div-block-11 {
    display: block;
  }

  .lottie-animation-3 {
    z-index: 130;
    width: 90vw;
    height: 100vh;
    margin: auto;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .lottie-animation-4 {
    width: 90vw;
    height: 100vh;
    margin: auto;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .div-block-12 {
    width: 240px;
    top: 59%;
  }

  .div-block-12._1 {
    display: none;
  }

  .puntorojo {
    top: -22%;
    left: 4%;
  }

  .containerblanco, .containers {
    margin-left: 35px;
    top: -18%;
  }

  .div-block-13 {
    top: 68%;
  }

  .agencytext, .mediatext {
    font-size: 80px;
    top: 50%;
  }

  .posteluz {
    top: -170px;
    left: 55px;
  }

  .chimenea {
    max-width: 90%;
    margin-top: -117px;
    margin-bottom: 0;
    margin-left: 69px;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .text-block-3 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
    bottom: 8%;
    left: 0;
    right: 0;
  }

  .whitecontainer {
    width: 12.8%;
    max-width: 18%;
    display: none;
    top: 49.6%;
    left: 40.5%;
  }

  .whitecontainer._2 {
    width: 12.5%;
    top: 41.4%;
    left: 51%;
  }

  .div-block-14 {
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .dolly-container {
    height: 500vw;
    display: none;
  }

  .pushcontainer {
    z-index: 1;
    display: block;
  }

  .horizontal-item {
    flex: none;
  }

  .list {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .horizontal-section {
    background-color: #0000;
    height: 2000px;
    display: none;
  }

  .horizontal-scroll-section {
    background-color: #ae1616;
    height: auto;
    position: relative;
  }

  .container-horizontal.sticky {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
  }

  .elements-pr {
    display: flex;
    position: static;
  }

  .div-block-18 {
    width: 150px;
    height: 150px;
  }

  .image-28 {
    width: 140%;
    max-width: 150%;
    margin-left: auto;
    margin-right: auto;
  }

  .horizontal-section-mobile {
    display: none;
  }

  .image-35, .comed-img2, .image-37, .ooh-billboard-img {
    width: 90%;
    max-width: 100%;
  }

  .project-cover {
    margin-top: auto;
  }

  .div-block-23 {
    justify-content: space-between;
    max-width: 90%;
    margin-top: 155px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .be-the-fisrt-video {
    max-width: 90%;
    margin-top: 130px;
    margin-left: auto;
    margin-right: auto;
  }

  .launch-campaing-nowegian {
    width: 90%;
    margin-top: 190px;
    margin-left: auto;
    margin-right: auto;
  }

  .comed-prj-cover {
    margin-top: auto;
    padding-bottom: 120px;
  }

  .pic-color-felipe {
    width: 25vw;
    max-width: none;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .juli-colors {
    width: 25vw;
    max-width: none;
    display: none;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .jenn-colors {
    width: 25vw;
    max-width: none;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .media-cover {
    margin-top: auto;
    padding-top: 210px;
    padding-bottom: 210px;
  }

  .media-hdg-1 {
    font-size: 65px;
  }

  .media-hdng-2 {
    font-size: 75px;
  }

  .video-block-1 {
    justify-content: space-between;
    align-items: center;
    width: 85%;
    height: auto;
  }

  .video-block-1._1 {
    justify-content: space-between;
    display: flex;
  }

  .vidtitle {
    color: #fff;
    font-family: Wallpoet, sans-serif;
    font-size: 25px;
  }

  .video-block-2 {
    margin-top: 140px;
  }

  .videomedia {
    object-fit: fill;
    flex: none;
    order: 0;
    align-self: center;
    width: auto;
    height: auto;
    overflow: hidden;
  }

  .video-block-3, .video-block-4, .video-block-5 {
    margin-top: 140px;
  }

  .lottie-animation-8 {
    z-index: 130;
  }

  .lottie-animation-8.home {
    display: none;
  }

  .image-43 {
    max-width: 100%;
    display: block;
  }

  .videoblock, .video-9 {
    width: 100%;
    height: auto;
  }

  .div-block-26, .div-block-27, .div-block-28, .div-block-29 {
    width: 100%;
  }

  .image-44 {
    max-width: none;
  }

  .agency-black {
    width: 12.52vw;
    margin-top: auto;
    margin-left: auto;
    display: none;
    top: 45.72%;
    left: 40.59%;
  }

  .link-block-3.w--current {
    background-color: #0000;
    flex: 0 auto;
    align-self: center;
    width: auto;
    max-width: none;
  }

  .main-slide-wrapper._5 {
    background-image: linear-gradient(to bottom, null, null), url('../images/PHOTOPRO1.webp');
  }

  .main-slide-wrapper._4 {
    background-image: linear-gradient(#0000, #0000), url('../images/PHOTOPRO4.webp');
  }

  .horiz-wrapper {
    height: 750vh;
  }

  .image-grid.cookie2.anydesk {
    display: none;
  }

  .image-grid.cookie2.any2 {
    display: block;
  }

  .image-grid.anydesk {
    display: none;
  }

  .image-grid.any1 {
    display: block;
  }

  .link-block-5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    column-count: auto;
    column-rule-style: none;
    column-rule-width: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: space-around end;
    place-items: stretch stretch;
    column-gap: 1rem;
    width: 90%;
    display: grid;
  }

  .image-52._2 {
    width: 10.5%;
  }

  .vidinfo {
    opacity: .59;
    color: #fff;
    margin-top: 1rem;
    font-family: D dinexp, sans-serif;
    font-size: 17px;
    font-weight: 400;
  }

  .videoinfor {
    width: 85%;
  }

  .trakcs {
    height: 600vw;
    display: block;
    overflow: visible;
  }

  .frame {
    flex-flow: row;
    justify-content: space-around;
    align-items: flex-end;
    width: 200vw;
    overflow: visible;
  }

  .frame.clieintspush {
    width: 1000vw;
  }

  .camera-2 {
    flex-flow: column;
    padding-top: 40px;
    display: block;
    overflow: auto;
  }

  .containerprojects {
    align-self: stretch;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    position: relative;
  }

  .container_box {
    height: 400px;
  }

  .socialfooter {
    width: 25px;
  }

  .link-3, .link-3.gmail {
    font-size: 1rem;
  }

  .text-block-46, .image-82, .div-block-96, .image-87, .image-67, .image-89 {
    display: none;
  }

  .screenings {
    display: block;
  }

  .div-block-161.uppersize {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-items: center;
    max-width: 70%;
    display: flex;
  }

  .div-block-161.lowsize {
    display: none;
  }

  .text-block-84.coketxt {
    font-size: 1rem;
  }

  .code-embed, .code-embed-2 {
    max-width: 50%;
  }

  .centerwrapper {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .horizon-inner {
    height: 50vh;
  }

  .text-block-88 {
    font-size: 16rem;
    line-height: 13rem;
  }

  .section-3 {
    margin-top: 20px;
  }

  .text-block-89 {
    font-size: 16rem;
    line-height: 13rem;
  }

  .div-block-175 {
    padding: 40px;
    top: 0;
  }

  .text-block-91 {
    font-size: 1.5rem;
  }

  .link-4 {
    font-size: 4.2rem;
    line-height: 4rem;
  }

  .text-block-92 {
    font-size: 15rem;
    line-height: 13rem;
  }

  .div-block-178 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-179 {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }

  .text-block-93 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .linksection._1, .linksection._2, .linksection._3, .linksection._4 {
    font-size: 1rem;
  }

  .wearea {
    font-size: 7rem;
  }

  .typing-line {
    font-size: 7rem;
    line-height: 6rem;
  }

  .firstcopy {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .copytext {
    font-size: 8rem;
  }

  .projectstrack._3 {
    display: none;
  }

  .projectstrack._4 {
    height: 200rem;
    display: block;
  }

  .image-2 {
    width: 8%;
  }

  .paragraph-2 {
    max-width: 50vw;
    font-size: 30px;
    line-height: 30px;
  }

  .paragraph-2.comed-descipt {
    font-size: 3.2rem;
    line-height: 3rem;
  }

  .paragraph-2.lexus_asigment {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .heading-2.cc-heading.coke_heading {
    font-size: 1.3rem;
  }

  .innerwrapper._2.artistry-wrapper {
    background-color: #2497b7;
  }

  .innerwrapper._1.starbucks-innes {
    background-color: #0ad78c;
    border-radius: 0;
  }

  .innerwrapper._1.huawei-inner {
    background-color: #23abea;
  }

  .innerwrapper._1.dominican-inner {
    background-color: #fcbd31;
  }

  .projectstags.extra {
    display: flex;
  }

  .textdesign._5.du_text_prj {
    font-size: 4.2rem;
  }

  .projectdescription._1 {
    margin-left: 110px;
    font-size: 30px;
    line-height: 30px;
  }

  .projectdescription._2 {
    font-size: 35px;
    line-height: 30px;
  }

  .phrases-copy {
    max-width: 70vw;
    font-size: 4.5rem;
  }

  .phrases-copy._2 {
    font-size: 2.5rem;
  }

  .phrases-copy.bio {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .image-12 {
    width: 85%;
    margin-left: 220px;
  }

  .navlinks {
    width: 35%;
  }

  .linksnav, .linksnav.w--current {
    font-size: 1.2rem;
  }

  .linksnav.media {
    font-size: 1.5rem;
  }

  .animationdiv.mobile.first, .animationdiv.homee {
    display: none;
  }

  .lottie-animation-3.mobile {
    z-index: 150;
    width: 95vw;
    display: block;
    inset: 0%;
  }

  .lottie-animation-4 {
    display: none;
  }

  .subtitle._1 {
    font-size: 40px;
  }

  .bold-text {
    margin-left: 40px;
    font-size: 40px;
  }

  .project-cover.flonase-cover {
    background-image: linear-gradient(#1a1a1a59, #1a1a1a59), url('../images/flonasecover.webp');
    background-position: 0 0, 100% 100%;
    background-size: auto, cover;
    padding-bottom: 140px;
  }

  .starbucks-cover {
    background-image: linear-gradient(#0000, #0000), url('../images/image-asset-2.png');
  }

  .lottie-animation-8.home {
    display: none;
  }

  .scroll_conts {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 0;
  }

  .card-items._1 {
    height: 600px;
  }

  .link-block-5 {
    column-count: 3;
    column-gap: 20px;
    width: 85%;
  }

  .image-52 {
    margin-top: -35px;
  }

  .huawei-cover {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Huawei6.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .dominican-cover {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Mockup_3.webp');
    background-position: 0 0, 50%;
    background-size: auto, auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .container_box {
    height: 550px;
  }

  .tabs-content {
    margin-top: 40px;
  }

  .socialfooter {
    width: 40px;
  }

  .link-3 {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .link-3.gmail {
    font-size: 1.4rem;
  }

  .footer-wrapper {
    padding-bottom: 40px;
  }

  .title-small {
    font-size: 2rem;
    line-height: 2rem;
  }

  .footer-content {
    max-width: none;
  }

  .screenings {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .div-block-161 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-block-161.uppersize {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .div-block-161.lowsize {
    display: none;
  }

  .container-8 {
    justify-content: space-between;
    align-items: stretch;
  }

  .text-block-84.coketxt {
    font-size: 1.5rem;
  }

  .code-embed-2 {
    margin-right: auto;
  }

  .tab-design, .tab-video {
    font-size: 3rem;
    line-height: 2.5rem;
  }

  .tabswrapper {
    grid-column-gap: 1.4rem;
    grid-row-gap: 1.4rem;
  }
}

@media screen and (max-width: 991px) {
  .firstsection {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 90vw;
    height: 55vh;
    margin-top: 136px;
  }

  .linksection._1, .linksection._2, .linksection._3, .linksection._4 {
    font-size: 1rem;
    transform: none;
  }

  .wearea {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .typing-line {
    width: 85vw;
    font-size: 3.5rem;
  }

  .firstcopy {
    justify-content: center;
    align-items: flex-start;
    margin-top: -8vh;
    display: flex;
  }

  .copytext {
    font-size: 85px;
  }

  .secondsection {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 90vw;
    margin-top: 110px;
  }

  .split-lines {
    max-width: 65vw;
  }

  .projectstrack {
    height: auto;
    display: none;
  }

  .camera {
    height: auto;
    overflow: visible;
  }

  .frameprojects {
    flex-direction: row;
    height: 100%;
    overflow: visible;
  }

  .div-block {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .agencywork._2 {
    margin-top: 20px;
  }

  .agencywork._1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: center;
    place-items: center;
    display: flex;
  }

  .agencywork._3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-top: 20px;
  }

  .card-photo-gallery._1, .card-photo-gallery._5 {
    width: 100%;
  }

  .text-block-2 {
    margin-top: 0;
    font-size: 40px;
  }

  .workspan {
    font-size: 48px;
  }

  .heading {
    margin-top: 150px;
    font-size: 40px;
    line-height: 32px;
  }

  .heading._5 {
    margin-top: 140px;
  }

  .heading._4 {
    margin-top: 180px;
  }

  .heading._2 {
    margin-top: 170px;
  }

  .heading._1 {
    margin-top: 185px;
  }

  .paragraph {
    width: 80vw;
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
  }

  .paragraph._2 {
    font-size: 15px;
  }

  .teamcopy {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 90vw;
    transform: none;
  }

  .teamsection {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    max-width: 90vw;
  }

  .teampeople._1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 0;
    grid-auto-columns: 1fr;
    align-content: space-between;
    justify-items: center;
    display: flex;
  }

  .teampeople._2 {
    width: 70vw;
  }

  .people.felipe, .people.juli, .people.jenn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .people.sebas {
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .people.cris {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .peoplename {
    width: 70%;
    margin-top: 2vh;
    margin-left: auto;
    font-size: 4.5rem;
    display: block;
    top: 186px;
  }

  .brandscopy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 90vw;
    transform: none;
  }

  .brandswrapper {
    margin-top: 20px;
  }

  .marqueecontainer {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 50%;
  }

  .marqueecontainer._3 {
    display: none;
  }

  .image-2 {
    width: 50%;
  }

  .lastsection {
    margin-top: 101px;
    padding-bottom: 48px;
  }

  .pushimage {
    width: auto;
    height: auto;
  }

  .invitecopy {
    font-size: 22px;
    line-height: 28px;
  }

  .pushinsta {
    width: 28px;
    height: 28px;
    margin-top: 30px;
  }

  .pushemail {
    margin-top: 30px;
    font-size: 15px;
  }

  .link-2 {
    font-size: 15px;
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-6 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .div-block-5 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 65px;
    transform: none;
  }

  .div-block-5.flex-intro {
    align-items: flex-start;
    padding-left: 45px;
  }

  .paragraph-2 {
    max-width: 60vw;
    font-size: 18px;
  }

  .heading-2 {
    transform: none;
  }

  .heading-2.norw-title {
    margin-left: 0;
  }

  .heading-2.flex-heading {
    margin-left: -16px;
  }

  .projectwrapper.next {
    margin-top: 25px;
    margin-bottom: 0;
  }

  .innerwrapper._2 {
    margin-bottom: 0;
  }

  .textdesign._5, .textdesign._6, .textdesign._7, .textdesign._8 {
    font-size: 50px;
  }

  .projectdescription._1 {
    max-width: 65%;
    margin-left: 40px;
    font-size: 16px;
    line-height: 18px;
  }

  .projectdescription._2 {
    max-width: 65%;
    margin-left: 50px;
    font-size: 16px;
    line-height: 18px;
  }

  .projectdescription._3 {
    max-width: 65%;
    margin-left: 55px;
    font-size: 16px;
    line-height: 18px;
  }

  .image-7 {
    max-width: 95%;
    margin-top: 180px;
  }

  .heading-3 {
    font-weight: 400;
  }

  .phrases-copy {
    margin-bottom: 0;
    font-size: 3em;
  }

  .phrases-copy._2 {
    max-width: 100%;
    font-size: 2rem;
  }

  .phrases-copy.bio {
    margin-top: 8vh;
    font-size: 1.2rem;
  }

  .work_link {
    margin-left: 5vw;
  }

  .work_title {
    font-size: 17vw;
  }

  .work_img-flex {
    display: none;
  }

  .hero__elem.mod--5 {
    max-width: 60px;
    top: 238px;
  }

  .hero__elem.mod--3 {
    display: none;
  }

  .hero__elem.mod--4 {
    max-width: 70px;
    bottom: 97px;
    left: -70px;
  }

  .hero__elem.mod--6 {
    max-width: 70px;
    bottom: -39px;
  }

  .hero__elem.mod--1 {
    max-width: 400px;
  }

  .hero__elem.mod--2 {
    max-width: 130px;
    top: 31px;
    left: 37px;
  }

  .hero__elements {
    width: 38vw;
    height: 400px;
  }

  .image-12 {
    width: 40%;
    margin-left: auto;
    position: static;
    right: 0;
  }

  .div-block-7 {
    width: 100%;
    margin-left: 0;
    display: flex;
    position: absolute;
    top: 31vh;
  }

  .shinebright {
    width: 240px;
    height: 240px;
    top: auto;
    bottom: 0;
  }

  .background-video.flex-vid {
    object-fit: cover;
    background-image: linear-gradient(#0000008c, #0000008c);
    margin-top: 0;
    padding-top: 63px;
    display: block;
  }

  .image-13 {
    width: 75px;
  }

  .image-14 {
    display: block;
  }

  .mobiletrack {
    margin-top: 170px;
    display: none;
  }

  .nav-container {
    padding-left: 5rem;
  }

  .menu-btn {
    display: block;
  }

  .nav-links {
    font-size: 3rem;
  }

  .nav-container-2 {
    padding-left: 5rem;
    display: none;
  }

  .nav-container-3 {
    padding-left: 5rem;
  }

  .heading-5 {
    font-size: 3rem;
    transform: skew(0deg, -8deg);
  }

  .burgerbtn {
    display: block;
  }

  .line-3 {
    display: none;
  }

  .nav-links-full {
    padding-left: 5rem;
  }

  .menu-btn-3 {
    display: none;
  }

  .navlinks {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 80%;
    display: flex;
  }

  .linksnav {
    font-size: 10px;
  }

  .div-block-9 {
    justify-content: flex-end;
    width: 100%;
  }

  .logoimg {
    width: 45%;
  }

  .animationdiv.media, .animationdiv.homee.mediaaa {
    display: none;
  }

  .text-block-3 {
    font-size: 12px;
  }

  .whitecontainer._2 {
    top: 42.6%;
  }

  .pushcontainer {
    display: block;
  }

  .horizontal-item {
    width: 52%;
  }

  .list {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .horizontal-section {
    background-color: #0000;
  }

  .container-3 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .image-28 {
    width: 130%;
    max-width: 150%;
  }

  .horizontal-section-mobile {
    display: none;
  }

  .subtitle._1 {
    margin-top: 60px;
    margin-left: 40px;
  }

  .video-2 {
    margin-top: -211px;
  }

  .video-block-1 {
    flex-direction: column-reverse;
    width: 90%;
  }

  .video-block-2, .video-block-3, .video-block-4, .video-block-5 {
    flex-direction: column-reverse;
  }

  .button-2 {
    margin-top: 80px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section.slider-section {
    margin-top: 100px;
    display: block;
  }

  .slider-item {
    border-style: none;
    width: auto;
    height: auto;
    margin-top: 26px;
  }

  .image-43 {
    max-width: 80%;
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #131313bf, #0000);
    display: block;
  }

  .second-slider-container, .c-funtext {
    display: none;
  }

  .c-main-slide-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .c-slide-btn-loading {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 15px;
    font-size: 4.5em;
  }

  .main-slider {
    height: 100vh;
  }

  .main-slider.mobile {
    display: block;
  }

  .main-slider.desktop {
    display: none;
  }

  .trakcs {
    height: auto;
  }

  .frame {
    flex-direction: column;
    height: 0%;
  }

  .marquee-text_component {
    font-size: 1.5vw;
  }

  .camera-2 {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .footer-wrapper {
    grid-column-gap: 10%;
    grid-row-gap: 10%;
    width: 95%;
    padding-bottom: 40px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .image-88 {
    width: 80%;
  }

  .image-148 {
    top: 2.5vh;
    left: 0;
  }

  .image-149 {
    top: 2vh;
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .firstsection {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    max-width: 85vw;
    margin-top: 40px;
    transform: none;
  }

  .linksection {
    font-size: 10px;
    transform: none;
  }

  .linksection._2 {
    font-size: 10px;
  }

  .linksection._3 {
    white-space: nowrap;
    font-size: 10px;
    transform: none;
  }

  .linksection._4 {
    font-size: 10px;
    transform: none;
  }

  .wearea {
    font-size: 60px;
  }

  .typing-line {
    font-size: 65px;
  }

  .firstcopy {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    margin-top: 0;
  }

  .copytext {
    font-size: 60px;
  }

  .secondsection {
    flex-direction: column;
    align-items: flex-start;
    max-width: 90vw;
    margin-top: auto;
    transform: none;
  }

  .secondlinksection {
    transform: none;
  }

  .split-lines {
    max-width: 90vw;
    margin-top: 12px;
  }

  .frameprojects {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block {
    height: 80vh;
    margin-right: auto;
    display: block;
  }

  .image {
    text-align: left;
    max-width: 90vw;
    height: 90vw;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .agencywork._2 {
    margin-top: 20px;
  }

  .agencywork._3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .heading {
    margin-top: 140px;
  }

  .heading._5 {
    margin-top: 180px;
  }

  .heading._3 {
    margin-top: 120px;
  }

  .paragraph._3 {
    max-width: 70%;
  }

  .teamcopy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 90vw;
    margin-top: 60px;
    transform: none;
  }

  .teamsection {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 85px;
  }

  .teampeople._1, .teampeople._2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: center;
  }

  .teampic._1, .teampic._2, .teampic._3, .teampic._4, .teampic._5 {
    width: 40vw;
  }

  .peoplename {
    text-shadow: 1px 1px 6px #000;
    font-size: 35px;
    top: 163px;
    left: -42px;
  }

  .brandscopy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    max-width: 90vw;
    margin-top: 50px;
    transform: none;
  }

  .brandswrapper {
    margin-top: 80px;
  }

  .brandsmarquee {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marqueecontainer {
    align-self: center;
    align-items: center;
    display: flex;
  }

  .marqueecontainer._2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 100px;
    padding-left: 158px;
    display: none;
  }

  .marqueecontainer._3 {
    margin-top: -4px;
    margin-left: 250px;
    display: flex;
  }

  .image-2 {
    width: 20%;
  }

  .lastsection {
    justify-content: space-around;
    align-items: center;
    max-width: 90vw;
    margin-top: 80px;
    padding-bottom: 55px;
  }

  .pushimage {
    width: 175px;
    height: 175px;
  }

  .invitecopy {
    font-size: 20px;
    line-height: 22px;
  }

  .pushinsta {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-6 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .projectwrapper.next {
    margin-top: 15px;
  }

  .textdesign._5, .textdesign._6, .textdesign._7, .textdesign._8 {
    font-size: 40px;
  }

  .projectdescription._1, .projectdescription._2 {
    max-width: 75%;
    font-size: 15px;
  }

  .projectdescription._3 {
    max-width: 75%;
    margin-top: 120px;
    font-size: 15px;
  }

  .mockups {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .mockupsimg._2 {
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .mockupsimg._1 {
    align-self: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mockupsimg._3 {
    margin-top: 90px;
  }

  .image-7 {
    margin-top: 120px;
  }

  .image-8 {
    margin-top: 140px;
  }

  .heading-3 {
    margin-top: 120px;
  }

  .phrases-copy {
    max-width: 12em;
    font-size: 2.2em;
  }

  .phrases-copy._2 {
    width: 75%;
    max-width: 100%;
    font-size: 1.7em;
  }

  .modal-people.felipe, .modal-people.juli {
    display: none;
  }

  .modal-popup {
    padding: 35px;
  }

  .info-people {
    height: 50vh;
  }

  .paragraph-3 {
    width: 90%;
    font-size: 14px;
    line-height: 15px;
  }

  .heading-4 {
    margin-top: 0;
  }

  .hero__elements-wrap {
    display: none;
  }

  .image-12 {
    z-index: 0;
    display: block;
    position: relative;
  }

  .div-block-7 {
    display: none;
  }

  .shinebright {
    width: 190px;
    height: 190px;
  }

  .image-13 {
    width: 65px;
  }

  .image-14 {
    width: 20%;
  }

  .image-15 {
    width: 20%;
    max-width: 100%;
  }

  .image-16, .image-17 {
    width: 20%;
    height: auto;
  }

  .image-18, .image-19, .image-20, .image-21 {
    width: 20%;
  }

  .image-22 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-23 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    display: block;
  }

  .image-24 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-link-wrap {
    letter-spacing: 5px;
    text-transform: uppercase;
    background-color: #0000;
    border-bottom: 1.5px solid #ffffff4d;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: D dinexp, sans-serif;
    font-size: 16px;
  }

  .nav-link-wrap._1 {
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: 1.5px solid #ffffff4d;
    margin-top: 25%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: D dinexp, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .nav-links {
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: 2rem;
  }

  .nav-links.offset-1 {
    text-align: left;
    padding-left: 0;
    font-size: 2rem;
  }

  .nav-links.offset-2 {
    padding-left: 0;
  }

  .nav-links.media {
    font-family: Wallpoet, sans-serif;
    transition: color .3s;
  }

  .text-block.is--close {
    font-family: Wallpoet, sans-serif;
    font-size: 20px;
    display: none;
  }

  .header-img {
    background-position: 50%;
  }

  .heading-5 {
    font-size: 2rem;
    transform: skew(0deg, -6deg);
  }

  .marquee-horizontal {
    padding-top: 1rem;
  }

  .marquee-text {
    font-size: .8rem;
  }

  .nav {
    z-index: 9999;
    padding-bottom: 30px;
  }

  .burgerbtn {
    z-index: 1;
    background-color: #841010;
    display: block;
    position: static;
  }

  .pushlogo.w--current {
    -webkit-text-fill-color: inherit;
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    background-clip: padding-box;
    padding-right: 0;
  }

  .navflex {
    background-color: #0000;
  }

  .nav-links-full {
    z-index: 9999;
    background-color: #1a1a1a;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 100vh;
    max-height: none;
    padding-left: 1.7rem;
    padding-right: 5rem;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .menu-btn-3 {
    background-color: #0000;
    flex-direction: row;
    align-items: stretch;
    width: auto;
    height: 35px;
    margin-right: 5%;
    display: flex;
  }

  .menu-btn-3.close {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row-reverse;
    place-content: center;
    align-items: center;
    width: auto;
    margin-right: 35px;
    font-family: Wallpoet, sans-serif;
    font-size: 20px;
    display: flex;
    position: absolute;
    inset: 5% 0% auto auto;
  }

  .navlinks {
    display: none;
  }

  .div-block-9 {
    justify-content: flex-end;
    align-items: stretch;
  }

  .menu-btn-txt-wrap-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-right: 20px;
  }

  .line-4 {
    height: 20px;
    margin-top: 15px;
  }

  .logoimg {
    width: 14%;
    margin-left: -40px;
    padding-left: 0;
    position: absolute;
    inset: 5% auto auto 60px;
  }

  .logoimg.mobile {
    top: 2%;
    left: auto;
  }

  .animationdiv, .pushcontainer {
    display: block;
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .horizontal-section-mobile {
    display: none;
  }

  .video-block-1 {
    flex-direction: column-reverse;
    width: 90%;
  }

  .video-block-2, .video-block-3, .video-block-4, .video-block-5 {
    flex-direction: column-reverse;
  }

  .button-2 {
    margin-top: 89px;
  }

  .containers-section.ovrl-none {
    overflow: hidden;
  }

  .collection-list-wrapper {
    display: block;
  }

  .container-4 {
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .my-slider-progress {
    margin-top: 32px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section.slider-section {
    margin-top: 100px;
    display: block;
  }

  .slider-wrapper {
    margin-top: 59px;
  }

  .container-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-item {
    border-style: none;
    width: auto;
    height: auto;
    margin-right: auto;
  }

  .image-42 {
    max-width: 100vw;
  }

  .play-btn {
    width: 20px;
    height: 20px;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: flex-start;
    width: 70%;
  }

  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .c-slide-btn {
    width: 30%;
    padding: 3vw;
  }

  .c-main-slide-content {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .main-slide-title {
    letter-spacing: 5px;
    font-size: 3em;
  }

  .c-slide-btn-block {
    width: 12vw;
    height: 12vw;
  }

  .link-block-5 {
    column-gap: 15px;
  }

  .image-58 {
    width: 1.5%;
  }

  .marquee-text_component {
    font-size: 2vw;
  }

  .containerblock {
    margin-left: 25px;
  }

  .socialfooter {
    width: 40px;
    display: inline-block;
  }

  .footer-block {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    align-items: flex-start;
  }

  .link-3, .link-3.gmail {
    font-size: .6rem;
  }

  .footer-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-social-block {
    width: 75%;
    margin-top: 10px;
    margin-left: -20px;
  }

  .div-block-67 {
    margin-left: 2px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-wrapper {
    grid-column-gap: 10%;
    grid-row-gap: 10%;
    flex-direction: row;
    align-items: center;
    width: 85%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .title-small {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    background-color: #f90000;
    max-width: 100vw;
    height: 100vh;
    margin-top: 0;
    display: block;
  }

  .firstsection {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 95vw;
    height: auto;
    margin-top: 25px;
    display: block;
  }

  .linksection {
    font-size: 8px;
  }

  .linksection._1, .linksection._2 {
    font-size: 1rem;
  }

  .linksection._3 {
    font-size: 1rem;
    position: static;
    top: 0;
  }

  .linksection._4 {
    font-size: 1rem;
  }

  .wearea {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  .typing-line {
    letter-spacing: 3px;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .firstcopy {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    height: auto;
    margin-top: 20px;
  }

  .copytext {
    font-size: 3.5rem;
  }

  .secondsection {
    margin-top: 40px;
    margin-bottom: 5vh;
    display: block;
    position: static;
    top: 75px;
  }

  .split-lines {
    font-size: 20px;
    line-height: 22px;
  }

  .projectstrack {
    margin-top: 100px;
    display: block;
  }

  .camera {
    height: auto;
    overflow: visible;
  }

  .frameprojects {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    position: static;
  }

  .agencywork._1 {
    align-items: center;
    height: 100vh;
    margin-top: 2rem;
  }

  .agencywork._3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 20px;
    display: flex;
  }

  .card-photo-gallery._1 {
    height: 50vh;
    transition-property: none;
  }

  .card-photo-gallery._1:hover {
    opacity: 1;
  }

  .card-photo-gallery._5 {
    height: 50vh;
    transition-property: none;
  }

  .text-block-2 {
    padding-top: 0;
    font-size: 2.5rem;
    line-height: 2.5rem;
    display: block;
  }

  .workspan {
    font-size: 2.5rem;
    display: block;
  }

  .heading._5 {
    font-size: 25px;
    font-weight: 400;
    line-height: 26px;
  }

  .heading._4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
  }

  .heading._2 {
    font-size: 25px;
    font-weight: 400;
    line-height: 22px;
  }

  .heading._1 {
    margin-top: 170px;
    font-family: Wallpoet, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }

  .heading._3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 28px;
  }

  .paragraph {
    font-size: 12px;
    line-height: 16px;
  }

  .paragraph._3 {
    max-width: 80%;
  }

  .paragraph._2 {
    max-width: 80%;
    font-size: 12px;
    line-height: 16px;
  }

  .teamcopy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: auto;
    margin-top: 5vh;
    position: static;
  }

  .people.felipe {
    margin-left: 0;
    margin-right: auto;
    display: none;
    position: absolute;
  }

  .teampic._1 {
    align-self: auto;
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .teampic._2, .teampic._3, .teampic._4, .teampic._5 {
    width: 55vw;
  }

  .peoplename {
    text-align: left;
    text-shadow: none;
    width: 100%;
    margin-top: auto;
    font-size: 3rem;
    line-height: 3rem;
    position: static;
    top: 10vh;
    left: auto;
    right: 0;
  }

  .peopletext {
    white-space: nowrap;
    width: auto;
    font-size: 10px;
    line-height: 16px;
  }

  .brandswrapper {
    margin-top: 10px;
    overflow: hidden;
  }

  .brandsmarquee {
    grid-column-gap: 180px;
    grid-row-gap: 180px;
    width: 250%;
  }

  .marqueecontainer._3 {
    display: flex;
  }

  .image-2 {
    width: 40%;
  }

  .lastsection {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column-reverse wrap;
    place-content: stretch center;
    margin-top: 80px;
  }

  .pushimage {
    align-self: center;
    width: auto;
    height: auto;
  }

  .invitecopy {
    text-align: center;
    font-size: 18px;
  }

  .pushinfo {
    justify-content: center;
    align-items: center;
  }

  .pushemail {
    font-size: 14px;
  }

  .container-2 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .div-block-5 {
    margin-top: 20px;
    margin-left: auto;
  }

  .div-block-5.cruise-descr {
    margin-top: 33px;
  }

  .div-block-5.fifa-descrip {
    max-width: 80vw;
    margin-top: -45px;
  }

  .div-block-5.nutrilite-intro {
    margin-top: auto;
  }

  .div-block-5.comed-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: auto;
  }

  .div-block-5.nipsco-dscp {
    max-width: 90vw;
  }

  .div-block-5.starbucks-hdn {
    margin-top: 30px;
  }

  .paragraph-2 {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .paragraph-2.prg-nutrilite {
    margin-top: auto;
    margin-left: auto;
  }

  .paragraph-2.comed-descipt {
    margin-bottom: 0;
  }

  .heading-2 {
    margin-top: auto;
    margin-left: auto;
  }

  .heading-2.fifa-heading {
    margin-left: 0;
  }

  .heading-2.nutrilite-heading {
    margin-left: auto;
  }

  .heading-2.comed-hdg {
    width: 100%;
    margin-left: auto;
  }

  .heading-2.artistry-nyc-heading {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-2.holii-heading {
    margin-left: 0;
    margin-right: auto;
  }

  .projectwrapper.next {
    background-color: #801637;
    height: auto;
    margin-top: auto;
    margin-bottom: 0;
    text-decoration: none;
    top: 0%;
  }

  .innerwrapper._2.fifa-color {
    height: auto;
  }

  .innerwrapper._2.artistry-wrapper {
    background-color: #5caa72;
  }

  .innerwrapper._1 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .innerwrapper._1.nrw-cr {
    margin-top: 96px;
  }

  .innerwrapper._1.fifa-ads {
    margin-top: 40px;
  }

  .innerwrapper._1.nutr-inner, .innerwrapper._1.starbucks-innes {
    margin-top: 100px;
  }

  .projectstags {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    width: 100%;
    padding-left: 90px;
  }

  .projectstags._1 {
    display: flex;
  }

  .projectstags.artistry-prj {
    padding-left: 60px;
  }

  .projectstags.artistry-prj.np-wrapper {
    margin-left: 90px;
    padding-left: 0;
  }

  .projectstags.artistry-prj2 {
    font-size: 1px;
  }

  .tagsdesign {
    width: 120%;
  }

  .textdesign._1, .textdesign._2, .textdesign._3, .textdesign._2 {
    white-space: nowrap;
    font-size: 14px;
  }

  .textdesign._5 {
    align-items: center;
    width: 170%;
    font-size: 20px;
    display: block;
  }

  .textdesign._6, .textdesign._7, .textdesign._8 {
    font-size: 25px;
  }

  .projectdescription._1 {
    max-width: 85%;
    margin-top: 20px;
    margin-left: auto;
    font-size: 14px;
  }

  .projectdescription._1.other {
    margin-right: auto;
  }

  .projectdescription._2 {
    text-align: center;
    letter-spacing: 3px;
    max-width: 85%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .projectdescription._3 {
    max-width: 85%;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .projectdescription._4 {
    max-width: 85%;
    margin-left: auto;
  }

  .projectcover.holii_portada {
    margin-top: 40px;
    display: none;
  }

  .projectcover.holii_portada.mobile_portada {
    display: block;
  }

  .n-image {
    max-width: 85%;
    margin-top: 80px;
  }

  .n-image.flex-img, .n-image.comed-img, .n-image.comed-ima-1 {
    margin-top: 60px;
  }

  .mockups {
    margin-top: 90px;
    display: flex;
  }

  .image-7 {
    margin-top: 100px;
  }

  .image-8 {
    margin-top: 60px;
  }

  .heading-3 {
    font-size: 20px;
  }

  .heading-3.holi_end {
    margin-top: 40px;
  }

  .phrases-copy {
    font-size: 1.8rem;
  }

  .phrases-copy._2 {
    width: 75%;
    font-size: 1.8em;
  }

  .phrases-copy.bio {
    text-align: left;
    margin-top: auto;
    font-size: 1.2rem;
    line-height: 1;
    position: static;
  }

  .imagecontainer {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-12 {
    z-index: 0;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .div-block-7 {
    flex: none;
    order: 9999;
    align-self: auto;
    margin-top: 20px;
    display: block;
    position: sticky;
  }

  .shinebright {
    width: 120px;
    height: 120px;
    display: none;
    inset: 48% auto auto 5%;
  }

  .background-video.flex-vid {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .background-video.nowrigian-cruise-cover {
    margin-top: auto;
  }

  .background-video.artistrt-cover {
    margin-top: 0;
    padding-bottom: 100px;
  }

  .image-13 {
    width: 55px;
  }

  .div-block-8 {
    margin-top: -56px;
  }

  .image-14 {
    width: 35%;
  }

  .mobiletrack {
    display: none;
  }

  .image-15 {
    width: 30%;
  }

  .image-16 {
    width: 25%;
  }

  .image-21 {
    width: 30%;
  }

  .nav-container {
    padding-left: 1rem;
  }

  .nav-link-wrap._1 {
    margin-top: 50%;
  }

  .nav-links {
    font-size: 1.5rem;
  }

  .nav-links.offset-1 {
    white-space: normal;
    padding-left: 0;
    font-size: 1.5rem;
    display: inline-block;
  }

  .nav-links.offset-2 {
    font-size: 1.5rem;
    display: block;
  }

  .text-block.is--close {
    font-size: 16px;
    display: none;
  }

  .nav-container-2, .nav-container-3 {
    padding-left: 1rem;
  }

  .heading-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
    display: flex;
    overflow: hidden;
    transform: skew(0deg, -6deg);
  }

  .nav {
    z-index: 999;
    padding-bottom: 10px;
  }

  .header-push {
    z-index: 999;
    max-width: 90vw;
    height: 10vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pushlogo.w--current {
    width: 55px;
    height: 65px;
  }

  .navflex {
    justify-content: space-between;
    align-items: center;
    height: 8vh;
    padding-top: 0;
    padding-bottom: 12px;
  }

  .nav-links-full {
    z-index: 9900;
    float: none;
    clear: none;
    object-fit: fill;
    height: 100vh;
    max-height: none;
    padding-left: 1rem;
    display: none;
    position: fixed;
    inset: auto;
    overflow: hidden;
  }

  .menu-btn-3 {
    cursor: pointer;
    background-color: #0000;
    width: 20px;
    height: 20px;
    margin-right: 2%;
  }

  .menu-btn-3.close {
    margin-right: 20px;
    display: block;
  }

  .navlinks {
    display: none;
  }

  .menu-btn-txt-wrap-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
  }

  .line-4 {
    margin-top: 5px;
    margin-right: 0;
  }

  .hamburger-line-2 {
    width: 20px;
  }

  .logoimg {
    vertical-align: middle;
    width: 15vw;
    margin-top: 0;
    margin-left: -50px;
    padding-top: 10px;
    display: inline-block;
  }

  .logoimg.mobile {
    margin-left: auto;
    top: 2.5%;
    left: 10px;
  }

  .animationdiv {
    display: none;
  }

  .animationdiv.mobile {
    z-index: 10000;
    display: none;
  }

  .animationdiv.mobile.first {
    z-index: 9999;
    display: none;
    inset: 0% auto auto 0%;
  }

  .animationdiv.media {
    z-index: 10000;
    display: none;
    inset: 0%;
  }

  .animationdiv.homee {
    display: none;
  }

  .lottie-animation-3.mobile {
    z-index: auto;
    display: block;
    bottom: 25%;
  }

  .lottie-animation-3.mobile.media-cont {
    display: none;
  }

  .lottie-animation-4 {
    display: none;
    bottom: 25%;
  }

  .div-block-12._2 {
    background-color: #0000;
    width: 100px;
    height: 50px;
    display: block;
    top: 34%;
    left: 58%;
  }

  .div-block-12._2.media {
    display: none;
  }

  .div-block-12._1 {
    background-color: #0000;
    width: 100px;
    height: 50px;
    display: block;
    top: 38%;
    bottom: auto;
    left: 20%;
  }

  .div-block-12._1.media {
    display: none;
  }

  .text-block-3 {
    letter-spacing: 2px;
    top: auto;
    bottom: 22%;
  }

  .dolly-container {
    margin-top: 0;
  }

  .pushcontainer {
    display: block;
  }

  .horizontal-sticky {
    background-color: #0000;
    border: 1px solid #0000;
  }

  .horizontal-trigger {
    border: 1px solid #0000;
  }

  .list {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .horizontal-section {
    background-color: #0000;
    margin-top: 45px;
    display: none;
  }

  .container-3.is--sticky {
    border: 1px solid #0000;
  }

  .image-28 {
    width: 150%;
    max-width: 150%;
  }

  .horizontal-section-mobile {
    display: none;
  }

  .subtitle._1 {
    max-width: 85%;
    margin-left: auto;
  }

  .subtitle._2 {
    max-width: 85%;
    margin-right: auto;
  }

  .bold-text {
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .pilares {
    text-align: center;
    flex-direction: column;
    margin-top: 100px;
    display: flex;
  }

  .sub-pilares {
    max-width: 85%;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .bold-text-4 {
    max-width: 85%;
  }

  .big-sub {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-29 {
    margin-top: 40px;
  }

  .subtitle-extend._1 {
    text-align: left;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .subtitle-extend._2 {
    max-width: 85%;
    margin-left: auto;
  }

  .extend-descript._1 {
    text-align: left;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .extend-descript._2 {
    max-width: 85%;
    margin-left: auto;
  }

  .image-30 {
    margin-top: 60px;
  }

  .final-text-fifa {
    font-size: 14px;
  }

  .experimental-pr {
    text-align: left;
    max-width: 90%;
    margin-top: 100px;
    margin-right: auto;
    font-size: 20px;
  }

  .concpt-descr {
    text-align: center;
    max-width: 90%;
    margin-left: auto;
  }

  .concp-head {
    text-align: center;
    margin-left: auto;
    font-size: 20px;
  }

  .concept-headline {
    font-size: 20px;
  }

  ._2ndhead-flex {
    text-align: center;
    margin-top: 100px;
    margin-left: auto;
    font-size: 20px;
  }

  .flex-block-flex {
    flex-direction: column;
    display: flex;
  }

  .image-33 {
    margin-top: 0;
  }

  .image-34 {
    margin-top: auto;
  }

  .subtitle-flex {
    text-align: center;
    margin-left: auto;
  }

  .jersey-headline {
    margin-top: 60px;
  }

  .video-2 {
    max-width: 100%;
    margin-top: 20px;
  }

  .comed-head {
    max-width: 90%;
    margin-top: 60px;
    font-size: 20px;
  }

  .comed-img2 {
    margin-top: 60px;
  }

  .chargin-station-head {
    max-width: 90%;
    margin-left: auto;
    font-size: 20px;
  }

  .text-span-6 {
    font-size: 20px;
  }

  .text-span-7 {
    margin-top: 20px;
    font-size: 14px;
  }

  .project-cover {
    margin-top: auto;
  }

  .be-the-fisrt-video, .launch-campaing-nowegian {
    margin-top: 90px;
  }

  .nutrilite-cover-prj {
    margin-top: auto;
    padding-top: 100px;
  }

  .comed-prj-cover {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .landing-text-artistry {
    max-width: 90%;
    margin-left: auto;
  }

  .starbucks-cover {
    margin-top: auto;
    padding-top: 60px;
  }

  .pic-color-felipe {
    opacity: 0;
    width: 55vw;
    max-width: none;
    transition-property: none;
  }

  .border-container-6 {
    display: none;
  }

  .norwegian-cont, .fifa-cont, .nutri-cont, .flex-cont, .comed-cont, .nipsco-cont, .artistry-cont {
    width: 100%;
  }

  .border-container-7 {
    display: none;
  }

  .starbucks-cont {
    width: 100%;
  }

  .border-container-8 {
    display: none;
  }

  .media-cover {
    background-image: linear-gradient(#00000040, #00000040), url('../images/cover-media.png');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    margin-top: 0;
    padding-top: 210px;
    padding-bottom: 210px;
  }

  .media-hdg-1 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 35px;
  }

  .media-hdng-2 {
    margin-top: 18px;
    font-size: 40px;
  }

  .video-block-1 {
    flex-direction: column-reverse;
    margin-top: 2rem;
  }

  .video-block-2 {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
  }

  .videomedia {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .video-block-3, .video-block-4, .video-block-5 {
    flex-direction: column-reverse;
  }

  .button-2 {
    width: 80%;
    margin-top: 115px;
    font-size: 16px;
  }

  .lottie-animation-8.home {
    display: none;
    bottom: 25%;
  }

  .lottie-animation-8.home.media-cont {
    display: block;
  }

  .containers-section.ovrl-none {
    object-fit: fill;
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    display: flex;
    overflow: hidden;
  }

  .collection-list-wrapper {
    align-items: stretch;
    display: flex;
  }

  .image-40 {
    width: 100vw;
    max-width: 100vw;
  }

  .splide__list {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
    margin-left: -164px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-projects {
    background-color: red;
  }

  .image-41 {
    max-width: 100vw;
    display: block;
  }

  .containers-section-mobile.containers-slider-section {
    margin-top: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .containers-div {
    padding-left: 24px;
    padding-right: 24px;
  }

  .slider-navigation-wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 0;
  }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .section.slider-section {
    margin-top: 100px;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .slider-list {
    justify-content: flex-start;
  }

  .container-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-item {
    border-style: none;
    width: auto;
    height: auto;
    margin-left: -20px;
  }

  .image-42 {
    object-fit: fill;
    max-width: 90%;
    margin-left: 0;
    display: inline-block;
  }

  .image-43 {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .video-9 {
    width: 85%;
  }

  .link-block-3 {
    width: 30%;
    height: 45px;
  }

  .huawei-cont {
    width: 100%;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 85%;
  }

  .c-main-slide-description {
    text-align: center;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .main-slide-title {
    text-align: center;
    font-size: 10vw;
  }

  .c-slide-btn-block {
    width: 20vw;
    height: 20vw;
  }

  .scrolltrack {
    margin-top: 20px;
    display: none;
  }

  .horiz-wrapper {
    height: 400vh;
  }

  .scroll_conts {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
    width: auto;
    height: 95vh;
    overflow: visible;
  }

  .image-grid {
    margin-bottom: .5rem;
    display: block;
  }

  .image-grid.pink-photo {
    margin-bottom: .5rem;
  }

  .image-grid.cookie2 {
    display: none;
  }

  .image-grid.ice {
    display: block;
  }

  .image-grid.last {
    width: 100%;
    display: block;
  }

  .link-block-5 {
    column-count: 2;
    column-rule-style: none;
    column-rule-width: 0px;
    column-gap: 9px;
  }

  .image-52 {
    width: 25%;
    display: block;
    position: absolute;
    inset: 0 2% 0% auto;
  }

  .image-52._2 {
    width: 26%;
  }

  .galleryopacity {
    display: none;
    transform: rotate(0);
  }

  .pinkphoto {
    width: 90%;
    max-width: 100%;
    margin-top: 6rem;
  }

  .closetag {
    width: 10%;
  }

  .icecreamphoto {
    width: 90%;
    margin-top: 6rem;
  }

  .cookiephoto {
    width: 90%;
    max-width: 100%;
    margin-top: 20rem;
    display: none;
    transform: scale(1.4)rotate(90deg);
  }

  .brunchphoto, .alfajorphoto, .beerphoto, .teaphoto, .alfajor2photo, .tea2photo, .ice2photo, .cakephoto {
    width: 90%;
    max-width: 100%;
    margin-top: 6rem;
  }

  .cookie2photo {
    width: 90%;
    max-width: 100%;
    margin-top: 6rem;
    display: none;
  }

  .tab-link-design {
    border-width: 2px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    display: flex;
  }

  .text-block-9 {
    letter-spacing: 1px;
    font-size: .8rem;
    line-height: 1rem;
  }

  .tab-link-art-direction {
    border-width: 2px;
    border-radius: 8px;
    padding: 5px 10px;
  }

  .tab-link-art-direction.w--current {
    border-width: 2px;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: .9rem;
    display: flex;
  }

  .tabs-menu-2 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-top: 0;
  }

  .text-block-15 {
    font-size: .7rem;
    line-height: .9rem;
  }

  .projectcontainer {
    background-color: #0000;
    flex: none;
    align-self: auto;
    margin-left: 0;
    display: block;
  }

  .trakcs {
    padding-right: 0;
    overflow: hidden;
  }

  .trakcs.clients {
    height: 175vw;
  }

  .image-55 {
    align-self: center;
    width: 40px;
    height: 40px;
  }

  .image-56 {
    width: 15px;
    height: 15px;
  }

  .div-block-41 {
    display: none;
  }

  .projectflex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 35px;
    padding-bottom: 40px;
    display: flex;
  }

  .text-block-19 {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .div-block-43 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .frame {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 1000vw;
    height: 100vh;
    padding: 0 0%;
    overflow: visible;
  }

  .frame.clieintspush {
    width: 800vw;
  }

  .infovideo {
    justify-content: flex-start;
    align-items: center;
  }

  .wrapperproject {
    border-top-width: .8px;
    border-bottom-width: .8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
  }

  .div-block-46 {
    width: 50px;
  }

  .text-block-17 {
    flex: 0 auto;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding-top: 20px;
    font-size: 12rem;
    line-height: 12rem;
    display: flex;
  }

  .image-57 {
    width: 35px;
    height: 35px;
  }

  .image-58 {
    width: 10%;
  }

  .div-block-47 {
    width: auto;
  }

  .image-59 {
    padding-top: 5px;
    padding-bottom: 24px;
  }

  .marquee-text_component {
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .image-60 {
    flex: 0 auto;
    align-self: auto;
    width: 35px;
    height: 35px;
    margin: auto auto auto 0;
    display: none;
    position: static;
    inset: 0%;
    overflow: hidden;
    transform: rotate(90deg);
  }

  .camera-2 {
    object-fit: fill;
    padding-top: 0;
    padding-right: 0;
    overflow: auto;
  }

  .marquee-text_text {
    font-size: 2.3em;
  }

  .image-61 {
    padding: 15px;
  }

  .containerprojects {
    width: 90vw;
    padding-bottom: 0;
    padding-left: 20px;
    display: block;
  }

  .div-block-51 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-4 {
    font-size: .7rem;
    line-height: 1rem;
  }

  .marquee-text_icon {
    width: 3em;
  }

  .image-62 {
    background-color: #990a6e00;
    width: 345px;
    height: 345px;
    margin-left: -11px;
    display: block;
  }

  .image-62.kiac, .image-62.foxc {
    height: 345px;
  }

  .image-62.attc {
    width: 360px;
    height: 345px;
  }

  .div-block-54 {
    justify-content: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .containerblock {
    width: 320px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
  }

  .div-block-70 {
    background-color: #0000;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;
    overflow: visible;
  }

  .image-63 {
    background-color: #990a6e00;
    width: 345px;
    height: 345px;
    margin-left: -11px;
    display: block;
  }

  .image-63.attc {
    width: 360px;
    height: 345px;
  }

  .container_box {
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .text-block-20 {
    letter-spacing: 1px;
    font-family: D din, sans-serif;
    font-size: .8rem;
    line-height: 1rem;
  }

  .socialfooter {
    width: 25px;
  }

  .footer-block {
    justify-content: space-between;
    align-items: flex-start;
    width: 300px;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: flex;
  }

  .container-6 {
    padding-bottom: 0;
    display: block;
  }

  .div-block-101 {
    width: 25%;
    top: 29.5%;
    left: 5%;
  }

  .link-3 {
    margin-left: 55px;
    margin-right: auto;
    font-size: 1rem;
  }

  .link-3.gmail {
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
  }

  .text-block-46 {
    font-size: 8px;
    line-height: 12px;
  }

  .footer-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-social-block {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .image-82 {
    width: 40%;
  }

  .image-83 {
    width: 30px;
    transform: none;
  }

  .div-block-67 {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    flex-direction: row;
    justify-content: space-between;
    width: auto;
  }

  .linemiddle {
    transform: rotate(90deg);
  }

  .footer-wrapper {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-brand {
    width: 300px;
  }

  .title-small {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-96 {
    width: 25%;
    height: 40%;
    font-size: 12px;
    line-height: 16px;
    top: 28.5%;
  }

  .image-87 {
    width: 40%;
    top: 20%;
  }

  .image-67 {
    width: 40%;
    top: 22%;
  }

  .image-88 {
    width: 45%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-89 {
    width: 40%;
    top: 20%;
  }

  .intrococacola, .div-block-141 {
    flex-flow: column;
  }

  .image-132 {
    align-self: flex-start;
    width: 50%;
  }

  .div-block-142 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-134 {
    width: 40%;
  }

  .titletext {
    align-self: flex-start;
  }

  .image-133 {
    width: 40%;
  }

  .container-7 {
    margin-top: 30px;
  }

  .div-block-165 {
    display: none;
  }

  .video-11 {
    width: 90%;
  }

  .container-8 {
    margin-top: 30px;
  }

  .div-block-166 {
    display: none;
  }

  .video-12 {
    width: 90%;
  }

  .container-9 {
    margin-top: 30px;
  }

  .div-block-167 {
    display: none;
  }

  .video-13 {
    width: 90%;
  }

  .tab-design {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .8rem;
    line-height: .9rem;
  }

  .tab-design.is-active {
    font-size: .8rem;
    line-height: 1rem;
  }

  .tab-video {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .8rem;
    line-height: 1.7rem;
  }

  .tab-video.is-active {
    padding-bottom: 15px;
    font-size: .8rem;
    line-height: 1rem;
  }

  .tabswrapper {
    margin-top: 20px;
    position: relative;
  }

  .horizon-section {
    display: none;
  }

  .image-148 {
    opacity: 100;
    width: auto;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    transition: opacity .2s;
    position: static;
  }

  .image-148:hover {
    opacity: 100;
  }

  .image-149 {
    width: auto;
    display: none;
    position: static;
    top: 2.5vh;
  }

  .horizon-section--mobile {
    width: 100%;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .section-tabs {
    max-width: 90vw;
    height: auto;
    min-height: auto;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .scroll-area {
    max-height: 65vh;
    display: none;
    position: relative;
    overflow: auto;
  }

  .scroll-area.design {
    margin-top: 40px;
    display: block;
  }

  .containerbox {
    aspect-ratio: 1;
    vertical-align: baseline;
    object-fit: fill;
    width: 100%;
    max-width: none;
    display: inline-block;
    position: relative;
  }

  .tabs-menu-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: flex;
  }

  .tab-link-designt {
    color: #fff;
    text-transform: uppercase;
    background-color: #0000;
    border: 2px solid #fff;
    border-radius: 10px;
    font-family: D din, sans-serif;
    font-size: .8rem;
    line-height: 15px;
  }

  .tab-link-designt.w--current {
    color: #000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #fff;
    align-self: center;
    font-family: D din, sans-serif;
    font-size: .8rem;
    line-height: 15px;
  }

  .text-block-86 {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: D din, sans-serif;
    font-size: .8rem;
    line-height: 15px;
  }

  .tab-link-videot {
    color: #fff;
    background-color: #0000;
    border: 2px solid #fff;
    border-radius: 10px;
    align-self: center;
  }

  .tab-link-videot.w--current {
    color: #1a1a1a;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    display: block;
  }

  .text-block-87 {
    letter-spacing: 1.5px;
  }

  .heading-6 {
    margin-top: 0;
  }

  .img-closed {
    z-index: 1;
    opacity: 1;
    object-fit: cover;
    width: 90%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    transition: opacity .2s;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .img-closed:hover {
    opacity: 0;
  }

  .main-image {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .tabs-2 {
    margin-top: 3vh;
  }

  .open-img {
    opacity: 1;
    object-fit: cover;
    width: 90%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .open-img:hover {
    opacity: 1;
  }

  .tabs-content-2 {
    margin-top: 20px;
  }

  .body-10 {
    background-color: #1a1a1a;
  }

  .text-block-88 {
    color: #fff;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    font-family: D din, sans-serif;
    font-size: 7.6rem;
    font-weight: 700;
    line-height: 6rem;
    display: block;
  }

  .div-block-174 {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-3 {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-89 {
    color: #fff;
    letter-spacing: -5px;
    font-family: D din, sans-serif;
    font-size: 7.7rem;
    font-weight: 700;
    line-height: 6rem;
  }

  .text-block-90 {
    color: #fff;
    text-transform: uppercase;
    font-family: D din, sans-serif;
    font-size: 8rem;
    font-weight: 700;
    line-height: 6rem;
    display: block;
  }

  .section-4 {
    max-width: 90vw;
    height: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .div-block-175 {
    border: 2px solid #fff;
    border-radius: 10px;
    flex-flow: column;
    width: auto;
    max-width: 100vw;
    padding: 10px;
    display: block;
    position: static;
  }

  .text-block-91 {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: D din, sans-serif;
    font-size: .8rem;
    line-height: .8rem;
  }

  .link-4 {
    color: #fff;
    letter-spacing: 1.2px;
    font-family: D din, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    text-decoration: none;
  }

  .div-block-176 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    font-size: 4rem;
    display: flex;
  }

  .link-block-7 {
    max-width: 90vw;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-150 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .text-block-92, .div-block-178 {
    display: none;
  }

  .assetsholii {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .text-block-94 {
    text-align: center;
    margin-left: auto;
    font-size: 4rem;
  }

  .holiicitoblock {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .holiilabel {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .background-video-10 {
    height: 20vh;
    display: none;
  }

  .text-block-95 {
    margin-top: 40px;
    font-size: 1.5rem;
  }

  .background-video-12 {
    width: 90vw;
    height: 40vh;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-180 {
    height: 5vh;
  }
}

#w-node-b8c51ca7-03de-20cd-6b9a-3087595bd594-cac30de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77c4cf9a-c944-ee0c-01eb-8115ef583245-c0e7837d {
  align-self: auto;
}


@font-face {
  font-family: 'Marsh Stencil';
  src: url('../fonts/Marsh-Stencil-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wallpoet';
  src: url('../fonts/Wallpoet-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dincondensed';
  src: url('../fonts/D-DINCondensed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dincondensed';
  src: url('../fonts/D-DINCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D din';
  src: url('../fonts/D-DIN-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D dinexp';
  src: url('../fonts/D-DINExp-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Otterco';
  src: url('../fonts/Otterco-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}