@import url("https://fonts.googleapis.com/css?family=Montserrat:900");


ul {
  list-style-type: none;
  padding: 0;
}

.menuBurguer ul.menu {
  position: relative;
  top: 4.5%;
  left: 10% !important;
  transition: transform .3s, width .3s;

}

.menuBurguer ul.menu li {
  position: relative;
  background: white;
  margin: 3px;
  height: 5px;
  width: 30px;
  transition: transform .3s, width .3s;
}

/* .menuBurguer .active_menu li:nth-child(1) {
  top: 5px;
  transform: rotate(135deg);
  transition: transform .3s;
}

.menuBurguer .active_menu li:nth-child(2) {
  width: 0;
  transition: width .3s;
}

.menuBurguer .active_menu li:nth-child(3) {
  bottom: 18px;
  transform: rotate(-135deg);
  transition: transform .3s;
} */

.container ul.links {
  overflow: hidden;
  width: 0;
  margin-left: 0px;

}

.container ul.links li {
  margin: 5px;
}

.container ul.links li a {
  color: white;
  text-decoration: none;
  transition: color .5s;
  text-transform: uppercase;
  font-size: 54px;
  font-family: 'Montserrat', sans-serif;
  transition: color .5s, margin-left .5s;
}

.container ul.links li a:hover {
  color: black;
  margin-left: 20px;
  transition: color .5s, margin-left .5s;
}

.menu-container {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.anima-3 {
  opacity: 0;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.flecha-mob {
  position: absolute;
  bottom: 2%;
}

.links {
  margin: 0 !important;
  height: 100vh !important;
}

.container .active_links {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  opacity: 1;
  width: 100vw !important;
  height: 100vh !important;
  padding: 15% 5%;
  background: #000;
  margin: 0 !important;
}

.menuBurguer .active_menu li {
  color: #fff !important;
  filter: invert(0) !important;
}


.fp-viewing-experiencias .logo-marca-2 {
  transition: all 0.4s ease-in-out;
  filter: invert(100%);
}

.fp-viewing-experiencias .items-right {
  filter: invert(1);
}


.fp-viewing-meet-lood .items-right  {
  filter: invert(1);
}

.fp-viewing-we-work .items-right  {
  filter: invert(1);
}

.fp-viewing-our-services .items-right  {
  filter: invert(1);
}








.fp-viewing-we-work .logo-marca-2 {
  transition: all 0.4s ease-in-out;
  filter: invert(1);
}

.fp-viewing-meet-lood .logo-marca-2 {
  transition: all 0.4s ease-in-out;
  filter: invert(0);
}


.fp-viewing-we-work .active_menu.menuBurguer ul.menu {
  filter: invert(0) !important;
}

.fp-viewing-we-work .menu .active_menu .menuBurguer ul.menu {
  filter: invert(0) !important;
}


.fp-viewing-our-services .logo-marca-2 {
  transition: all 0.4s ease-in-out;
  filter: invert(100%);
}


#english {
  position: fixed;
  top: 6.6%;
  right: 12%;
  z-index: 99999;
  transition: all 0.4s ease-in-out;
}

.engl-trans {
  transition: all 0.4s ease-in-out;
  top: 3% !important;
}

a {
  text-decoration: none !important;
}


@media (max-width: 768px) {
  #english {
    position: fixed;
    top: 10% !important;
    right: 11%;
    z-index: 99999;
    transition: all 0.4s ease-in-out;
  }

  .engl-trans {
    transition: all 0.4s ease-in-out;
    top: 3% !important;
  }
}