@keyframes showOM {
  0% {
    opacity: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  20% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  60% {
    opacity: 1;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.05);
  }

  100% {
    opacity: 1;
    box-shadow: 57px 57px 150px 0px rgba(0, 0, 0, 0.05);
  }
}

@-webkit-keyframes showOM {
  0% {
    opacity: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  20% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  60% {
    opacity: 1;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.05);
  }

  100% {
    opacity: 1;
    box-shadow: 57px 57px 150px 0px rgba(0, 0, 0, 0.05);
  }
}

@-moz-keyframes showOM {
  0% {
    opacity: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  20% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }

  60% {
    opacity: 1;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.05);
  }

  100% {
    opacity: 1;
    box-shadow: 57px 57px 150px 0px rgba(0, 0, 0, 0.05);
  }
}

@keyframes menuSlide {
  0% {
    height: 0%;
    width: 0vw;
  }

  20% {
    width: 0.2604167vw;
    height: 0.28125vw;
  }

  40% {
    width: 0.2604167vw;
    height: 0.58125vw;
  }

  50% {
    width: 0.2604167vw;
    height: 0.78125vw;
  }

  65% {
    width: 0.2604167vw;
    height: 0.78125vw;
  }

  80% {
    width: 20%;
    height: 0.78125vw;
  }

  90% {
    width: 50%;
    height: 0.78125vw;
  }

  100% {
    width: 100%;
    height: 0.78125vw;
  }
}

@-webkit-keyframes menuSlide {
  0% {
    width: 0%;
    height: 0vw;
  }

  20% {
    width: 5%;
    height: 0.28125vw;
  }

  40% {
    width: 5%;
    height: 0.58125vw;
  }

  50% {
    width: 5%;
    height: 0.78125vw;
  }

  65% {
    width: 5%;
    height: 0.78125vw;
  }

  80% {
    width: 20%;
    height: 0.78125vw;
  }

  90% {
    width: 50%;
    height: 0.78125vw;
  }

  100% {
    width: 100%;
    height: 50%;
  }
}

@-moz-keyframes menuSlide {
  0% {
    height: 0%;
    width: 0vw;
  }

  20% {
    width: 0.2604167vw;
    height: 0.28125vw;
  }

  40% {
    width: 0.2604167vw;
    height: 0.58125vw;
  }

  50% {
    width: 0.2604167vw;
    height: 0.78125vw;
  }

  65% {
    width: 0.2604167vw;
    height: 0.78125vw;
  }

  80% {
    width: 20%;
    height: 0.78125vw;
  }

  90% {
    width: 50%;
    height: 0.78125vw;
  }

  100% {
    width: 100%;
    height: 0.78125vw;
  }
}

@keyframes linkHover1 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 15vw;
    height: 2.6041667vw;
  }

  90% {
    width: 20vw;
    height: 2.6041667vw;
  }

  100% {
    width: 28.75vw;
    height: 2.6041667vw;
  }
}

@-webkit-keyframes linkHover1 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 15vw;
    height: 2.6041667vw;
  }

  90% {
    width: 20vw;
    height: 2.6041667vw;
  }

  100% {
    width: 28.75vw;
    height: 2.6041667vw;
  }
}

@-moz-keyframes linkHover1 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 15vw;
    height: 2.6041667vw;
  }

  90% {
    width: 20vw;
    height: 2.6041667vw;
  }

  100% {
    width: 28.75vw;
    height: 2.6041667vw;
  }
}

@keyframes seeTeam {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8vw;
    height: 20%;
  }

  30% {
    width: 0.8vw;
    height: 40%;
  }

  40% {
    width: 0.8vw;
    height: 60%;
  }

  50% {
    width: 0.8vw;
    height: 80%;
  }

  65% {
    width: 0.8vw;
    height: 100%;
  }

  70% {
    width: 5vw;
    height: 100%;
  }

  80% {
    width: 15vw;
    height: 100%;
  }

  90% {
    width: 20vw;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes seeTeam {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8vw;
    height: 20%;
  }

  30% {
    width: 0.8vw;
    height: 40%;
  }

  40% {
    width: 0.8vw;
    height: 60%;
  }

  50% {
    width: 0.8vw;
    height: 80%;
  }

  65% {
    width: 0.8vw;
    height: 100%;
  }

  70% {
    width: 5vw;
    height: 100%;
  }

  80% {
    width: 15vw;
    height: 100%;
  }

  90% {
    width: 20vw;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes seeTeam {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8vw;
    height: 20%;
  }

  30% {
    width: 0.8vw;
    height: 40%;
  }

  40% {
    width: 0.8vw;
    height: 60%;
  }

  50% {
    width: 0.8vw;
    height: 80%;
  }

  65% {
    width: 0.8vw;
    height: 100%;
  }

  70% {
    width: 5vw;
    height: 100%;
  }

  80% {
    width: 15vw;
    height: 100%;
  }

  90% {
    width: 20vw;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes seeTeam2 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8%;
    height: 20%;
  }

  30% {
    width: 0.8%;
    height: 40%;
  }

  40% {
    width: 0.8%;
    height: 60%;
  }

  50% {
    width: 0.8%;
    height: 80%;
  }

  65% {
    width: 0.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 47%;
    height: 100%;
  }
}

@-webkit-keyframes seeTeam2 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8%;
    height: 20%;
  }

  30% {
    width: 0.8%;
    height: 40%;
  }

  40% {
    width: 0.8%;
    height: 60%;
  }

  50% {
    width: 0.8%;
    height: 80%;
  }

  65% {
    width: 0.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 47%;
    height: 100%;
  }
}

@-moz-keyframes seeTeam2 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 0.8%;
    height: 20%;
  }

  30% {
    width: 0.8%;
    height: 40%;
  }

  40% {
    width: 0.8%;
    height: 60%;
  }

  50% {
    width: 0.8%;
    height: 80%;
  }

  65% {
    width: 0.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 47%;
    height: 100%;
  }
}

@keyframes seeTeam3 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 1.8%;
    height: 20%;
  }

  30% {
    width: 1.8%;
    height: 40%;
  }

  40% {
    width: 1.8%;
    height: 60%;
  }

  50% {
    width: 1.8%;
    height: 80%;
  }

  65% {
    width: 1.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 80%;
    height: 100%;
  }
}

@-webkit-keyframes seeTeam3 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 1.8%;
    height: 20%;
  }

  30% {
    width: 1.8%;
    height: 40%;
  }

  40% {
    width: 1.8%;
    height: 60%;
  }

  50% {
    width: 1.8%;
    height: 80%;
  }

  65% {
    width: 1.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 80%;
    height: 100%;
  }
}

@-moz-keyframes seeTeam3 {
  0% {
    height: 0%;
    width: 0%;
  }

  20% {
    width: 1.8%;
    height: 20%;
  }

  30% {
    width: 1.8%;
    height: 40%;
  }

  40% {
    width: 1.8%;
    height: 60%;
  }

  50% {
    width: 1.8%;
    height: 80%;
  }

  65% {
    width: 1.8%;
    height: 100%;
  }

  70% {
    width: 5%;
    height: 100%;
  }

  80% {
    width: 15%;
    height: 100%;
  }

  90% {
    width: 20%;
    height: 100%;
  }

  100% {
    width: 80%;
    height: 100%;
  }
}

@keyframes linkHover2 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 13vw;
    height: 2.6041667vw;
  }

  90% {
    width: 17.5vw;
    height: 2.6041667vw;
  }

  100% {
    width: 21.45833vw;
    height: 2.6041667vw;
  }
}

@-webkit-keyframes linkHover2 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 13vw;
    height: 2.6041667vw;
  }

  90% {
    width: 17.5vw;
    height: 2.6041667vw;
  }

  100% {
    width: 21.45833vw;
    height: 2.6041667vw;
  }
}

@-moz-keyframes linkHover2 {
  0% {
    height: 0vw;
    width: 0vw;
  }

  20% {
    width: 0.8vw;
    height: 0.5vw;
  }

  30% {
    width: 0.8vw;
    height: 1vw;
  }

  40% {
    width: 0.8vw;
    height: 1.5vw;
  }

  50% {
    width: 0.8vw;
    height: 2vw;
  }

  65% {
    width: 0.8vw;
    height: 2.6041667vw;
  }

  70% {
    width: 5vw;
    height: 2.6041667vw;
  }

  80% {
    width: 13vw;
    height: 2.6041667vw;
  }

  90% {
    width: 17.5vw;
    height: 2.6041667vw;
  }

  100% {
    width: 21.45833vw;
    height: 2.6041667vw;
  }
}

@keyframes showLine {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 9.21875vw;
    width: 1.04vw;
  }
}

@-webkit-keyframes showLine {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 9.21875vw;
    width: 1.04vw;
  }
}

@-moz-keyframes showLine {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 9.21875vw;
    width: 1.04vw;
  }
}

@keyframes showLine2 {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 12.70833vw;
    width: 1.04vw;
  }
}

@-webkit-keyframes showLine2 {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 12.70833vw;
    width: 1.04vw;
  }
}

@-moz-keyframes showLine2 {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 2vw;
    width: 1.04vw;
  }

  60% {
    height: 3vw;
    width: 1.04vw;
  }

  70% {
    height: 5vw;
    width: 1.04vw;
  }

  85% {
    height: 6vw;
    width: 1.04vw;
  }

  100% {
    height: 12.70833vw;
    width: 1.04vw;
  }
}

@keyframes showLineX {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 1.8vw;
    width: 1.04vw;
  }

  60% {
    height: 2.6vw;
    width: 1.04vw;
  }

  70% {
    height: 3.2vw;
    width: 1.04vw;
  }

  85% {
    height: 4vw;
    width: 1.04vw;
  }

  100% {
    height: 5.57291667vw;
    width: 1.04vw;
  }
}

@-webkit-keyframes showLineX {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 1.8vw;
    width: 1.04vw;
  }

  60% {
    height: 2.6vw;
    width: 1.04vw;
  }

  70% {
    height: 3.2vw;
    width: 1.04vw;
  }

  85% {
    height: 4vw;
    width: 1.04vw;
  }

  100% {
    height: 5.57291667vw;
    width: 1.04vw;
  }
}

@-moz-keyframes showLineX {
  0% {
    height: 0.78125vw;
    width: 0vw;
  }

  20% {
    height: 0.78125vw;
    width: 1.04vw;
  }

  30% {
    height: 1vw;
    width: 1.04vw;
  }

  50% {
    height: 1.8vw;
    width: 1.04vw;
  }

  60% {
    height: 2.6vw;
    width: 1.04vw;
  }

  70% {
    height: 3.2vw;
    width: 1.04vw;
  }

  85% {
    height: 4vw;
    width: 1.04vw;
  }

  100% {
    height: 5.57291667vw;
    width: 1.04vw;
  }
}

@keyframes arrowMove {
  0% {
    right: 0vw;
  }

  25% {
    right: -0.5vw;
  }

  50% {
    right: -1vw;
  }

  75% {
    right: -1.3vw;
  }

  100% {
    right: -1.5625vw;
  }
}

@-webkit-keyframes arrowMove {
  0% {
    right: 0vw;
  }

  25% {
    right: -0.5vw;
  }

  50% {
    right: -1vw;
  }

  75% {
    right: -1.3vw;
  }

  100% {
    right: -1.5625vw;
  }
}

@-moz-keyframes arrowMove {
  0% {
    right: 0vw;
  }

  25% {
    right: -0.5vw;
  }

  50% {
    right: -1vw;
  }

  75% {
    right: -1.3vw;
  }

  100% {
    right: -1.5625vw;
  }
}

@keyframes teamHover {
  0% {
    width: 1.5625vw;
    height: 3%;
  }

  5% {
    width: 1.5625vw;
    height: 10%;
  }

  8% {
    width: 1.5625vw;
    height: 17%;
  }

  10% {
    width: 1.5625vw;
    height: 24%;
  }

  13% {
    width: 1.5625vw;
    height: 31%;
  }

  15% {
    width: 1.5625vw;
    height: 38%;
  }

  20% {
    width: 1.5625vw;
    height: 45%;
  }

  23% {
    width: 1.5625vw;
    height: 52%;
  }

  25% {
    width: 1.5625vw;
    height: 59%;
  }

  28% {
    width: 1.5625vw;
    height: 63%;
  }

  30% {
    width: 1.5625vw;
    height: 70%;
  }

  33% {
    width: 1.5625vw;
    height: 75%;
  }

  35% {
    width: 1.5625vw;
    height: 80%;
  }

  40% {
    width: 1.5625vw;
    height: 85%;
  }

  45% {
    width: 1.5625vw;
    height: 90%;
  }

  48% {
    width: 1.5625vw;
    height: 95%;
  }

  50% {
    width: 1.5625vw;
    height: 100%;
  }

  53% {
    width: 1.5625vw;
    height: 100%;
  }

  55% {
    width: 1.5625vw;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes teamHover {
  0% {
    width: 1.5625vw;
    height: 3%;
  }

  5% {
    width: 1.5625vw;
    height: 10%;
  }

  8% {
    width: 1.5625vw;
    height: 17%;
  }

  10% {
    width: 1.5625vw;
    height: 24%;
  }

  13% {
    width: 1.5625vw;
    height: 31%;
  }

  15% {
    width: 1.5625vw;
    height: 38%;
  }

  20% {
    width: 1.5625vw;
    height: 45%;
  }

  23% {
    width: 1.5625vw;
    height: 52%;
  }

  25% {
    width: 1.5625vw;
    height: 59%;
  }

  28% {
    width: 1.5625vw;
    height: 63%;
  }

  30% {
    width: 1.5625vw;
    height: 70%;
  }

  33% {
    width: 1.5625vw;
    height: 75%;
  }

  35% {
    width: 1.5625vw;
    height: 80%;
  }

  40% {
    width: 1.5625vw;
    height: 85%;
  }

  45% {
    width: 1.5625vw;
    height: 90%;
  }

  48% {
    width: 1.5625vw;
    height: 95%;
  }

  50% {
    width: 1.5625vw;
    height: 100%;
  }

  53% {
    width: 1.5625vw;
    height: 100%;
  }

  55% {
    width: 1.5625vw;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes teamHover {
  0% {
    width: 1.5625vw;
    height: 3%;
  }

  5% {
    width: 1.5625vw;
    height: 10%;
  }

  8% {
    width: 1.5625vw;
    height: 17%;
  }

  10% {
    width: 1.5625vw;
    height: 24%;
  }

  13% {
    width: 1.5625vw;
    height: 31%;
  }

  15% {
    width: 1.5625vw;
    height: 38%;
  }

  20% {
    width: 1.5625vw;
    height: 45%;
  }

  23% {
    width: 1.5625vw;
    height: 52%;
  }

  25% {
    width: 1.5625vw;
    height: 59%;
  }

  28% {
    width: 1.5625vw;
    height: 63%;
  }

  30% {
    width: 1.5625vw;
    height: 70%;
  }

  33% {
    width: 1.5625vw;
    height: 75%;
  }

  35% {
    width: 1.5625vw;
    height: 80%;
  }

  40% {
    width: 1.5625vw;
    height: 85%;
  }

  45% {
    width: 1.5625vw;
    height: 90%;
  }

  48% {
    width: 1.5625vw;
    height: 95%;
  }

  50% {
    width: 1.5625vw;
    height: 100%;
  }

  53% {
    width: 1.5625vw;
    height: 100%;
  }

  55% {
    width: 1.5625vw;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes teamHoverM {
  0% {
    width: 15px;
    height: 3%;
  }

  5% {
    width: 15px;
    height: 10%;
  }

  8% {
    width: 15px;
    height: 17%;
  }

  10% {
    width: 15px;
    height: 24%;
  }

  13% {
    width: 15px;
    height: 31%;
  }

  15% {
    width: 15px;
    height: 38%;
  }

  20% {
    width: 15px;
    height: 45%;
  }

  23% {
    width: 15px;
    height: 52%;
  }

  25% {
    width: 15px;
    height: 59%;
  }

  28% {
    width: 15px;
    height: 63%;
  }

  30% {
    width: 15px;
    height: 70%;
  }

  33% {
    width: 15px;
    height: 75%;
  }

  35% {
    width: 15px;
    height: 80%;
  }

  40% {
    width: 15px;
    height: 85%;
  }

  45% {
    width: 15px;
    height: 90%;
  }

  48% {
    width: 15px;
    height: 95%;
  }

  50% {
    width: 15px;
    height: 100%;
  }

  53% {
    width: 15px;
    height: 100%;
  }

  55% {
    width: 15px;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes teamHoverM {
  0% {
    width: 15px;
    height: 3%;
  }

  5% {
    width: 15px;
    height: 10%;
  }

  8% {
    width: 15px;
    height: 17%;
  }

  10% {
    width: 15px;
    height: 24%;
  }

  13% {
    width: 15px;
    height: 31%;
  }

  15% {
    width: 15px;
    height: 38%;
  }

  20% {
    width: 15px;
    height: 45%;
  }

  23% {
    width: 15px;
    height: 52%;
  }

  25% {
    width: 15px;
    height: 59%;
  }

  28% {
    width: 15px;
    height: 63%;
  }

  30% {
    width: 15px;
    height: 70%;
  }

  33% {
    width: 15px;
    height: 75%;
  }

  35% {
    width: 15px;
    height: 80%;
  }

  40% {
    width: 15px;
    height: 85%;
  }

  45% {
    width: 15px;
    height: 90%;
  }

  48% {
    width: 15px;
    height: 95%;
  }

  50% {
    width: 15px;
    height: 100%;
  }

  53% {
    width: 15px;
    height: 100%;
  }

  55% {
    width: 15px;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes teamHoverM {
  0% {
    width: 15px;
    height: 3%;
  }

  5% {
    width: 15px;
    height: 10%;
  }

  8% {
    width: 15px;
    height: 17%;
  }

  10% {
    width: 15px;
    height: 24%;
  }

  13% {
    width: 15px;
    height: 31%;
  }

  15% {
    width: 15px;
    height: 38%;
  }

  20% {
    width: 15px;
    height: 45%;
  }

  23% {
    width: 15px;
    height: 52%;
  }

  25% {
    width: 15px;
    height: 59%;
  }

  28% {
    width: 15px;
    height: 63%;
  }

  30% {
    width: 15px;
    height: 70%;
  }

  33% {
    width: 15px;
    height: 75%;
  }

  35% {
    width: 15px;
    height: 80%;
  }

  40% {
    width: 15px;
    height: 85%;
  }

  45% {
    width: 15px;
    height: 90%;
  }

  48% {
    width: 15px;
    height: 95%;
  }

  50% {
    width: 15px;
    height: 100%;
  }

  53% {
    width: 15px;
    height: 100%;
  }

  55% {
    width: 15px;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes teamHoverOut {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 1.5625vw;
    height: 100%;
  }

  40% {
    width: 1.5625vw;
    height: 95%;
  }

  45% {
    width: 1.5625vw;
    height: 85%;
  }

  50% {
    width: 1.5625vw;
    height: 75%;
  }

  55% {
    width: 1.5625vw;
    height: 65%;
  }

  60% {
    width: 1.5625vw;
    height: 55%;
  }

  65% {
    width: 1.5625vw;
    height: 45%;
  }

  70% {
    width: 1.5625vw;
    height: 35%;
  }

  75% {
    width: 1.5625vw;
    height: 25%;
  }

  80% {
    width: 1.5625vw;
    height: 15%;
  }

  85% {
    width: 1.5625vw;
    height: 10%;
  }

  90% {
    width: 1.5625vw;
    height: 5%;
  }

  95% {
    width: 1.5625vw;
    height: 0%;
  }

  100% {
    width: 1.5625vw;
    height: 0%;
  }
}

@-webkit-keyframes teamHoverOut {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 1.5625vw;
    height: 100%;
  }

  40% {
    width: 1.5625vw;
    height: 95%;
  }

  45% {
    width: 1.5625vw;
    height: 85%;
  }

  50% {
    width: 1.5625vw;
    height: 75%;
  }

  55% {
    width: 1.5625vw;
    height: 65%;
  }

  60% {
    width: 1.5625vw;
    height: 55%;
  }

  65% {
    width: 1.5625vw;
    height: 45%;
  }

  70% {
    width: 1.5625vw;
    height: 35%;
  }

  75% {
    width: 1.5625vw;
    height: 25%;
  }

  80% {
    width: 1.5625vw;
    height: 15%;
  }

  85% {
    width: 1.5625vw;
    height: 10%;
  }

  90% {
    width: 1.5625vw;
    height: 5%;
  }

  95% {
    width: 1.5625vw;
    height: 0%;
  }

  100% {
    width: 1.5625vw;
    height: 0%;
  }
}

@-moz-keyframes teamHoverOut {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 1.5625vw;
    height: 100%;
  }

  40% {
    width: 1.5625vw;
    height: 95%;
  }

  45% {
    width: 1.5625vw;
    height: 85%;
  }

  50% {
    width: 1.5625vw;
    height: 75%;
  }

  55% {
    width: 1.5625vw;
    height: 65%;
  }

  60% {
    width: 1.5625vw;
    height: 55%;
  }

  65% {
    width: 1.5625vw;
    height: 45%;
  }

  70% {
    width: 1.5625vw;
    height: 35%;
  }

  75% {
    width: 1.5625vw;
    height: 25%;
  }

  80% {
    width: 1.5625vw;
    height: 15%;
  }

  85% {
    width: 1.5625vw;
    height: 10%;
  }

  90% {
    width: 1.5625vw;
    height: 5%;
  }

  95% {
    width: 1.5625vw;
    height: 0%;
  }

  100% {
    width: 1.5625vw;
    height: 0%;
  }
}

@keyframes teamHoverOutM {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 15px;
    height: 100%;
  }

  40% {
    width: 15px;
    height: 95%;
  }

  45% {
    width: 15px;
    height: 85%;
  }

  50% {
    width: 15px;
    height: 75%;
  }

  55% {
    width: 15px;
    height: 65%;
  }

  60% {
    width: 15px;
    height: 55%;
  }

  65% {
    width: 15px;
    height: 45%;
  }

  70% {
    width: 15px;
    height: 35%;
  }

  75% {
    width: 15px;
    height: 25%;
  }

  80% {
    width: 15px;
    height: 15%;
  }

  85% {
    width: 15px;
    height: 10%;
  }

  90% {
    width: 15px;
    height: 5%;
  }

  95% {
    width: 15px;
    height: 0%;
  }

  100% {
    width: 15px;
    height: 0%;
  }
}

@-webkit-keyframes teamHoverOutM {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 15px;
    height: 100%;
  }

  40% {
    width: 15px;
    height: 95%;
  }

  45% {
    width: 15px;
    height: 85%;
  }

  50% {
    width: 15px;
    height: 75%;
  }

  55% {
    width: 15px;
    height: 65%;
  }

  60% {
    width: 15px;
    height: 55%;
  }

  65% {
    width: 15px;
    height: 45%;
  }

  70% {
    width: 15px;
    height: 35%;
  }

  75% {
    width: 15px;
    height: 25%;
  }

  80% {
    width: 15px;
    height: 15%;
  }

  85% {
    width: 15px;
    height: 10%;
  }

  90% {
    width: 15px;
    height: 5%;
  }

  95% {
    width: 15px;
    height: 0%;
  }

  100% {
    width: 15px;
    height: 0%;
  }
}

@-moz-keyframes teamHoverOutM {
  0% {
    width: 100%;
    height: 100%;
  }

  5% {
    width: 90%;
    height: 100%;
  }

  10% {
    width: 70%;
    height: 100%;
  }

  15% {
    width: 50%;
    height: 100%;
  }

  20% {
    width: 40%;
    height: 100%;
  }

  25% {
    width: 20%;
    height: 100%;
  }

  30% {
    width: 10%;
    height: 100%;
  }

  35% {
    width: 15px;
    height: 100%;
  }

  40% {
    width: 15px;
    height: 95%;
  }

  45% {
    width: 15px;
    height: 85%;
  }

  50% {
    width: 15px;
    height: 75%;
  }

  55% {
    width: 15px;
    height: 65%;
  }

  60% {
    width: 15px;
    height: 55%;
  }

  65% {
    width: 15px;
    height: 45%;
  }

  70% {
    width: 15px;
    height: 35%;
  }

  75% {
    width: 15px;
    height: 25%;
  }

  80% {
    width: 15px;
    height: 15%;
  }

  85% {
    width: 15px;
    height: 10%;
  }

  90% {
    width: 15px;
    height: 5%;
  }

  95% {
    width: 15px;
    height: 0%;
  }

  100% {
    width: 15px;
    height: 0%;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes showThis {
  0% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@-webkit-keyframes showThis {
  0% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@-moz-keyframes showThis {
  0% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@keyframes hideThis {
  0% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: hidden;
  }
}

@-webkit-keyframes hideThis {
  0% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: hidden;
  }
}

@-moz-keyframes hideThis {
  0% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: hidden;
  }
}

@keyframes projectHover {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes projectHover {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes projectHover {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes blinkk {
  0% {
    background-image: url(../img/eyezero.png), url(../img/eyezero2.png);
    background-size: 0.833vw auto, 2.604167vw auto;
    background-position: center center, 0 1.5625vw;
  }

  30% {
    background-image: url(../img/eyezero.png), url(../img/eyezero3.png);
    background-size: 0.833vw auto, 2.604167vw auto;
    background-position: center center, 0 3.020833vw;
  }

  50% {
    background-image: url(../img/eyezero.png), url(../img/eyezero3.png);
    background-size: 0.833vw auto, 2.604167vw auto;
    background-position: center center, 0 3.020833vw;
  }

  70% {
    background-image: url(../img/eyezero.png), url(../img/eyezero3.png);
    background-size: 0.833vw auto, 2.604167vw auto;
    background-position: center center, 0 3.020833vw;
  }

  100% {
    background-image: url(../img/eyezero.png), url(../img/eyezero2.png);
    background-size: 0.833vw auto, 2.604167vw auto;
    background-position: center center, 0 1.5625vw;
  }
}

@keyframes btnBg {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes btnBg {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@-moz-keyframes btnBg {
  0% {
    width: 5%;
    height: 3%;
  }

  5% {
    width: 5%;
    height: 10%;
  }

  8% {
    width: 5%;
    height: 17%;
  }

  10% {
    width: 5%;
    height: 24%;
  }

  13% {
    width: 5%;
    height: 31%;
  }

  15% {
    width: 5%;
    height: 38%;
  }

  20% {
    width: 5%;
    height: 45%;
  }

  23% {
    width: 5%;
    height: 52%;
  }

  25% {
    width: 5%;
    height: 59%;
  }

  28% {
    width: 5%;
    height: 63%;
  }

  30% {
    width: 5%;
    height: 70%;
  }

  33% {
    width: 5%;
    height: 75%;
  }

  35% {
    width: 5%;
    height: 80%;
  }

  40% {
    width: 5%;
    height: 85%;
  }

  45% {
    width: 5%;
    height: 90%;
  }

  48% {
    width: 5%;
    height: 95%;
  }

  50% {
    width: 5%;
    height: 100%;
  }

  53% {
    width: 5%;
    height: 100%;
  }

  55% {
    width: 5%;
    height: 100%;
  }

  60% {
    width: 10%;
    height: 100%;
  }

  75% {
    width: 20%;
    height: 100%;
  }

  80% {
    width: 30%;
    height: 100%;
  }

  85% {
    width: 40%;
    height: 100%;
  }

  90% {
    width: 50%;
    height: 100%;
  }

  93% {
    width: 60%;
    height: 100%;
  }

  95% {
    width: 70%;
    height: 100%;
  }

  98% {
    width: 80%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes type {
  0% {
    width: 0px;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    border: none;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0px;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    border: none;
  }
}

@-moz-keyframes type {
  0% {
    width: 0px;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    border: none;
  }
}

@keyframes type2 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@-moz-keyframes type2 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  99.9% {
    border-right: 2px solid #8cd432;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@keyframes type3 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@-webkit-keyframes type3 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@-moz-keyframes type3 {
  0% {
    width: 0px;
  }

  1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    border: none;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

@keyframes airplane {
  0% {
    background-position: 33.28125vw 5.0520833vw;
  }

  20% {
    background-position: 34.28125vw 4.052083vw;
  }

  50% {
    background-position: 35.28125vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 31.28125vw 9.052083vw;
  }

  90% {
    background-position: 32.28125vw 7.0520833vw;
  }

  100% {
    background-position: 33.28125vw 5.0520833vw;
  }
}

@-webkit-keyframes airplane {
  0% {
    background-position: 33.28125vw 5.0520833vw;
  }

  20% {
    background-position: 34.28125vw 4.052083vw;
  }

  50% {
    background-position: 35.28125vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 31.28125vw 9.052083vw;
  }

  90% {
    background-position: 32.28125vw 7.0520833vw;
  }

  100% {
    background-position: 33.28125vw 5.0520833vw;
  }
}

@-moz-keyframes airplane {
  0% {
    background-position: 33.28125vw 5.0520833vw;
  }

  20% {
    background-position: 34.28125vw 4.052083vw;
  }

  50% {
    background-position: 35.28125vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 31.28125vw 9.052083vw;
  }

  90% {
    background-position: 32.28125vw 7.0520833vw;
  }

  100% {
    background-position: 33.28125vw 5.0520833vw;
  }
}

@keyframes airplane2 {
  0% {
    background-position: 58.645833vw 5.0520833vw;
  }

  20% {
    background-position: 59.645833vw 4.052083vw;
  }

  50% {
    background-position: 60.645833vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 56.645833vw 9.052083vw;
  }

  90% {
    background-position: 57.645833vw 7.0520833vw;
  }

  100% {
    background-position: 58.645833vw 5.0520833vw;
  }
}

@-webkit-keyframes airplane2 {
  0% {
    background-position: 58.645833vw 5.0520833vw;
  }

  20% {
    background-position: 59.645833vw 4.052083vw;
  }

  50% {
    background-position: 60.645833vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 56.645833vw 9.052083vw;
  }

  90% {
    background-position: 57.645833vw 7.0520833vw;
  }

  100% {
    background-position: 58.645833vw 5.0520833vw;
  }
}

@-moz-keyframes airplane2 {
  0% {
    background-position: 58.645833vw 5.0520833vw;
  }

  20% {
    background-position: 59.645833vw 4.052083vw;
  }

  50% {
    background-position: 60.645833vw 2.052083vw;
  }

  60% {
    background-size: 0vw;
  }

  70% {
    background-position: 56.645833vw 9.052083vw;
  }

  90% {
    background-position: 57.645833vw 7.0520833vw;
  }

  100% {
    background-position: 58.645833vw 5.0520833vw;
  }
}

@keyframes uncover1 {
  0% {
    left: 0%;
    display: block;
  }

  25% {
    left: 25%;
  }

  50% {
    left: 50%;
  }

  75% {
    left: 75%;
  }

  100% {
    left: 100%;
  }
}

@keyframes uncoverx {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}

@keyframes test {
  0% {
    width: 0%;
    opacity: 0;
  }

  20% {
    width: 10%;
    opacity: 1;
  }

  60% {
    width: 20%;
    opacity: 1;
  }

  100% {
    width: calc(26.371527667vw - 1px);
    opacity: 1;
  }
}

@media (min-width: 800px) {
  .contact_us:hover {
    animation: airplane 0.5s linear;
    -webkit-animation: airplane 0.5s linear;
    -moz-animation: airplane 0.5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .contact_us:hover:before {
    animation: seeTeam2 0.5s linear;
    -webkit-animation: seeTeam2 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .drop_us:hover {
    opacity: 1;
    animation: airplane2 0.5s linear;
    -webkit-animation: airplane2 0.5s linear;
    -moz-animation: airplane2 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .drop_us:hover:before {
    animation: seeTeam3 0.5s linear;
    -webkit-animation: seeTeam3 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_teammate:hover .content_teammate {
    animation: teamHover 0.6s linear;
    -webkit-animation: teamHover 0.6s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_team_member:hover .content_team_member {
    animation: teamHover 0.6s linear;
    -webkit-animation: teamHover 0.6s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_team_member:hover .real_ctm {
    animation: fadeIn 0.3s linear;
    -webkit-animation: fadeIn 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
  }

  .ind_teammate:hover .real_ct {
    animation: fadeIn 0.3s linear;
    -webkit-animation: fadeIn 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
  }

  .section_next_img:hover .content_section_next {
    animation: teamHoverOut 0.6s linear;
    -webkit-animation: teamHoverOut 0.6s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
  }

  .section_next_img:hover .txt_content {
    animation: hideThis 0.3s linear;
    -webkit-animation: hideThis 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_member_perss:hover .content_member_perss {
    animation: teamHoverOut 0.6s linear;
    -webkit-animation: teamHoverOut 0.6s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
  }

  .ind_member_perss:hover .real_ct_perss {
    animation: fadeOut 0.3s linear;
    -webkit-animation: fadeOut 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_project:hover .initial_content {
    display: none;
  }

  .ind_project:hover .section_ind_project {
    animation: projectHover 0.6s linear;
    -webkit-animation: projectHover 0.6s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ind_project:hover .button_project {
    animation: showThis 0.2s linear;
    -webkit-animation: showThis 0.2s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
  }

  .ind_project:hover .ind_prj_content {
    animation: fadeIn 0.3s linear;
    -webkit-animation: fadeIn 0.3s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
  }

  .menu_li:hover:before {
    animation: menuSlide 0.5s linear;
    -webkit-animation: menuSlide 0.5s linear;
    -ms-animation: menuSlide 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }

  .we_are_msg:not(.no_anim) {
    opacity: 0;
    animation: fadeIn 0.2s linear;
    -webkit-animation: fadeIn 0.2s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 5.3s;
    -webkit-animation-delay: 5.3s;
  }

  .line_t_b:not(.no_anim) {
    position: absolute;
    left: 0;
    top: 2.65625vw;
    width: 0;
    height: 0;
    background-color: #8cd432;
    z-index: -1;
    animation: showLine 0.5s linear;
    -webkit-animation: showLine 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 4.65s;
    -webkit-animation-delay: 4.65s;
  }

  .no_anim .line_t_b {
    position: absolute;
    left: 0;
    top: 2.65625vw;
    height: 9.21875vw;
    width: 1.04vw;
    background-color: #8cd432;
    z-index: -1;
  }

  .msg_inform_team:not(.no_anim) {
    opacity: 0;
    animation: fadeIn 0.2s linear;
    -webkit-animation: fadeIn 0.2s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s;
  }

  .teampage_section .line_t_b:not(.no_anim) {
    top: 3.28125vw;
    animation-delay: 1.55s;
    -webkit-animation-delay: 1.55s;
  }

  .teampage_section .line_t_b.no_anim {
    top: 3.28125vw;
  }

  .our_services_page .we_are_msg_content:not(.no_anim) .line_t_b {
    animation: showLine2 0.5s linear;
    -webkit-animation: showLine2 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 3.55s;
    -webkit-animation-delay: 3.55s;
  }

  .our_services_page .we_are_msg_content.no_anim .line_t_b {
    height: 12.70833vw;
  }

  .contact_section .line_t_b:not(.no_anim) {
    top: 3.28125vw;
    animation: showLineX 0.5s linear;
    -webkit-animation: showLineX 0.5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
  }

  .contact_section .line_t_b.no_anim {
    top: 3.28125vw;
    height: 5.57291667vw;
  }

  .drop_us:not(.no_anim):after {
    opacity: 1;
    width: 100%;
    content: "";
    height: 100%;
    background-color: #fff;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    animation: fadeOut 0.2s linear;
    -webkit-animation: fadeOut 0.2s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 3.65s;
    -webkit-animation-delay: 3.65s;
  }

  .drop_us.no_anim:after {
    opacity: 1;
    width: 100%;
    content: "";
    height: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind_teammate:hover .imagine_tm,
  .ind_team_member:hover .img_perss {
    filter: grayscale(100%);
  }

  .ind_member_perss:hover .img_perss {
    filter: grayscale(0%);
  }

}

.imagine_tm.grey {
  filter: grayscale(100%);
}

.ind_team_member .img_perss.grey {
  filter: grayscale(100%);
}

.ind_member_perss .img_perss.grey {
  filter: grayscale(0%);
}

.see_team:hover:after {
  animation: arrowMove 0.1s linear;
  -webkit-animation: arrowMove 0.1s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.see_team:hover:before {
  animation: seeTeam 0.5s linear;
  -webkit-animation: seeTeam 0.5s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.button_project:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.btn_to_reload_contact:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.btn_sh_p:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.btn_pres_see:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.btn_send_form:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.linkedin_btn:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.btn_svp_reload:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.button_rsvp:hover .bg_eff {
  animation: btnBg 0.3s linear;
  -webkit-animation: btnBg 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.linkedin_btn:hover,
.btn_to_send_contact:hover,
.btn_to_reload_contact:hover,
.button_rsvp:hover,
.button_project:hover,
.btn_sh_p:hover,
.button_rsvp_reload:hover,
.btn_pres_see:hover {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.btn_to_send_contact:hover {
  color: #000;
}

.btn_to_send_contact .btn_send_form:hover .bg_eff {
  background-color: #8cd432;
}

@media (max-width: 800px) {
  .real_ct {
    width: 100%;
  }

  .meniu_right_content {
    display: none;
  }

  .meniu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .meniu_inner {
    padding-top: 20px;
    position: relative;
  }

  .meniu_left {
    width: 151px;
  }

  .meniu_right {
    width: 30px;
    height: 20px;
    background-image: url("../img/menu_o.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    padding-top: 0;
    margin-top: 8px;
  }

  .mobi_menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    width: 100%;
    top: 0;
    padding-top: 0px;
    padding-left: 40px;
  }

  .m_content {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100vh;
  }

  .content_top:after {
    background-image: url(../img/bg_w_top_m.png);
    background-size: 414px 443px;
    background-position: calc(100% + 155px) calc(100% + 29px);
    bottom: -100px;
  }

  .bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg_w_top.png);
    background-repeat: no-repeat;
    background-size: 414px 443px;
    background-position: calc(100% + 113px) calc(100% + 159px);
    background-position: calc(100% + 113px) calc(100% + 89px);
  }

  .false_section.displayed {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
  }

  .section_left {
    width: 151px;
    display: block;
    float: left;
    height: auto;
    margin-left: -20px;
  }

  .section_left img {
    width: 100%;
  }

  .section_right {
    width: 30px;
    height: 20px;
    background-image: url("../img/menu_c.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 8px;
    float: right;
  }

  .mobi_menu_content {
    display: inline-block;
    width: 100%;
    padding-top: 45px;
  }

  .menu_li {
    font-size: 35px;
    width: auto;
    padding-left: 24px;
    margin-right: 0;
    display: table;
    margin-bottom: 13px;
  }

  .menu_li:before {
    top: 13px;
    height: 26px;
  }

  .choosed:before {
    width: 9px;
  }

  .container_l {
    padding-left: 40px;
  }

  .welcome_msg {
    display: block;
    font-size: 35px;
    line-height: 44px;
  }

  #welcome_msg {
    display: none;
    font-size: 35px;
    line-height: 44px;
  }

  .welcome_msg br {
    display: none;
  }

  .amprenta {
    display: inline;
    margin-top: -9px;
    margin-bottom: -9px;
  }

  .we_are_msg {
    font-size: 19px;
    width: 100%;
    padding-right: 70px;
    line-height: 26px;
    padding-left: 24px;
    margin-top: 17px;
  }

  .line_t_b {
    position: absolute;
    left: 0;
    top: 21px;
    width: 9px;
    height: calc(100% - 28px);
    background-color: #8cd432;
    z-index: -1;
  }

  .we_are_msg_content .line_t_b {
    top: 20px;
    height: calc(100% - 28px);
  }

  .msg_inform_team {
    font-size: 19px;
    line-height: 29px;
    padding-left: 24px;
    margin-top: 13px;
  }

  .content_top {
    padding-top: 43px;
    padding-bottom: 88px;
  }

  .title_h {
    font-size: 28px !important;
  }

  .headteam {
    padding-right: 40px;
  }

  .content_headteam {
    width: 100%;
    float: none;
    display: inline-block;
    margin-top: 16px;
    margin-right: 0;
  }

  .ind_teammate {
    display: block;
    width: 100%;
    height: 373px;
    float: none;
    clear: both;
    position: relative;
  }

  .content_teammate {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0px;
    position: relative;
    display: none;
  }

  .name_title {
    font-size: 25px;
    line-height: 30px;
  }

  .title {
    font-size: 19px;
  }

  .position {
    padding-left: 11px;
    font-size: 19px;
    margin-top: 0;
  }

  .position:before {
    top: 7px;
    width: 6px;
    height: 14px;
  }

  .member_description {
    font-size: 13px;
    line-height: 22px;
    padding-right: 0;
    margin-top: 11px;
  }

  .linkedin_btn {
    font-size: 13px;
    margin-right: 0;
    width: 141px;
    height: 50px;
    margin-top: 0;
    position: absolute;
    bottom: 20px;
    right: -50px;
  }

  .linkedin_btn img {
    margin-left: 10px;
    width: 16px;
    height: auto;
    margin-bottom: -3px;
  }

  .see_team {
    font-size: 25px;
    padding-right: 30px;
    margin-top: 21px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .our_methodology {
    padding-top: 50px;
  }

  .our_methodology_content {
    width: 100%;
    display: inline-block;
    margin-top: 16px;
    box-shadow: none;
    height: auto;
  }

  .ind_omc {
    height: 343px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
    float: none;
    background-color: #fff;
    box-shadow: 0px 35px 70px 0px rgba(0, 0, 0, 0.05);
  }

  .first_omc .icon_omc {
    width: 36px;
  }

  .second_omc .icon_omc {
    width: 67px;
    margin-top: 5px;
  }

  .third_omc .icon_omc {
    width: 29px;
    margin-top: 2px;
  }

  .title_omc {
    font-size: 25px;
    line-height: 30px;
    margin-top: 8px;
    margin-bottom: 16px;
  }

  .text_omc {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 24px;
  }

  .ind_omc:after {
    top: 12px;
    right: 18px;
    font-size: 21px;
  }

  .content_omc {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
  }

  .our_work {
    padding-top: 57px;
  }

  .text_work {
    font-size: 19px;
    line-height: 31px;
    width: 100%;
    padding-left: 24px;
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .text_work:before {
    width: 9px;
    height: calc(100% - 17px);
    top: 8px;
    z-index: 9;
  }

  .presentation_title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 22px;
  }

  .projects_container {
    display: inline-block;
    width: 100%;
    height: auto;
  }

  .ind_project {
    width: 100%;
    float: none;
    height: 346px;
  }

  .firstp .img_project {
    width: 83px;
  }

  .secondp .img_project {
    width: 90px;
  }

  .thirdp .img_project {
    width: 115px;
  }

  .mobile_project {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 50px;
    background-color: #8cd432;
    color: #000;
    font-size: 13px;
    font-family: "HelveticaNeueLTPro";
    background-image: url("../img/eye.png");
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: 24px center;
    padding-top: 17px;
    padding-right: 24px;
    text-align: right;
  }

  .client_reviews {
    padding-top: 59px;
  }

  .reviews_content {
    display: inline-block;
    width: 100%;
    box-shadow: none;
    margin-top: 26px;
    height: auto;
    margin-bottom: 0;
  }

  .ind_review {
    width: 100%;
    height: auto;
    max-height: 489px;
    box-shadow: 0px 35px 70px 0px rgba(0, 0, 0, 0.05);
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
    background-color: #fff;
    float: none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 53px;
    padding-bottom: 60px;
  }

  .ind_review:after {
    top: 12px;
    right: 18px;
    font-size: 21px;
  }

  .quote {
    width: 18px;
    margin-bottom: 6px;
  }

  .txt_review {
    font-size: 13px;
    line-height: 22px;
  }

  .reviewer_name {
    font-size: 19px;
    margin-top: 16px;
  }

  .reviewer_position {
    font-size: 13.5px;
    margin-top: 0;
  }

  .ready_content {
    padding-top: 71px;
    padding-bottom: 89px;
  }

  .title_ready {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 21px;
  }

  .contact_us {
    font-size: 25px;
    padding-right: 28px;
    background-size: 20px 18px;
    background-position: right;
    width: auto;
    padding-top: 0;
  }

  .footer_contact {
    padding-top: 64px;
    padding-bottom: 153px;
  }

  .title_footer {
    font-size: 19px;
    margin-bottom: 28px;
  }

  .address {
    font-size: 13px;
  }

  .address .item_address {
    line-height: 19px;
    margin-bottom: 16px;
  }

  .item_social:first-child {
    width: 10px;
    margin-right: 14px;
  }

  .item_social:nth-child(2) {
    width: 19px;
    margin-right: 14px;
  }

  .item_social:last-child {
    width: 19px;
  }

  .mobile_info {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 50px;
    background-color: #8cd432;
    color: #000;
    font-size: 13px;
    font-family: "HelveticaNeueLTPro";
    background-image: url("../img/eye.png");
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: 42px center;
    padding-top: 17px;
    padding-right: 41px;
    text-align: right;
  }

  .section_ind_project {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button_project {
    width: 140px;
    height: 50px;
    font-size: 13px;
    bottom: 40px;
    right: -10px;
  }

  .title_project {
    font-size: 23px;
    line-height: 26px;
    margin-top: 5px;
  }

  .content_teammate.shown {
    display: block;
    overflow: visible;
    animation: teamHoverM 0.5s;
    animation-fill-mode: forwards;
    padding-left: 0px;
    padding-right: 0px;
  }

  .content_teammate.hiding {
    animation: teamHoverOutM 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
  }

  .content_member_perss.shown {
    animation: teamHoverOutM 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
  }

  .content_member_perss.reshown {
    animation: teamHoverM 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
  }

  .section_ind_project.shown2 {
    display: block;
    overflow: visible;
    animation: teamHoverM 0.5s;
    animation-fill-mode: forwards;
    padding-left: 0px;
    padding-right: 0px;
  }

  .section_ind_project.hiding2 {
    animation: teamHoverOutM 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
  }

  .content_team_member.shown {
    display: block;
    overflow: visible;
    animation: teamHoverM 0.5s;
    animation-fill-mode: forwards;
  }

  .content_team_member.hiding {
    animation: teamHoverOutM 0.5s;
    animation-fill-mode: forwards;
    overflow: hidden;
  }

  .btn_linkedin_txt {
    padding-left: 20px;
    padding-top: 17px;
  }

  .see_team:after {
    width: 21px;
    background-size: 21px auto;
    background-position: right;
  }

  .btn_prj_txt {
    padding-top: 17px;
  }

  .close_mb,
  .close_mb1,
  .close_mb2,
  .close_mb3 {
    display: none;
    width: 15px;
    height: 15px;
    top: 20px;
    right: 20px;
    position: absolute;
    z-index: 9;
    background-image: url("../img/close.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  /*case studies*/
  .top_case_study {
    padding-top: 43px;
  }

  .hero_img_case {
    height: 346px;
    position: relative;
    z-index: 99;
  }

  .the_img_case {
    max-width: 200px;
  }

  .txt_sh_p {
    font-size: 19px;
    line-height: 29px;
    padding-left: 24px;
  }

  .txt_sh_p:before {
    top: 7px;
    width: 9px;
    height: calc(100% - 15px);
  }

  .short_presentation {
    padding-top: 90px;
  }

  .content_sh_p {
    width: 100%;
    margin-top: 13px;
  }

  .left_sh_p {
    float: none;
    width: 100%;
  }

  .right_sh_p {
    width: 141px;
    float: none;
    height: auto;
    display: inline-block;
    margin-top: 27px;
  }

  .btn_sh_p {
    height: 50px;
    font-size: 13px;
  }

  .btn_see_sh_p {
    padding-top: 17px;
  }

  .pres_section {
    padding-top: 70px;
  }

  .img_pres_top {
    height: 346px;
    margin-bottom: 34px;
  }

  .img_pres_top img {
    object-fit: cover;
  }

  .pres_section .title_h {
    line-height: 44px;
  }

  .txt_pres_content {
    margin-top: 12px;
    float: none;
    width: 100%;
    padding-left: 30px;
    padding-right: 7px;
  }

  .txt_pc_ind:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .txt_pc_ind {
    float: none;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
  }

  .images_show {
    margin-top: 63px;
    margin-bottom: 0px;
  }

  .ind_img_show {
    float: none;
    clear: both;
    width: 100%;
    height: 200px;
    margin-top: 15px;
  }

  .ind_img_show img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .imghide {
    display: none;
  }

  .imgshow {
    display: block;
  }

  .screens_pres {
    padding: 0 0 0;
    margin-top: 61px;
    margin-bottom: -14px;
  }

  .btn_pres_see {
    width: 141px;
    height: 50px;
    margin: 63px auto 70px;
    font-size: 13px;
  }

  .btn_pres_see_txt {
    padding-top: 16px;
  }

  .txt_content {
    font-size: 25px;
  }

  .section_next_img {
    height: 345px;
    background-position: center;
  }

  .section_next {
    margin-bottom: 93px;
  }

  .bg_behind {
    bottom: -147px;
    background-size: 414px 434px;
    background-position: calc(100% + 130px) calc(100% + 63px);
  }

  /*case studies*/
  /*contact page*/
  .msg_contact {
    font-size: 35px;
    line-height: 44px;
    color: #8cd432;
  }

  .msg_contact b {
    color: #000;
  }

  .contact_section {
    padding-top: 55px;
    padding-bottom: 100px;
  }

  .contact_txt {
    width: 100%;
  }

  .msg_inform {
    font-size: 19px;
    line-height: 29px;
    padding-left: 24px;
    margin-top: 18px;
    padding-right: 50px;
  }

  .msg_inform a {
    display: inline-block;
    width: 100%;
  }

  .msg_inform:before {
    top: 7px;
    width: 9px;
    height: calc(100% - 15px);
  }

  .drop_us {
    padding-top: 14px;
    font-size: 25px;
    background-size: 20px 18px;
    background-position: 230px 20px;
    background-repeat: no-repeat;
    line-height: 30px;
    background-image: none;
  }

  .contact_form {
    padding-bottom: 100px;
  }

  .real_content_form {
    padding-top: 30px;
  }

  .txt_form {
    font-size: 19px;
    line-height: 34px;
  }

  .btn_to_send {
    margin-top: 52px;
  }

  .btn_to_send_contact {
    width: 141px;
    height: 50px;
    font-size: 13px;
  }

  .btn_send_form {
    padding-top: 17px;
  }

  .input_c {
    font-size: 19px;
    line-height: 34px;
    height: 34px;
  }

  .the_input:after {
    top: 8px;
    height: calc(100% - 19px);
  }

  .fullname {
    width: 141px;
    min-width: 10px;
    max-width: 320px;
  }

  .contact_section:after {
    bottom: -103px;
    background-size: 414px 434px;
    background-position: calc(100% + 96px) calc(100% + 28px);
  }

  .the_input {
    width: 100%;
  }

  .mobile {
    display: inline-block;
  }

  .desktop {
    display: none;
  }

  .mesaj_eroare {
    font-size: 13px;
    line-height: 21.25px;
    margin-top: 15px;
  }

  .mesaj_eroare_svp {
    font-size: 13px;
    line-height: 21.25px;
    margin-top: 15px;
  }

  .text_scf {
    font-size: 25px;
    line-height: 32px;
  }

  .text_scf:first-child {
    margin-bottom: 10px;
  }

  .btn_to_reload_contact {
    margin-top: 32px;
    width: 192px;
    height: 50px;
    font-size: 13px;
  }

  .btn_to_reload {
    padding-top: 17px;
  }

  .success_content_form {
    padding-top: 32px;
  }

  /*contact page*/
  /*team page*/
  .msg_team {
    display: block;
    font-size: 35px;
    line-height: 44px;
  }

  .teampage_section {
    padding-top: 71px;
    padding-bottom: 154px;
  }

  .title_h .chg {
    display: inline-block;
    width: 100%;
  }

  .team_ctn .title_h {
    line-height: 44px;
  }

  .content_team_ctn {
    width: 100%;
    margin-top: 20px;
  }

  .ind_team_member {
    width: 100%;
    height: 345px;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
    clear: both;
  }

  .dev_team {
    padding-top: 34px;
  }

  .real_ctm {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
  }

  .name_ctm {
    font-size: 25px;
    line-height: 30px;
  }

  .position_ctm {
    padding-left: 11px;
    font-size: 19px;
    line-height: 23px;
    margin-top: 4px;
  }

  .position_ctm:before {
    top: 4px;
    width: 6px;
    height: 14px;
  }

  .description_ctm {
    font-size: 13px;
    line-height: 22px;
    margin-top: 13px;
  }

  .changeit {
    color: #8cd432;
  }

  .bweb_perss .title_h {
    line-height: 44px;
  }

  .mkt_team {
    padding-top: 36px;
    padding-bottom: 90px;
  }

  .content_bweb_perss {
    padding-top: 20px;
  }

  .ind_member_perss {
    width: 100%;
    float: none;
    height: 345px;
  }

  .real_ct_perss {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 45px;
  }

  .title_perss {
    font-size: 25px;
    line-height: 30px;
  }

  .description_perss {
    line-height: 22px;
    font-size: 13px;
    margin-top: 12px;
  }

  .mobile_info_team {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 50px;
    background-color: #8cd432;
    color: #000;
    font-size: 13px;
    font-family: "HelveticaNeueLTPro";
    background-image: url("../img/eye.png");
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: 42px center;
    padding-top: 17px;
    padding-right: 41px;
    text-align: right;
  }

  .mobile_info2 {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 50px;
    background-color: #8cd432;
    color: #000;
    font-size: 13px;
    font-family: "HelveticaNeueLTPro";
    background-image: url("../img/eye.png");
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: 42px center;
    padding-top: 17px;
    padding-right: 41px;
    text-align: right;
  }

  .mobile_perss {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
    font-size: 13px;
    font-family: "HelveticaNeueLTPro";
    background-image: url(../img/eye.png);
    background-repeat: no-repeat;
    background-size: 20px 11px;
    background-position: 30px center;
    padding-top: 17px;
    padding-right: 31px;
    text-align: right;
    z-index: 9;
  }

  .teampage_section:after {
    bottom: -103px;
    background-size: 414px 434px;
    background-position: calc(100% + 122px) calc(100% + 6px);
  }

  /*team page*/
  /*our services page*/
  .content_services_page {
    width: 100%;
    padding-bottom: 100px;
  }

  .left_svp,
  .right_svp {
    float: none;
    width: 100%;
  }

  .ind_svp {
    height: 364px;
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .ind_svp:after {
    top: 12px;
    right: 19px;
    font-size: 21px;
  }

  .checked.c_true {
    background-size: 13px auto;
  }

  .ind_svp:nth-child(2n) {
    width: 100%;
    margin-right: 0;
  }

  .content_svp {
    padding: 25px 40px 0;
  }

  .img_svp {
    height: 31px;
  }

  .title_svp {
    font-size: 25px;
    line-height: 30px;
    margin-top: 14px;
  }

  .txt_svp {
    font-size: 13px;
    line-height: 24px;
    margin-top: 15px;
  }

  .interested_svp {
    bottom: 20px;
    right: 20px;
    width: calc(100% - 50px);
  }

  .txt_interested {
    font-size: 13px;
    padding-top: 7px;
    width: calc(100% - 40px);
    text-align: right;
  }

  .checkbox_svp {
    width: 30px;
    height: 30px;
    border: 2px solid #8cd432;
  }

  .title_rsvp {
    font-size: 25px;
    line-height: 30px;
  }

  .input_rsvp:first-child {
    margin-bottom: 0px;
  }

  .input_rsvp {
    width: 100%;
  }

  .input_svp {
    font-size: 19px;
  }

  .input_rsvp:after {
    height: calc(100% - 14px);
    top: 6px;
  }

  .button_rsvp {
    width: 141px;
    height: 50px;

    font-size: 13px;
  }

  .btn_svp {
    padding-top: 17px;
  }

  .form_rsvp {
    padding-top: 27px;
  }

  .content_rsvp {
    padding-left: 0;
    padding-top: 36px;
    margin-top: 0;
  }

  .content_services_page {
    padding-top: 46px;
  }

  /*our services page*/
  .ind_omc.anim_omc {
    width: 100%;
  }

  .button_rsvp_reload {
    margin-top: 32px;
    width: 192px;
    height: 50px;
    font-size: 13px;
  }

  .btn_svp_reload {
    padding-top: 17px;
  }

  .title_svp_success {
    font-size: 25px;
    line-height: 32px;
  }

  .form_ourservices {
    position: relative;
    top: 0;
  }

  .we_are_msg_content {
    width: 100%;
  }

  .msg_contact {
    display: block;
  }

  .text_work br {
    display: none;
  }

  span.arr_next_tc {
    width: 22px;
    height: 11px;
    margin-left: 9px;
    margin-bottom: 2px;
  }

  /* Blog */

  .title_blog {
    line-height: 44px;
  }

  .blog_filters {
    margin-bottom: 30px;
  }

  .filter_item {
    margin-bottom: 10px;
  }

  .filter_item p {
    font-size: 19px;
  }

  .filter_item img {
    height: 15px;
    width: 13px;
    margin-left: 5px;
  }

  .blog_article {
    width: 100%;
  }

  .blog_content {
    padding: 45px 40px;
  }

  .article_title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px;
  }

  .article_short_desc {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .article_a_time {
    display: block;
  }

  .article_author {
    margin: 0;
    margin-bottom: 10px;
  }

  .navigator a {
    height: 50px;
    max-width: 50px;
    font-size: 13px;
  }

  .navigator a:nth-child(4) {
    display: none;
  }

  .article_a_time img {
    width: 55px;
    height: 55px;
  }

  .author_name {
    font-size: 19px;
  }

  .article_timestamp {
    font-size: 13px;
  }

  .left-navigator,
  .right-navigator {
    padding: 0;
    height: 14px;
    width: auto;
  }

  .filters_toggle {
    display: flex;
  }

  .blog_filters {
    display: none;
  }

  .blog_articles_container {
    margin: 0;
    width: 100%;
  }

  .blog_mobile {
    display: block;
  }

  /* End Blog */

  /* Blog article */

  .blog_article_individual img {
    object-fit: cover;
    /*height: 345px;*/
  }

  .blog_article_individual img.main_article_img {
    width: calc(100% + 80px);
    margin-left: -40px;
  }

  .article_content {
    display: block;
    margin-top: 48px;
  }

  .author {
    margin-bottom: 45px;
    margin-top: -105px;
    text-align: center;
  }

  .author img {
    width: 100px;
    height: 100px;
  }

  .a_name {
    font-size: 19px;
  }

  .a_date {
    font-size: 13px;
  }

  .a_title {
    font-size: 25px;
    line-height: 35px;
  }

  .a_text {
    font-size: 13px;
    line-height: 24px;
    width: 100%;
    margin-top: 40px;
  }

  .blog_article_nav {
    flex-direction: column;
    margin-bottom: 25px;
  }

  .blog_article_nav a {
    width: 100%;
  }

  .prev_article,
  .next_article {
    width: 100%;
    font-size: 13px;
    padding: 40px;
  }

  .prev_article p,
  .next_article p {
    margin-bottom: 7px;
  }

  .prev_title,
  .next_title {
    font-size: 18px;
    line-height: 25px;
  }

  .back_to_blog {
    margin-bottom: 100px;
  }

  .error_no_article {
    font-size: 40px;

  }

  div.a_text img {
    max-width: 100%;
    width: 100% !important;
    height: auto;
  }

  /* End Blog Article */


  /*=========================================*/
  /*================SHOPIFY==================*/

  .content_top .content_shopify {
    flex-direction: column;
  }

  .content_shopify_1.content_shopify_img {
    width: 100%;
    /* max-width: 280px; */
    max-width: 317px;
    max-height: 280px;
    margin-top: 40px;
  }

  .content_shopify .title_h.shopify {
    font-size: 35px !important;
  }

  .content_top .content_shopify_1 {
    width: 100%;
    font-size: 35px;
    line-height: 44px;
  }

  .title_h.redy_shopify::after {
    width: 21px;
    background-size: 21px auto;
    background-position: right;
    /* bottom: -7px;
    right: 12px; */
  }

  .services_first_line .ind_svp:nth-child() {
    height: 399px !important;
  }

  .shopify_content_r {
    max-width: 78%;
    padding-top: 70px;
    padding-bottom: 70px !important;
  }

  .title_h.redy_shopify {
    color: #000;
    font-size: 24.997px !important;
    font-weight: 700;
    line-height: 30.5px;
  }

  .shopify_services.container_l .title_h {
    font-size: 35px !important;
    padding-left: 40px;
  }

  .shopify_services .content_services_page {
    padding-top: 40px;
  }

  .content_shopify_svp {
    padding: 0px;
  }

  .img_partner img {
    height: 50px;
    width: auto;
  }

  .shopify_services.container_l {
    padding-left: 0px;
  }

  .ind_svp.ind_shopify_svp {
    height: auto;
    padding: 40px;
    margin-bottom: 2px;
  }

  .services_shp {
    padding-bottom: 70px;
  }

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

  .reviews_shopify .title_h {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sticky_shopify {
    padding-right: 21px;
    padding-left: 21px;

  }

  .sticky_txt.txt_svp {
    line-height: 15px;
  }

  .sticky_shopify .btn_svp {
    padding-left: 17px !important;
    padding-right: 17px !important;
    font-size: 11.25px !important;
    line-height: 19.048px !important;
  }

  .sticky_now {
    display: none;
  }

  .popup-content {
    width: calc(100% - 10px - 10px);
    padding: 40px 20px;
  }

  .popup .title_servicies {
    font-size: 25px;
    margin: 0px 0px 40px;
    line-height: 30.5px;
  }

  .popup .label_txt {
    line-height: 21.25px;
    font-size: 10px;

  }

  .popup .shopify_contact input,
  .popup .shopify_contact textarea {
    line-height: 21.25px;
    font-size: 13px
  }

  .popup .shopify_contact #message {
    height: 100px;
  }

  .popup .btn_to_send_contact {
    margin: 0 auto;
  }

  .container_close_btn {
    max-width: 33px;
    max-height: 33px;
    right: -16px;
  }

  #shopify_contact_form #site_services {
    line-height: 21.25px;
    font-size: 13px;
  }

  #shopify_contact_form option {
    line-height: 21.25px;
    font-size: 13px;
  }

  .popup_confirm_content {
    max-width: 340px;
    max-height: 215px;
    padding: 50px 20px;
  }

  .btn_svp.close_confirm_msg {
    padding: 13px 20px;
    height: 100%;
  }

  #shp_message_sent .confirm_msg.button_rsvp {
    max-width: 104px;
    height: 50px;
    margin: 0 auto;
  }

  .title_confirm_msg {
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .popup .name,
  .popup .lastname,
  .popup .phone,
  .popup .email {
    width: 100%;
  }

  .popup .d-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: unset
  }

  .form_message_error {
    line-height: 11.5px;
    font-size: 10px;
  }

  #contactPopup .btn_to_send {
    margin-top: 20px;
  }

  .content_top.shopify_top {
    padding-top: 43px;
    padding-bottom: 88px;
  }

  .client_reviews.container.reviews_shopify {
    padding-top: 70px;
  }

  .client_reviews.container.reviews_shopify .reviews_content {
    margin-top: unset;
  }

  .shopify_services .content_services_page .ind_svp {
    height: auto;
  }

  /*================ END SHOPIFY ==================*/
  /*=========================================*/

}

/* JEMBA RULES */

@media (max-width: 800px) {

  .interested_serv {
    position: relative !important;
    margin-top: 9.444444444444444vw !important;
    width: 100%;
    bottom: 0;
  }

  .img_svp {
    height: 6.944444444444444vw;
    width: auto;
  }

  .title_rsvp {
    font-size: 6.944444444444444vw !important;
    line-height: 8.472222222222222vw !important;
    margin-top: 6.944444444444444vw;
  }

  .txt_svp {
    font-size: 3.611111111111111vw !important;
    line-height: 6.111111111111111vw !important;
    margin-top: 4.166666666666667vw;
  }

  .ind_svp {
    background: none;
    box-shadow: none;
    height: auto;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
  }

  .ind_svp::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #F2F2F2;
    margin-bottom: 11.11111111111111vw;
  }

  .services_first_line>div:first-of-type::before {
    display: none;
  }

  .title_h {
    font-size: 9.722222222222222vw;
  }

  .content_services_page {
    padding: 0px !important;
    margin-top: 7.222222222222222vw !important;
  }

  .button_rsvp.sticky_btn {
    height: 12.5vw;
    width: 35vw;

  }

  .button_rsvp.sticky_btn .btn_svp {
    padding-top: 5.138888888888889vw !important;
    padding-bottom: 5.138888888888889vw !important;
    line-height: 2.222222222222222vw !important;
    font-size: 3.125vw !important;
    text-align: center;
  }

  .container.sticky_shopify>div {
    font-size: 3.611111111111111vw !important;
    line-height: 4.166666666666667vw !important;
  }

  .sticky_txt.txt_svp {
    width: 49.58333333333333vw;
  }

  .container.sticky_shopify {
    padding-top: 3.125vw !important;
    padding-right: 3.125vw !important;
    padding-bottom: 3.125vw !important;
    padding-left: 6.041666666666667vw !important;
    column-gap: 6.25vw;
    justify-content: space-between;
  }

  /* CERTIFICATIONS SECTION BY JEMBA */


  #certifications {
    margin-left: 5.555555555555556vw;
    margin-right: 5.555555555555556vw;
    display: grid;
    grid-row-gap: 1px;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    margin-bottom: 9.739583333333333vw;
  }

  .certification {
    background-color: rgb(255, 255, 255);
    padding: 9.722222222222222vw;
    box-shadow: 0px 35px 70px 0px rgba(0, 0, 0, 0.05);
    position: relative;
  }

  .certifiedPartner {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    align-items: baseline;
    gap: 2.222222222222222vw;
    margin-top: 6.388888888888889vw;
  }

  .greenMarker {
    width: 0.8916666666666667vw;
    height: 2.5vw;
    background-color: #8CD432;
  }

  .certifiedPartnerText {
    font-size: 3.611111111111111vw;
    font-family: "HelveticaNeueLTPro";
    font-weight: bold;
    line-height: 0px;
  }

  .certificationType {
    font-family: "Poppins", sans-serif;
    font-size: 6.944444444444444vw;
    line-height: 8.472222222222222vw;
    font-weight: 700;
    margin-top: 3.472222222222222vw;
    margin-bottom: -2.222222222222222vw;
  }

  .badge {
    width: 31.66666666666667vw;
    position: absolute;
    right: -6.319444444444444vw;
    bottom: -14.16666666666667vw;
    z-index: 98;
  }

  .certificationSvg {
    height: 6.944444444444444vw;
    margin-left: 0px;
  }

  #shopifySectionTitle {
    line-height: 12.22222222222222vw;
    font-family: "Poppins", sans-serif;
    font-size: 9.722222222222222vw;
    font-weight: 700;
    margin-left: 5.555555555555556vw;
    margin-right: 5.555555555555556vw;
    margin-bottom: 8.333333333333333vw;
  }

  .content_services_page.services_shp {
    width: unset;
    margin-right: 0vw;
  }

}

/* END CERTIFICATIONS SECTION BY JEMBA */



/* JEMBA RULES END */

@media (max-width: 675px) {
  .title_h.redy_shopify br {
    display: flex;
  }
}