@import url(https://use.typekit.net/zdk2xuq.css);

/* @import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@300;400;700&display=swap'); */
@font-face {
  font-family: 'Helvetica Now Display';
  src: local('Helvetica Now Display Light'), local('Helvetica-Now-Display-Light'),
      url('HelveticaNowDisplay-Light.woff2') format('woff2'),
      url('HelveticaNowDisplay-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
:root{
  --whiteMaart: #f9f9f9;
  --white: #ffffff;
  /* --whiteGlass:#c6c6c6ab; */
  --whiteGlass:#c6c6c6;
  --grey:#a0a0a0;
  --greyBlog:#9f9f9e;
  --grey2:#545763;
  --black: #39393A;
  --blackDark: #191919;
  --blackContrast: #22232a;
  /* --blackGlass:#222328e3; */
  --blackGlass:#222328;
  --blackNotGlass:#1f2024;
  --blue:#c9e8f8;
  /* --blueGlass:#c9e8f8cf; */
  --blueGlass:#c9e8f8;
  --green:#c9e86e;
  --greenContrast:#b7de3f;
  /* --greenGlass:#c9e86ecf; */
  --greenGlass:#c9e86e;
  --purple:#5c566e;
  /* --purpleGlass:#5c566ed4; */
  --purpleGlass:#5c566e;
  --orange:#ff8552;
  /* --orangeGlass:#ff8552a3; */
  --orangeGlass:#ff8552;
  --linewhite:#eaeaea;
}
html {
  scroll-behavior: auto !important;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
html::-webkit-scrollbar {
  display: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
a {
  text-decoration: none;
}
a.card {
  display: block;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: 0;
  margin-left: 0;
}
.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
  margin-top: var(--bs-gutter-y);

}
.opacity0 {
  opacity: 0;
  visibility: hidden;
}
.row:not(:first-child) {
margin-top: 1vw;
}
.col {
  flex: 1 0 0%;
}
.col-md-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-85 {
  flex: 0 0 calc(74% - 0.7vw);
  max-width: calc(74% - 0.7vw);
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col.end {
  display: flex;
}
.col.end > div {
margin-top: auto;}
.col.notcard {
  padding: 0;
}
.card {
  margin-left: .25vw;
  margin-right: .25vw;
  transition: all .2s;
}
.card.nameProject {
  margin-right: 0;
  margin-left: 0;
}
.col:not(.notcard).card:last-child, .col-9:not(.notcard).card:last-child, .card.footcont {
  margin-right: 0;
}
.card.footcont {
background: var(--whiteMaart);
}
.col:last-child > .card {
  margin-right: 0;
}
.col:not(.notcard) .card {
    margin-left: .25vw;

}
.card:first-child:not(.notcard) {
    margin-left: .25vw;
}
.card.w-boxshadow {
  box-shadow: 0px 1px 20px #00000055;
}
a.card:hover , a:hover > .card {
  filter: brightness(98%);
  transition: all .2s;
}
.card .arrow {
  position: absolute;
  bottom: 5%;
  right: calc(1rem + 1%);
  width: 25px;
  height: 25px;
  fill: var(--blackDark);
  transition: all .25s;
}
.arrowProjects .card .arrow {
  right: calc(0rem + 1%);
  top: 50%;
  transform: translateY(-50%);
}
.arrowProjects .card:hover .arrow {
  transform: translate(5px, -50%);
}
a.card:hover .arrow {
  transform: translateX(5px);
}
.arrowProjects .button--previous:hover .arrow, .arrowProjects .button--next:hover .arrow {
  transform: translateY(-50%)!important;
}
.card.rounded {
  border-radius: 50px;
}
.o-hidden {
  overflow: hidden;
}
.linksplitscrolla {
  display: table;
  text-decoration: none;
}
.splitscrolla {
  opacity: 0;
  visibility: hidden;
}
.splita {
  display: table;
}
.split-parent {
  overflow: hidden;
  position: relative;
}
.home h1.big .split-parent {
  line-height: 1.3em;
}
.home h1.big p {
  font-size: 1.63rem;
  line-height: 2.1rem;
}
.splitPretit.splitPretit01 {
  padding-left: 3rem;
}
.childscrolla {
  position: absolute;
  top: 110%;
  color: inherit;
}
.childscrollaB {
  position: absolute;
  top: 100%;
  color: inherit;
}
.relative {
  position: relative;
}
* {
  font-family: 'Helvetica Now Display';
font-weight: 300;
font-style: normal;
}
*:focus {
  outline: none;
  border-color: inherit;
  box-shadow: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  letter-spacing: -.04rem;
  line-height: 1.7rem;
  font-weight: 300;
  color: var(--blackDark);
  margin: 0;
}
p, li {
  letter-spacing: -.02em;
  font-size: 2.23rem;
  line-height: 2.4rem;
color: var(--blackDark);
}
#work .servs p, #work .servs li {
  font-size: 1.7rem;
  line-height: 1.8rem;

}
.w_line {
  border-top: 1px solid #e7e7e7;
}
ul {
  list-style-type: none;
  padding: 0 1.7rem;
}
ul.grey li {
  color: var(--grey);
  font-size: 1.63rem;
  line-height: 1.7rem;

}
.pretitle {
  font-size: 1.15rem;
}
.wbg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
img {
  width: 100%;
}
body{
  background-color: var(--white);
  color: var(--whiteMaart);
  margin: 0;
}
.fakecard {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 200px;
  width: 95%;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}
.proyectos .fakecard {
  background: var(--black);
}
#clients .clientes {
  overflow: hidden;
}
#clients .logosclientes .logo, #clients .logosclientes02 .logo {
  width: 21vw;
  margin: 0 .25vw;
  height: 12vw;
}
#clients img {
  filter: brightness(1.7);
}
.container {
  position: relative;
  width: 96%;
  max-width: unset;
  margin: 0 auto;
}
.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
  background: var(--white);
}
.overlay.hide {
  opacity: 0;
  visibility: hidden;
}
.container.fullwidth {
  width: 100%;
  max-width: unset;
  padding: 0;
  margin: 0;
}
.container-card {
  width: 99vw;
  margin: 0 auto .5vw auto;
  position: relative;

}
.container.small {
  width: 90%;
}
.card {
  border-radius: 10px;
  /* backdrop-filter: saturate(170%) blur(18px); */
  border: 0;
}
.card.not-glass {
background:var(--blackNotGlass)!important
}
.card:not(.wbg) {
}
.card.white {
  background: var(--whiteMaart);
}
.card.blue {
  background: var(--blueGlass);
}
.card.purple {
  background: var(--purpleGlass);
}
.card.green {
  background: var(--greenGlass);
}
.project-img .image{
  height: 35vw;
  margin: 0;
}
.project-img.big .image{
  height: 75vh;
}
.absoluteClose.projectSlider {
  position: absolute;
  width: auto;
  z-index: 99;
  cursor: pointer;
}
.absoluteClose.projectSlider.right {
  right: 0;
  top: 150%;
  transform: translateY(-100%);
}
.absoluteClose.projectSlider.left {
  right: 5%;
  top: 150%;
  transform: translateY(-100%);
}
.absoluteClose.main svg, .absoluteClose.projectSlider svg {
  width: 20px;
  height: 20px;
  fill: var(--blackDark);
}
.slider .project-img {
  cursor: grab;
  width: calc(25% - .5vw);
  margin-right: .5vw;
  display: inline-table;
}
.slider .project-img.big {
  width: calc(75% - .5vw);
}
.slider .project-pointer {
  cursor: pointer;
}
.arrowProjects h3 {
  width: 80%;
}
.slider .project-img:first-child{
  padding-left: .5vw;
}
.slider {
  width: 99vw;
  overflow: hidden;
}
.slider .flickity-viewport {
  width: 99vw;
  margin: 0 auto .3vw auto;
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
}
.button--previous, .button--next {
  cursor: pointer;
  width: 2rem;
  padding: 1.7rem 1.5rem;
}
.button--previous:hover, .button--next:hover {
  filter: brightness(110%);
}
.button--previous > div {
  transform: translateY(-50%) rotate(180deg);
}
.checkReady:not(.ready) {
  opacity: 0;
  height: 0;
}
.checkedReady {
  opacity: 1!important;
  height: auto!important;
}
.titular, .titular .inherit {
  letter-spacing: -.012rem;
  line-height: .95em;
}
.titular.size1 {
  font-size:5rem;
}
.regularTitular.size1 {

  font-size: 3.3rem;
  line-height: 1.4em;
  letter-spacing: -.18rem;
}
.titular.big {
  font-size: 3.5rem;
  font-weight: 500;
}
.titular.big02 {
  font-size: 4vw;
  font-weight: 300;
}
.titular.big03 {
  font-size: 3vw;
  font-weight: 700;
  line-height: 1.1em;
}
p.big {
  font-size: 4rem;
  line-height: 1.05em;
  font-weight: 300;
}
.white {
  color: var(--white);
}
.grey {
  color: var(--grey);
}
.grey2 {
  color: var(--grey2);
}
.black {
  color: var(--black);
}
.b-purple {
  background-color: var(--purple);
}
.verticalalign {
    align-items: center;
    vertical-align: middle;
}
.m-w-s-c {
  margin: 0 auto;
}
.m-w-s-r {
  margin: 0 0 0 auto;
}
.m-w-s-l {
  margin: 0 auto 0 0;
}
.m-w-0 {
  max-width: 520px;
  padding: 0;
}
.m-w-1 {
  max-width: 720px;
  padding: 0;
}
.m-w-2 {
  max-width: 850px;
  padding: 0;
}
.m-w-3 {
  max-width: 80%;
  padding: 0;
}
.left {
  margin: 0px auto 0 0;
}
.marg-0 {
  margin: 0;
}
.marg-b-1 {
  margin-bottom: .5vw;
}
.marg-t-1 {
  margin-top: .5vw;
}
.padd-0 {
  padding: 0;
}
.padd-t-0 {
  padding-top: 0rem;
}
.padd-t-05 {
  padding-top: .5rem;
}
.padd-t-1 {
  padding-top: 1rem;
}
.padd-t-2{
  padding-top: 2rem;
}
.padd-t-3{
  padding-top: 3rem;
}
.padd-t-4{
  padding-top: 4rem;
}
.padd-t-5{
  padding-top: 5rem;
}
.padd-t-6{
  padding-top: 6rem;
}
.padd-t-7{
  padding-top: 7rem;
}
.padd-t-8{
  padding-top: 8rem;
}
.padd-t-9{
  padding-top: 9rem;
}
.padd-t-10{
  padding-top: 10rem;
}
.padd-t-14{
  padding-top: 14rem;
}
.padd-b-0 {
  padding-bottom: 0rem;
}
.padd-b-05 {
  padding-bottom: .5rem;
}
.padd-b-1 {
  padding-bottom: 1rem;
}
.padd-b-2{
  padding-bottom: 2rem;
}
.padd-b-3{
  padding-bottom: 3rem;
}
.padd-b-4{
  padding-bottom: 4rem;
}
.padd-b-5{
  padding-bottom: 5rem;
}
.padd-b-6{
  padding-bottom: 6rem;
}
.padd-b-7{
  padding-bottom: 7rem;
}
.padd-b-8{
  padding-bottom: 8rem;
}
.padd-b-9{
  padding-bottom: 9rem;
}
.padd-b-10{
  padding-bottom: 10rem;
}
.padd-b-11{
  padding-bottom: 11rem;
}
.padd-b-12{
  padding-bottom: 12rem;
}
#nav {
  position: fixed;
  width: 100%;
  z-index: 999999999;
  top: 0;
}
#nav .navgroup01 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem 0;
}
#nav #logo {
  width: 131px!important;
  text-decoration: none;
  color: transparent;
}
#nav #logo .split-child {
  width: 131px!important;
  height: 33px;
}
#nav #logo .childscrollaB {
  transform: translate(0%, -100%);
}
#nav #logo .childscrollaC {
  transform: translate(0%, 170%);
}
#nav #logo svg {
  width: 103px!important;
  fill: var(--blackDark);
}
#nav .logoSplit {
  position: absolute;
  top: 59%;
  transform: translateY(-50%);
  width: 103px!important;
  height: auto;
  font-size: 0;
}
#nav .logoCont {
  padding: 0;
}
#nav .liquidnav {
  width: 100%;
  max-width: 600px;
  height: 50px;
  position: relative;
}
#nav .liquid-item:hover .btn {
  background: var(--whiteMaart);
  color: var(--black);
}
.liquidlink:hover .liquid-buton .btn {
  background: var(--blackDark);
}
.liquidlink.towhite:hover .liquid-buton .btn {
  background: var(--whiteMaart);
  color: var(--black);
}
#nav .liquid-item:hover svg{
  fill: var(--black)!important;
}
#nav .liquid-item, .liquidlink .liquid-buton {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  text-decoration: none;
}
#nav .liquid-item .btn {
  padding: 12px 35px;
  background-color: var(--blackContrast);
  color: var(--whiteMaart);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
#nav .liquid-item .btn span {
  font-weight: 300;
  font-size: .8rem;
}
.liquidlink .liquid-buton .btn span {
  font-weight: 300;
  font-size: .8rem;
}
.liquidlink .liquid-buton .btn {
  padding: 12px 55px;
  background-color: var(--blackDark);
  color: var(--white);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.liquidlink .wrapper01 {
  width: 100%;
}
#nav .liquid-item:nth-of-type(1)  {
  right: 270px;
  width: 100px;
  right: calc(2% + 293px);
}
#nav .liquid-item:nth-of-type(2)  {
  right: 135px;
  right: calc(2% + 206px);
  width: 100px;
}
#nav .liquid-item:nth-of-type(3)  {
  right: calc(2% + 118px);
  width: 100px;
}
#nav .liquid-item:nth-of-type(4)  {
  right: calc(2% + 29px);
  width: 100px;
}
#nav .liquid-item:nth-of-type(5)  {
  right: 4%;
  width: 77px;
  pointer-events: none;
}
.liquidlink .liquid-buton:nth-of-type(1)  {
    position: absolute;
    width: 160px;
    right: 0;
}
.liquidlink .liquid-buton:nth-of-type(2)  {
  position: absolute;
  left: calc(100% - 19px);
  width: 15px;
}
.liquidlink.back .liquid-buton:nth-of-type(1)  {
  right: unset;
  left: 0;
}
.liquidlink.back .liquid-buton:nth-of-type(2) {
  left: calc(160px - 19px);
}
#nav .liquid-item:nth-of-type(5) .btn {
  padding: 19px 20px 18px 40px;
  z-index: 99999;
  transform: translate(0px, -100px);
}
.liquidlink {
  width: 250px;
  height: 50px;
  position: relative;
}
.liquidlink .liquid-buton:nth-of-type(2) .btn {
  padding: 22px 20px 21px 40px;
}
#nav .liquid-item:nth-of-type(5) svg {
  transition: fill .3s;
  fill: #fff;
  width: 11px;
  height: 11px;
}
.liquidlink .liquid-buton:nth-of-type(2) svg {
  transition: fill .3s;
  fill: var(--white);
  width: 14px;
  height: 14px;
  position: absolute;
  top: 48%;
  transform: rotate(320deg) translateY(-50%);
}
.liquidlink.back .liquid-buton:nth-of-type(2) svg {
  top: 22%;
  transform: rotate(222deg) translateY(-50%);
}
#nav .liquid-item .liquid-size {
  position: absolute;
  bottom: -.9rem;
  top: -.9rem;
  left: -.9rem;
  right: -.9rem;
  z-index: 1;
  border-radius: 50%;
  border: 0;
}
.liquidlink .liquid-buton .liquid-size {
  position: absolute;
  bottom: -.9rem;
  top: -.9rem;
  left: -.9rem;
  right: -.9rem;
  z-index: 1;
  border-radius: 50%;
  border: 0;
}
#nav .liquid-item .liquid-size.active {
  bottom: -1.9rem;
  top: -1.9rem;
  left: -1.9rem;
  right: -1.9rem;
}
.liquidlink .liquid-buton .liquid-size.active {
  bottom: -2.9rem;
  top: -2.9rem;
  left: -2.9rem;
  right: -2.9rem;
}
.liquidclose .liquid-size {
  position: absolute;
  bottom: -.9rem;
  top: -.9rem;
  left: -.9rem;
  right: -.9rem;
  z-index: 1;
  border-radius: 50%;
  border: 0;
}
.liquidclose .circleB {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* background: #2b2c37; */
  border-radius: 50%;
  z-index: 0;
  left: 0;
  transform: scale(0);
}
.liquidclose.black02 .circleB {
  background: var(--black);
}
.liquidclose.black02 svg {
  fill: var(--black);
}
/* .liquidclose.white svg {
  fill: var(--white);
} */
.liquidclose .liquid-size.active {
  /* bottom: -15.9rem;
  top: -9.9rem;
  left: -15.9rem;
  right: -9.9rem; */

  bottom: -2.9rem;
  top: -2.9rem;
  left: -2.9rem;
  right: -2.9rem;

}
.btn01 {
  cursor: pointer;
  display: table;
}
#nav .unabled, #subnav-mobile .unabled {
  pointer-events: none!important;
  cursor: default;
}
.btn01.unabled {
  pointer-events: none!important;
  opacity: .4;
}
.eventsNone {
  pointer-events: none!important;
}
.btn01.right {
  margin-left: auto;
  margin-right: 2.5rem;
}
.btn-send.right {
  margin-left: auto;
  margin-right: 0rem;
  display: table;

}
.magnetic-wrap, .liquidclose-wrap {
  position: relative;
  display: inline-block;
}
.magnetic-wrap .js-magnetic-content {
  transform: rotate(320deg);
}
.magnetic-wrap svg, .liquidclose-wrap svg {
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--blackDark);
  transition: fill .3s;
}
.liquidclose.orange .circle.active svg {
  fill: var(--orange);
}
.liquidclose.black02 .circle.active svg {
  fill: var(--white);
}
.magnetic-wrap .arrow02, .liquidclose-wrap .arrow02 {
  transform: translate(-50%, 10vh);
}
.magnetic-wrap .circle, .liquidclose-wrap .circle {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
border-radius: 2rem;
  white-space: nowrap;
  overflow: hidden;
  background: #4c4c4c;
}
.liquidclose .circle {
  background: var(--whiteMaart);
}
.liquidclose.black02 .circle {
  border: 1px solid var(--black);
}
.project.mainview.v2  .magnetic-wrap .circle {
  background: #ededed;
}
.project.mainview.v2 .magnetic-wrap svg {
  fill: #4c4c4c;
}
.magnetic-size {
  position: absolute;
  bottom: -1.1rem;
  top: -1.1rem;
  left: -1.1rem;
  right: -1.1rem;
  z-index: 1;
  border-radius: 50%;
  border: 0;
}
.magnetic-size.active {
  bottom: -6.1rem;
  top: -6.1rem;
  left: -6.1rem;
  right: -6.1rem;
}
.projectlistcontainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.projectlistcontainer.COLS2 {
  padding: 0;
}
.prefooter.border-top-section {
  margin-top: -3rem;
}
.border-top-section {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.border-top-section.black {
  background: var(--black);
}
.border-top-section.green {
  background: var(--green);
}
.green {
  background-color: var(--green);
}
.projectlistcontainer .listprojects {
  display: flex;
  flex: 32%;
  width: 32%;
  margin: 0 0.65% 0 0.65%;
  max-width: 32%;
}
.projectlistcontainer.cols2 .listprojects {
  display: flex;
  flex: 48.6%;
  width: 48.6%;
  margin: 0 0.65% 0 0.65%;
  max-width: 48.6%;
}
.listprojects main {
  pointer-events: none;
}
.cols2 .project.mainview .project-img .wbg {
  height: 55vh;
}
.projectlistcontainer .project {
  width: 100%;
}
.project.mainview .project-info h2 {
  color: var(--whiteMaart);
  font-size: 1.4rem;
  margin: 0;
}
.project.mainview.v2 .project-info h2 {
color: var(--black);
}
.project.mainview .project-info .description {
  color: var(--grey);
  margin: 0;
  font-size: 1.2rem;
}
.project.mainview .project-img > .wrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  border-radius: 20px;
}
.project.mainview .absolutelink {
  height: 100%;
  z-index: 99;
  background: 0 0;
  top: 0;
  position: absolute;
  width: 100%;
}
.project.mainview .project-img .wbg {
  height: 45vh;
  background-position: top center;
}
.project.mainview .child {
  transition: .5s;
}
.project.mainview.parent:hover .child {
transform: scale(1.05);
}
.viewport {
  overflow: hidden;
}
.home_fixed, #nav {
  opacity: 0;
}
.home {
  background-color: var(--white);
  position: relative;
}
#work, #content  {
  background-color: var(--white);
  position: relative;
}
/* .b_shadow {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  box-shadow: 0px -6px 13px #ececec73;
} */
.home .pinsection {
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
}
.home .projects h3 {
  font-size: 1.2rem;
  font-weight: 500;
}
.home .projects span {
  font-weight: 300;
  color: var(--grey);
}
.home .section2-b {
  margin-top: 70vh;
  margin-top: max(70vh, 650px);

}
.home h1.big {
  font-size: 5rem;
  font-weight: 700;
  color: var(--blackDark);
  text-align: left;
  letter-spacing: -.2rem;
  line-height: .93em;
}
.home h1.big span  {
  position: relative;
  height: 10px;
  display: block;
}
.home h1.big span > div > div {
  font-size: 5rem;
  font-weight: 400;

}
.imageSplit {
  position: absolute;
  left: 80%;
  top: 40%;
  width: 30vw;
  transform: translate(-50%, -50%);
}
.preloaderSplit {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 164px; 
  height: 73px;
  text-align: center;
  margin: 0;
  z-index: 99;
}
.main_preloader {
  width: 180px;
}
.home .imageSplit {
  width: 20vw;
  height: auto;
  z-index: 1;
}
.home .scrollindicator {
  position: absolute;
  top: 60vh;
  right: 2rem;
  color: var(--grey2);
  top: max(60vh, 590px);
}
.home .ball-scroll {
  background: var(--grey2);
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  top: calc(50% + 4px);
  transform: translateY(-50%);
  left: -18px;
  opacity: 0;
}
.imageSplit img {
  border-radius: 10px;
}
.home .section1 .wrapper1 > .row {
  width: 100%;
  padding-top: 10rem;
}
.home .section1 .wrapper1 {
  height: 94vh;
  padding: 0;
}
.home .servicesList sup {
  position: absolute;
  left: -.4rem;
  top: .1rem;
}
.home .servicesList h4 {
  text-decoration: underline;
}
#about .section4 .group1 {
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}
#about .section4 .group1 img {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;

}
#scrollTitular .titular {
  font-size: 30vw;
  text-transform: uppercase;
  color: var(--white);
  text-overflow: ellipsis;
  margin-top: 3vw;
}
#scrollTitular .wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home .section4  {
  background: var(--black);
  color: var(--white);
}
.home .section1 .pretitle {

text-align: center;
}
.home .section4 .main sup {
  font-size: 1.5vw;
  vertical-align: super;
}
.top-section {
  margin-top: 9rem;
}
#about .section1  {
background: var(--orange);
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
#about .section2 {
  color: var(--black);
}
#about .section3 .group-right p, #about .section3 .group-right h3 {
  font-size: 1.2rem;
}
.buttongroup {
  display: inline-flex;
  text-decoration: none;
}
.buttongroup .title {
  background: #4c4c4c;
  border-radius: 50px;
  width: 200px;
  color: #fff;
  text-decoration: none;
  display: flex;
  vertical-align: initial;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.cursorteam {
  position: absolute;
  z-index: 99999;
  border-radius: 20px;
  width: 240px;
  height: 310px;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  font-family: aktiv-grotesk,sans-serif;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-size: 71px;
  line-height: .3;
  pointer-events: none!important;
  margin-top: -153px;
  margin-left: -98px;
  overflow: hidden;
}
footer {
  position: relative;
}
footer li {
  font-size: 1.05rem;
  line-height: 1.4em;
}
footer .footcontainer1 .col01 .wrapper {
  display: inline-flex;
}
footer .footcontainer1 .col01 .item {
  padding: 1rem;
  color: var(--whiteMaart);
  font-size:2.35rem;
}
footer .footcontainer1 .col01 .item a {
  color: var(--blackDark);
  text-decoration: none;
}
footer .footcontainer1 .col01 .item {
  margin:0px 1.3rem 0 0;
}
footer .footcontainer1 .col02 .logo svg {
  fill: var(--blackDark);
  width: 150px;
}
footer .footcontainer1 .col02 {
  text-align: right;
}
footer .thecol1  ul {
  display: inline-flex;
  font-size: .86rem;
  color: var(--whiteMaart);
}
footer .thecol1  ul span {
  color: #00000099;
}
footer .footcontainer2 {
  border-top: 1px solid #0000000d ;
  color: #00000099;

}
footer .footcontainer1 .logo a {
  margin-right: 1rem;
}
footer .footcontainer2 .thecol1 ul {
  list-style-type: none;
  padding: 0px 0px 0px 0rem;
}
footer .footcontainer2 .thecol2 .wrapper {
  text-align: right;
}
footer .footcontainer2 .thecol2 ul {
  display: inline-flex;
  list-style-type: none;
text-align: right;
padding-right: 0;
}
footer .footcontainer2 .thecol2 ul li {
  margin-left: 1.25rem;
}
footer .footcontainer2 .thecol2 ul li:first-of-type {
  margin: -4.9% 1rem 0 0 ;
}
footer .magnetic-wrap .circle {
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: 1px solid #0000001c;

}
footer .magnetic-wrap svg {
  width: 50%;
}
footer .magnetic-wrap .js-magnetic-content {
  transform: none;
}
footer .magnetic-size.active {
  bottom: -1.7rem;
  top: -1.7rem;
  left: -1.7rem;
  right: -1.7rem;
}
footer .unabled {
  pointer-events: none!important;
}
#mainForm .question span {
  color: var(--blackDark);
  font-weight: 500;
  font-size: 1.5rem;
}
#mainForm .fields p {
margin: 0;
}
#mainForm .fields .buton {
  padding: .5rem;
  margin-bottom: 0.6rem;
  border-radius: 10px;
  transition: all .3s;
  cursor: pointer;
  width: 100%;
}
#mainForm .fields .buton:hover {
  /* box-shadow: 0 2px 9px 0 rgb(0 0 0 / 7%);
  background: var(--white); */
}
#mainForm input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainForm label.labelBtn {
  display: block;
}
#mainForm p, #mainForm .childscrolla, #mainForm input, #mainForm textarea {
  font-size: 1.1rem;
  resize: none;
  letter-spacing: -.04em;
  line-height: 1.7rem;
  color: var(--blackDark);
}
.fields .inputLabel .under1, .fields .inputLabel .underdown1 {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
}
.fields .inputLabel .under1 {
  background: var(--blackDark);
  color: var(--blackDark);
  margin-top: 0;
}
.fields .inputLabel .underdown1 {
  background: #00000024;
  color: #00000024;
  margin-top: -1px;
}
.fields .groupInput {
  width: 100%;
  position: relative;
}
.fields .groupInput input[type='text'], 
.fields .groupInput input[type='tel'], 
.fields .groupInput textarea {
  width: 100%;
  border: 0;
  padding: .75rem;
  background: transparent;
}
#mainForm .fields.email a , #mainForm .fields.email .childscrolla, #mainForm .fields.email * {
  letter-spacing: -.04em;
  color: var(--whiteMaart);
  font-size: 3.15rem;
}
#mainForm .phase {
opacity: 0;
display: none;
border-radius: 30px;
padding: 1rem;

}
#mainForm {
  z-index: 9;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: 3rem;
}
#mainForm .phase01 {
  opacity: 1;
  display: block;
}
#mainForm [type=button], [type=reset], [type=submit], button {
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;

}
.contact .section1 > .card {
  min-height: calc(100vh - 9rem - 0.5vw);
}
.contact #scroll-container, .contact #content, .contact #contact {
  min-height: calc(100vh - 9rem);
}
.contact .imgabsolute.worldmap {
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  /* opacity: .1; */
}
.contact canvas {
  width: 87vmin;
  height: 70vmin;
  margin-bottom: -22vh;
  margin-left: -8vw;
  filter: brightness(4);
}
.absoluteClose.main {
  position: absolute;
  top: 2rem;
  right: 0;
  width: auto;
  z-index: 99;
}
.absoluteClose.projectSlider {
  position: absolute;
  width: auto;
  z-index: 99;
  cursor: pointer;
}
.absoluteClose.projectSlider.right {
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.absoluteClose.projectSlider.left {
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.absoluteClose.main svg, .absoluteClose.projectSlider svg {
  width: 25px;
  height: 25px;
}
.proyecto .result {
  border-bottom: 1px solid var(--linewhite);
  padding: 3rem 0.5rem;
}
.proyecto .result:last-of-type {
  border: 0;
}
.proyecto .result h4 {
  font-size: 1.9rem;
      line-height: 1.9rem;
}
.proyecto .slider .slide {
  height: 30vh;
  cursor: grab;
  width: 39%;
  margin-right: 10px;
  margin-left: 10px;
}
.proyecto .slider {
  height: 32vh;
  width: 100%;
  overflow: hidden;
}
.proyecto .slider.big {
  height: 75vh;
}
.indicator .under1 {
  transform-origin: 100% 50%;
  transform: scale(0, 1);
  opacity: 1;
}
.proyecto .indicator .under1, .proyecto .indicator .underdown1 {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
}
.contact .indicator .under1, .contact .indicator .underdown1 {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
}
.proyecto .indicator .under1, .contact .indicator .under1 {
  background: var(--blackDark);
  color: var(--blackDark);
  margin-top: 0;
}
.proyecto .indicator .underdown1  {
  background: #00000024;
  color: #00000024;
  margin-top: -4px;
}
.contact .indicator .underdown1  {
  background: #00000024;
  color: #00000024;
  margin-top: -2px;
}
.contact .indicator {
  position: absolute;
  bottom: 5vh;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 500px;
}
.nextprevcontainer {
  position: absolute;
}
.proyecto .slider .imagecont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.proyecto .infoproject .right {
  text-align: right;
}
.work-link-module .texts  {
  position: relative;
  z-index: 9;
}
.work-link-module .texts p {
  font-size: 1.78rem;

}
.work-link-module .wrapper-img {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.work-link-module .wrapper-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
}
.work-link-module .emojis .emoji {
width: 40px;
}
.work-link-module .emojis span {
font-size: 4rem;

}
.bubbles {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: -200px;
  left: 0;
}
.bubblesRight {
  right: 0;
}
.bubblesRight .wrapper-img, .bubblesRight .emoji {
  margin-left: auto;
  margin-right: 20%;
}
.bubblesLeft .wrapper-img, .bubblesLeft .emoji {
  margin-right: auto;
  margin-left: 20%;
}
.bubblesCenter .wrapper-img, .bubblesCenter .emoji {
  margin-left: auto;
  margin-right: auto;
}
.bubblesLeft {
  left: 0;
}
.bubble {
  width: 160px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.gradient {
  background-size: 1000px 640px;
  position: relative;
  background: repeating-linear-gradient(to right, #f7f7f7 0%, #d2d2d2 50%, #f7f7f7 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 2.3s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.skeleton-text {
  width: 100%;
  height: 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.skeleton-text__body {
  width: 75%;
}
.skeleton-footer {
  width: 30%;
}
.loader_projects .gradient {
      height: 35vw;
}
.loader_projects.video .gradient {
  height: 90vh;
}
.loader_projects.preload-project-img .gradient {
  height: 75vh;
}
.card.nameProject span {
  color: var(--blackDark);
}
@keyframes placeHolderShimmer{
  /* 0%{
      background-position: -468px 0
  }
  100%{
      background-position: 468px 0
  } */

  0%   { background-position: 0 0; }
  100% { background-position: -200% 0; }
}
.loader .h1 {
  width: 100%;
  height: 3rem;
  margin-bottom: .5rem;
  border-radius: 5px;
}
.loader .h180 {
  width: 80%;
}
.loader .h80 {
  width: 80%!important;
}
.loader .h50 {
  width: 50%!important;
}
.loader .h4 {
  width: 100%;
  height: 1.4rem;
  margin-bottom: .5rem;
  border-radius: 5px;
}
.loader .h5 {
  width: 80%;
  height: 1.4rem;
  margin-bottom: .5rem;
  border-radius: 5px;
}
.loader .pretitle {
  width: 140px;
  height: 1.9rem;
  margin-bottom: .5rem;
  border-radius: 5px;
}
.loader .imgEntry {
  width: 85px;
  height: 85px;
}
.loader .imgPreload {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
#notifythinksMaart .postTitle, .entry_nav_container .postTitle {
    line-height: 1.4rem;
    font-size: 1.1rem;  
}
#notifythinksMaart .goAll {
  line-height: 1.4rem;
  font-size: .95rem;
  text-align: center;
}
#notifythinksMaart .mainTitle, .entry_nav_container .mainTitle {
  font-size: .85rem;
}
#notifythinksMaart .txt, .entry_nav_container .txt {
  padding: 0 1.1rem;
}
#notifythinksMaart .row1, .entry_nav_container .row1 {
  padding: .8rem;
}
#notifythinksMaart  {
  position: fixed;
  bottom: 4rem;
  left: 1vw;
  z-index: 9999;
  width: 370px;
  padding-top: 3rem;
  pointer-events: none;
  opacity: 0;
}
#notifythinksMaart .imgEntry, .entry_nav_container .imgEntry {
width: 85px;
border-radius: 10px;
}
#notifythinksMaart a {
  display: block;
}
#notifythinksMaart a:nth-child(1) {
  z-index: 0;
  transform: translateY(650%) scale(.92);
}
#notifythinksMaart a:nth-child(2) {
  z-index: 1;
  transform: translateY(192%) scale(.92);
}
#notifythinksMaart a:nth-child(3) {
  z-index: 9;
  transform: translateY(95%) scale(.96);
}
#notifythinksMaart a:nth-child(4) {
  z-index: 99;
}
.think-smaat-welcome {
  margin: 0 auto;
  max-width: 400px;
  text-align: center;
  color: #4b4d57;
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: 40vh;
  left: 50%;
  transform: translate(-50%);
}
.think-smaat-welcome .arrow {
  position: initial;
  transform: scaleX(-1);
  fill: #4b4d57;
}
.absoluteNotifyDetection {
  position: fixed;
  bottom: 4rem;
  left: 1vw;
  z-index: 999;
  width: 370px;
  height: 145px;
}
.think_smaart_card img{
max-width: 140px;
}
.entry_nav_container {
  margin: 0 .25vw;
}
.entry_nav_container a:last-child > div {
  margin-bottom: 0;
}
.entryPost .authory_rendered {
  border-bottom: 1px solid #4b4d5757;
}
.entryPost .authory .col-md-auto, .entryPost .authory img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.entryPost .authory span {
  font-size: 1rem!important;
}
.entryPost .white {
  color:var(--whiteMaart);
}
.entryPost img {
  width: 100%;
  height: auto;
}
.entryPost h2, .entryPost h2 span, .entryPost h2 b {
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 2.3rem;
  line-height: 1.1em;
  color: var(--whiteMaart);
}
.entryPost h3, .entryPost h3 span, .entryPost h3 b {
  font-size: 2.1rem;
  font-weight: 600;
  margin-bottom: 2rem;
  margin-bottom: 1rem;
  margin-top: 2.3rem;
  line-height: 1.1em;
  color: var(--whiteMaart);
}
.entryPost h4, .entryPost h4 span, .entryPost h4 b {
  font-size: 1.9rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 2.3rem;
  line-height: 1.1em;
  color: var(--whiteMaart);
}
.entryPost h5, .entryPost h5 span, .entryPost h5 b {
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 2.3rem;
  line-height: 1.1em;
  color: var(--whiteMaart);
}
.entryPost ul li{
  margin-bottom: 1.4rem;
}
.entryPost p, .entryPost span:not(.grey2), .entryPost li {
  font-size: 1.2rem;
  line-height: 1.4em;
  color: var(--white);
}
.entryPost span:not(.grey2) {
  color: inherit;
}
.entryPost strong {
  font-weight: 600; 
  color: var(--whiteMaart);
}
.entryPost a {
  color: inherit;
  border-bottom: 1px solid var(--white);
}
#circleProgress svg {
  height: 150px;
  transform: translate(0.5px, 0.5px) rotate(-90deg);
  width: 150px;
  overflow: visible !important;
}
#circleProgress .countdown__background {
  fill: none;
  stroke: #ffffff2e;
  stroke-width: 0.1;
}
#circleProgress .countdown__progress, #circleProgress .countdown__load {
  fill: var(--blackNotGlass);
  stroke-width: 0.3;
}
#circleProgress .countdown__progress {
stroke: var(--linewhite);
}
/* #circleProgress .countdown__load { 
  stroke: #fff;
} */
#circleProgress {
  position: fixed;
  top: 0;
  left: 0;
  height: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: visible;
}
.textP {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.textP .txt .split-parent{
  text-align: center!important;
}
.textP .txt {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  letter-spacing: .1rem;
}
.textP .txt > div > div{
  font-size: 1rem;
  height: 1.5rem;
}
.textP > .wrapper {
  width: 150px;
  height: 65px;
  position: relative;
}
.next-prev-projects .cover {
  height: 70vh;
  background-position: center;
}
.clients-carousel-cell {
  width: 20%;
  height: 200px;
  margin-right: 10px;
  background-size: contain; /* esto hará que la imagen cubra el div */
  background-position: center; /* esto centrará la imagen en el div */
  background-repeat: no-repeat;
  border-radius: 5px;
  counter-increment: clients-carousel-cell;
}
.clients-carousel-cell img {
  max-width: 100%;
  height: auto;
}
/* cell number (si no lo necesitas, puedes eliminarlo) */
.clients-carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.flickity-page-dots {
  display: none;
}
@media only screen and (max-width:980px) {
  .containermob2 {
    width: 100%!important;
  }
  .containermob3 {
    width: 85%!important;
    margin: 0 auto;
  }
  .o-hidden-mob {
    overflow: hidden;
  }
    .padd-t-m-0 {
        padding-top: 0rem;
      }
      .padd-t-m-05 {
        padding-top: .5rem;
      }
      .padd-t-m-1 {
        padding-top: 1rem;
      }
      .padd-t-m-2{
        padding-top: 2rem;
      }
      .padd-t-m-3{
        padding-top: 3rem;
      }
      .padd-t-m-4{
        padding-top: 4rem;
      }
      .padd-t-m-5{
        padding-top: 5rem;
      }
      .padd-t-m-6{
        padding-top: 6rem;
      }
      .padd-t-m-7{
        padding-top: 7rem;
      }
      .padd-t-m-8{
        padding-top: 8rem;
      }
      .padd-t-m-9{
        padding-top: 9rem;
      }
      .padd-t-m-10{
        padding-top: 10rem;
      }
      .padd-t-m-14{
        padding-top: 14rem;
      }
      
      .padd-b-m-0 {
        padding-bottom: 0rem;
      }
      .padd-b-m-05 {
        padding-bottom: .5rem;
      }
      .padd-b-m-1 {
        padding-bottom: 1rem;
      }
      .padd-b-m-2{
        padding-bottom: 2rem;
      }
      .padd-b-m-3{
        padding-bottom: 3rem;
      }
      .padd-b-m-4{
        padding-bottom: 4rem;
      }
      .padd-b-m-5{
        padding-bottom: 5rem;
      }
      .padd-b-m-6{
        padding-bottom: 6rem;
      }
      .padd-b-m-7{
        padding-bottom: 7rem;
      }
      .padd-b-m-8{
        padding-bottom: 8rem;
      }
      .padd-b-m-9{
        padding-bottom: 9rem;
      }
      .padd-b-m-10{
        padding-bottom: 10rem;
      }
      .padd-b-m-11{
        padding-bottom: 11rem;
      }
      .padd-b-m-12{
        padding-bottom: 12rem;
      }
      .marg-t-1 {
        margin-top: 1.5vw;
    }
    .marg-b-1 {
      margin-bottom: 1.5vw;
  }
  
  
    h3 {
      font-size: 1.1rem;
      line-height: 1.3em;
    }
    
    
      p {
        letter-spacing: -.04em;
        font-size: 1.15rem;
        line-height: 1.45rem;
      }   
      p.big {
        font-size: 1.45rem;
      } 
    .titular.big {
        font-size: 1.8rem;
        margin: 0;
    }
         .desktop {
        display: none!important;
    }
    [type='nav'] .card {
      background: var(--blackNotGlass);
      box-shadow: 0px 1px 20px #00000055;
    }
  

     .titular.size1 {
        font-size: 2.3rem;
    }
    .projectlistcontainer {
        padding: 0;
    }
    .hamburger .line {
        width: 25px;
        height: 1px;
        background-color: #fff;
        display: block;
        margin: 2.5px auto;
        transition: all 0.5s ease-in-out;
          }
      
      #hamburger-1.is-active .line:nth-child(2),
      #hamburger-2.is-active .line:nth-child(2) {
        opacity: 0;
      }
      #hamburger-1 .line:nth-child(2) {
        opacity: 0;
      }

      
      #hamburger-1.is-active .line:nth-child(1),
      #hamburger-2.is-active .line:nth-child(1) {
        transform: translateY(4px) rotate(45deg);
      }
      
      #hamburger-1.is-active .line:nth-child(3),
      #hamburger-2.is-active .line:nth-child(3) {
        transform: translateY(-3px) rotate(-45deg);
      }
      
      #hamburger-1,
      #hamburger-2 {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        padding: 8px;
        height: auto;
              }
      #hamburger-2 {
        pointer-events: none !important;
      }
      
      .hamburger:hover {
        cursor: pointer;
      }
      .row:not(.inlinemob) {
        display: block;
        width: 100%;
      }   
      .row:not(.inlinemob) .col,  .row:not(.inlinemob) .col-md-auto, .row:not(.inlinemob) .col-auto,   .row:not(.inlinemob) .col-1, .row:not(.inlinemob) .col-2, .row:not(.inlinemob) .col-3, .row:not(.inlinemob) .col-4, .row:not(.inlinemob) .col-5, .row:not(.inlinemob) .col-6, .row:not(.inlinemob) .col-7, .row:not(.inlinemob) .col-8, .col-8, .row:not(.inlinemob) .col-9, .row:not(.inlinemob) .col-10, .row:not(.inlinemob) .col-11, .row:not(.inlinemob) .col-12, .col-md-3, .row:not(.inlinemob) {
        width: 100%!important;
        max-width: unset!important;
        margin: 0;
        padding-right: 0;
        padding-left: 0;
        display: block;
    }

      .row.inlinemob .col-md-auto,   .row.inlinemob .col-auto {
    flex: 0 0 auto!important;
    width: auto!important;
      }
      #nav #logo {
        width: 120px!important;
    }
      #nav #logo .split-child {
        width: 102px!important;
        height: 37px;
        margin: 0 auto;
          }    
      #nav .logoSplit {
        width: 100px!important;
        top: 53%;

      }
      #nav #logo svg {
        width: 78px!important;
        fill: var(--whiteMaart);
      }    
      #nav .container {
        width: 85%;
    }

    #nav #logo .childscrollaC {
      transform: translate(0%, 165.5%);
    }
    
          #subnav-mobile {
        border-radius: 30px 30px 0px 0px;
        padding: 0px 0px 60px 0px;
        position: fixed;
        width: 100%;
        left: 0px;
        margin: 0 auto;
        top: 14%;
        z-index: 999999999;
        box-shadow: 0 0px 26px 0 rgb(32 33 36 / 3%);
        transition: all .25s;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        opacity: 0;
        visibility: hidden;
    }
    #subnav-mobile.is-active {
        bottom: 0px;
        top: 90px;
        opacity: 1;
        visibility: visible;
    }
    #subnav-mobile .section.first a {
        display: table;
        padding: 0;
        margin: 0;    
        text-decoration: none;
    }
    #subnav-mobile .section.first a h5 {
        font-size: 2.5rem;
        margin: 0;
        padding: 1.7rem 1rem;
        }
    #subnav-mobile .section.first .row {
        border-bottom: 1px solid #4b4d5757;
        margin: 0;    
    }
    #subnav-mobile .section.first .row:last-child {
        border: 0;
    }
    #subnav-mobile .section.second p {
        line-height: 1.3rem;
    }
    #subnav-mobile .section.second h6 {
        font-weight: 400;
    } 
    .projectlistcontainer .listprojects, .projectlistcontainer.cols2 .listprojects {
        flex: 100%;
        width: 100%;
        max-width: 100%;
    }
    .project.mainview .project-info .description {
        font-size: .85rem;
    }    
    .regularTitular.size1 {
        font-size: 1.5rem;
        line-height: 1.9rem;
        letter-spacing: -.05rem;
    }
    .pretitle, .pretitle span {
        font-size: .85rem;
    }
    .h4, h4 {
        font-size: calc(1rem + 1.1vw);
    }
    #home .servicesList p {
        letter-spacing: -.04em;
        font-size: 1rem;
        line-height: 1.4rem;    
    }
    #home .servicesList sup {
        top: -0.2rem;
    }
    footer .footcontainer1 .col01 .wrapper {
        display: block;
    }
    footer .footcontainer1 .col01 .item:last-of-type {
        border: 0;
    }
    footer .footcontainer2 .thecol1 ul {
      margin: 0;
    }
    #subnav-mobile footer .magnetic-wrap .circle {
      border: 1px solid #ffffff1c;
    }
    #subnav-mobile .card .arrow {
      fill: var(--whiteMaart);
    }
    #subnav-mobile footer .thecol1 ul li {
      color: var(--whiteMaart);
    }
    #subnav-mobile footer .thecol1 ul span {
      color: var(--whiteMaart);
    }
    #subnav-mobile .magnetic-wrap svg,  #subnav-mobile .liquidclose-wrap svg {
      fill: var(--whiteMaart);
    }
    footer .footcontainer1 .col01 .item {
        margin: 0;
        width: 100%;
        font-size: 1.85rem;
        padding: 0.75rem 0;
      }
    footer .footcontainer1 .col01 .item .splita {
      margin-left: 7.5%;

    }

    #subnav-mobile footer .footcontainer1 .col01 .item .splita {
color: var(--whiteMaart);
    }

    /* IPHONE FIX START */
    footer .footcontainer1 .col01 .item a {
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: space-between;
    }
    /* IPHONE FIX END */
    
    footer .logo {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }
    footer .footcontainer2 .thecol2 ul {
        display: inline-flex;
        list-style-type: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    footer .footcontainer2 .thecol2 .wrapper {
        text-align: center;
    }
    footer .footcontainer2 .thecol2 ul li {
        margin: 0 .4rem;
    }
    footer .footcontainer2 {
      border: 0;
    }
    .viewport #scroll-container {
        width: 100%;
        margin: 106px 0 0 auto;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    #work .section1, #about .section1, #contact .section1 {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .fakecard {
        height: 200px;
        width: 92%;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }
    .magnetic-wrap .circle, .liquidclose-wrap .circle {
        width: 2.3rem;
        height: 2.3rem;        
    }
    .absoluteClose.main svg, .absoluteClose.projectSlider svg {
        width: 22px;
        height: 22px;
    }
    .absoluteClose.main {
      top: 1.5rem;
      right: -0.5rem;
      }
    #work:not(.proj) .listprojects {
        flex: 86%;
        width: 86%;
        max-width: 86%;
        margin: 0 auto;
    
    }
    .titular.big02 {
        font-size: 2rem;

    }
    #clients .logosclientes .logo, #clients .logosclientes02 .logo {
      width: 50vw;
      height: 28vw;
      margin: 0 .85vw;
    }
    #mainForm .question span {
        font-size: 1rem;
    }
    #mainForm p, #mainForm .childscrolla, #mainForm input, #mainForm textarea {
        font-size: 1rem;
        line-height: 1.2rem;
    }
    #mainForm {
        margin-right: 0;
    }
    #mainForm .fields .buton {
        /* padding: .9rem; */
        padding: .9rem 0;
        margin-bottom: .1rem;
    }
    #mainForm .phase {
        padding: 0;
    }
    #mainForm .splita {
      width: auto;
    }
    .contact .indicator {
        bottom: 4vh;
        width: 55%;
    }
    .liquidlink .liquid-buton:nth-of-type(1) {
        width: 139px;
    }
    .liquidlink .liquid-buton:nth-of-type(2) {
        left: calc(14% + 125px);
        width: 65px;
    }
        .liquidlink .liquid-buton .btn {
        padding: 16px 55px;
        font-size: .75rem;
        line-height: 1rem;
    }
    .liquidlink .liquid-buton:nth-of-type(2) .btn {
      padding: 24px 20px 24px 40px;
    }
    .liquidlink .liquid-buton:nth-of-type(2) svg {
        width: 16px;
        height: 16px;
    }

    .contact .imgabsolute.worldmap {
        opacity: .1;
    }
    .contact canvas {
        width: 93vmin;
        height: 84vmin;
        margin-bottom: -23vh;
        margin-left: -25vw;
    }
    .btn01.right,  .btn-send.right {
        margin-left: 0;
        margin-right: auto;
    }
    .col.submit {
        margin-bottom: 0.6rem!important;
    }
    .liquidlink {
        width: 164px;
        height: 50px;
    }
    .liquidlink.back {
      height: auto;
    }
    .col.submit.inlinemob {
        display: block;
        width: 100%!important;
        margin: 0;
        padding-right: 0;
        padding-left: 0;

    }
     .fields.rowinline .inputLabel .under1, .fields.rowinline .inputLabel .underdown1 {
        width: 93%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .fields .groupInput input[type='text'], .fields .groupInput input[type='tel'], .fields .groupInput textarea {
        padding: .6rem;
    }
    .liquidlink.back .liquid-buton:nth-of-type(1) {
      right: 0;
      left: unset;
    }
        .liquidlink.back .liquid-buton:nth-of-type(2) svg {
        top: 22%;
        transform: rotate(220deg) translateY(-50%);
    }
    .m-order-2 {
        order: 2!important;
    }
    .m-order-1 {
        order: 1!important;
    }
    #mainForm .fields.email a, #mainForm .fields.email .childscrolla, #mainForm .fields.email * {
        font-size: 1.95rem;
    }
    .phaseEnd .rowinline {
        display: inline-flex;
    }
    .phaseEnd .rowinline > .col {
        width: 45%;
    }
    .viewport.contact #scroll-container {
        min-height: calc(100vh - 95px);
    }
    .contact .absoluteClose {
        right: 0;
        padding: 0;
    }
    .submitRow {
        display: flex!important;
        width: 100%!important;        
    }
    .submitRow > .col {
        width: 100%!important;
        flex: 100%!important;
    }
     .project-img .wbg {
        height: 110vw!important;
        background-position: top center;
    }
    .imageSplit img {
        border-radius: 5px;
    }
    .proyecto .infoproject {
        font-size: .85rem;
    }
    .titular.font02 {
        letter-spacing: -.09rem;
    }
    .p-big {
        font-size: 1.35rem;
        line-height: 1.75rem;
        letter-spacing: -.035em;
    }
    .proyecto .slider .slide {
        height: 30vh;
        cursor: grab;
        width: 70vw;
        margin-right: 10px;
        margin-left: 10px;
    }
    .liquid-size.active {
        bottom: -0.9rem!important;
        top: -0.9rem!important;
        left: -0.9rem!important;
        right: -0.9rem!important;
    
    }
    .proyecto .indicator .under1, .proyecto .indicator .underdown1 {
        content: "";
        display: block;
        position: relative;
        width: 70%;
        height: 4px;
        margin: -4px auto 0 auto;
    }
    .proyecto .result {
        border-bottom: 1px solid var(--linewhite);
        padding: 2rem 0rem;
        margin: 0;
    }
    .proyecto .result h4 {
        font-size: 1.3rem;
        margin: 0;
    }
    .border-top-section {
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
  }
  #home .section1 .wrapper1 {
    height: 94vh;
    padding: 0;
}
#home .section1 .wrapper1 > .row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#home .section1 .container {
  padding: 0;
}
#nav {
  margin: 1.5rem 0px 0px 0px;
}
#nav > .wrapper {
    background: #0000000a;
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    padding: 17px 0px 16px;
    border-radius: 50px;
    width: 95%;
    margin: 0 auto;
}
#nav > div {
  display: block;
  text-align: start;
  position: relative;
  width: 180px;
  margin: 0 auto 0 auto;
}
.slider .project-img {
  width: calc(85% - 0.5vw);
}
.container-card {
  width: 97vw;
  margin: 0 auto 1.5vw auto;
}
.slider .flickity-viewport {
  width: 97vw;
  margin: 0 auto 1.1vw auto;
}

.next-prev-projects .cover {
  height: 80vw;
  background-position: top center;
}

.think-smaart-post-mobile {
  position: fixed;
  top: 100px;
  left: 0;
  height: 100vh;
  overflow-y: scroll;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
.think-smaart-post-mobile .absoluteClose.main {
top: 1rem;
}
.think-smaart-post-mobile .entryPost {
  padding-bottom: 10rem;
  padding-top: 5rem;
} 

.wrapper_close_section {
  position: fixed;
  width: 100%;
  background: var(--blackNotGlass);
  z-index: 99999;
  height: 60px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.home h1.big span, .home h1.big span > div > div, .home h1.big span > div > span > div  {
  font-size: 2.65rem;
  height: 1em;
/* text-align: left;
font-weight: 700; */
}
.home h1.big .split-parent {
  line-height: 1.2em;
}


.home .scrollindicator {
  bottom: unset;
  top: unset;
  transform: translateX(-50%);
  right: 0;
  position: absolute;
}

.home h1.big {
  font-size: 1.3rem;
  letter-spacing: -.05rem;
  line-height: 1.2em;
}
.home .section1 .wrapper1 {
  height: unset;
}
.home .section1 .wrapper1 > .row {
  height: unset;
  top: unset;
  position: relative;
  transform: none;
  left: unset;
  padding-top: 100px;
}
.home .section1 .wrapper1 > .row > div {
  height: 100%;

}
.home .imageSplit {
  width: 60vw;
  height: auto;
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  margin: 0 auto;
}
.home .section2-b {
  margin-top: 155vw;
}
.row:not(.inlinemob) .card:not(:last-child) {
margin-bottom: 1.5vw;
}
.card_mobile {
  border-radius: 10px;
  -webkit-backdrop-filter: saturate(170%) blur(18px);
          backdrop-filter: saturate(170%) blur(18px);
  border: 0;
  background: var(--blackGlass);
}
.card_mobile.w-boxshadow_mob {
  box-shadow: 0px 1px 20px #00000055;
}
.card_mobile.not-glass_mob {
  background:var(--blackNotGlass)!important
  }
  
.services_page .col.end ul {
  margin-top: 0;
  padding-top: 2rem;
}
.loader_projects .row {
  display: inline-flex;
  overflow: scroll;
  flex-wrap: nowrap;
}
.loader_projects .gradient {
  width: calc(76vw);
  flex: calc(76vw);
  height: 110vw;
}
.work-link-module .texts {
  max-width: 85%;

}
.entryPost p, .entryPost span:not(.grey2), .entryPost li {
  color: var(--whiteMaart);
}
.entryPost h2, .entryPost h2 span, .entryPost h2 b {
  font-size: 7vw;
}
.entryPost h3, .entryPost h3 span, .entryPost h3 b {
  font-size: 6vw;
}
.entryPost h4, .entryPost h4 span, .entryPost h4 b {
  font-size: 5vw;
}
.entryPost h5, .entryPost h5 span, .entryPost h5 b {
  font-size: 4vw;
}
.row#prefoot {
  display: flex!important;
  flex-direction: column-reverse!important;
}

.titular.big03 {
  font-size: 8vw;
}
.rowloaderMob div {
  padding-right: 0;
  padding-left: 0;
}
.authory img, .imgPreload {
  margin-right: 1rem;
}
.entryPost ul li {
  margin-bottom: 1rem;
}
.container {
  width: 85%;
}  
#about_List_wp .containermob, #contact .containermob {
width: 87%!important;
margin: 0 auto;
}
#about_List_wp .titular.big {
  font-size: 1.35rem;
  margin: 0;
  line-height: 1.4em;
}

.card-marg-fix {
  margin-top: 1.5vw!important;
  margin-bottom: 0!important;
}

.clients-carousel-cell {
  width: 40%;
}

}

@media only screen and (min-width:981px) {
    .desktop {
        display: block!important;
     }
    .mobile {
        display: none!important;
     }
     #nav #logo {
      position: absolute;
      top: 50%;
      transform: translateY(-70%);
      left: 1.5%;
    
     }
}

/* height */

/* @media only screen and (max-height:835px) {
  .home .section2-b {
    margin-top: max(70vh, 500px);
  }
  
} */

/*# sourceMappingURL=styles.css.map*/