@font-face {
  font-family: 'Mondapick';
  src: url('../webfonts/otf/Mondapick.otf') format('otf'), url('../webfonts/ttf/Mondapick.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mondapick';
  src: url('../webfonts/otf/Mondapick-Thin.otf') format('otf'), url('../webfonts/ttf/Mondapick-Thin.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

.text-numans16, .text-numans20, .text-numans24, .text-numans36, .text-numans48 {
  font-family: 'Numans', sans-serif;
}

.text-monda16, .text-monda20 {
  font-family: 'Mondapick', sans-serif;
}


body {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.top-menu {
  background-color: #2D3F4C;
}



/* stroke */

.header-menu ul li a {
  position: relative;
  display: inline-block;
  text-decoration-color: #19B097;
  height: auto;
  left: 0;
}


.header-menu ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  transform-origin: left;
  margin: auto;
  width: 0%;
  content: ' ';
  background: #1EB49B;
  height: 2px;
  transition: all .5s;
}

.header-menu ul li a:hover:after {
  width: 100%;


}


.header-menu ul li a:hover {
  z-index: 1;
  transition: all .5s;
}


.header-menu [aria-current]::after {
  display: block;
  content: '';
  width: 40%;
  height: 2px;
  background: #19B097;
  position: absolute;
  bottom: 0;
  left: 0;
}

[aria-current] {
  position: relative;
}

.logo-white {
  background-image: url("../images/logo_white.svg") !important;
  background-repeat: no-repeat;
  height: 44px;
  width: 167px;
  background-position: center center;
  background-size: cover;
  display: block;
}

.logo-black {
  background-image: url("../images/logo_black_letter.svg");
  background-repeat: no-repeat;
  height: 44px;
  width: 167px;
  background-position: center center;
  background-size: cover;
  display: block;
}

.logo-green {
  background-image: url("../images/logo_green_icon.svg");
  background-repeat: no-repeat;
  height: 44px;
  width: 167px;
  background-position: center center;
  background-size: cover;
  display: inline-block;
}

.text-color {
  color: #5C5A5A;
}

.home-text {
  position: relative;
}

.home-image {
  background-repeat: no-repeat;
  background-position: center center;
}

.home-image-2 {
  background-repeat: no-repeat;
  height: 450px;
  background-position: center center;
}

.social-block {
  position: absolute;
  right: 3vw;
  top: 45.25rem;
  display: block;
}

.social-block>ul>li {
  height: 4vh;
}

.advantages {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-position-y: 4rem;
  background-image: url("../images/advantages.png");
}

/* CARDS LINKS */

.card-links a {
  position: relative;
  display: block;
  text-decoration: none;
  transition: 300ms;
  color: #C4C4C4;
}

.card-links a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  background: #2D3F4C;
  transition: transform 300ms;
  transform: scaleX(0);
  transform-origin: right;
}

.card-links a:hover, .card-links .active {
  color: #2D3F4C;
}

.card-links a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/*site links */
.site-links {
  position: relative;
  display: inline-block;
  transition: 300ms;
  text-decoration-color: #19B097;
  height: auto;
  left: 0;
  text-underline-offset: 10px;
}

.site-links::before {
  position: absolute;
  content: "";
  width: 10%;
  left: 0;
  background: #1EB49B;
  transition: transform 500ms;
  transform: scaleX(0);
  transform-origin: left;
  text-underline-offset: 10px;
}

.site-links::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 115%;
  left: 0;
  background: #1EB49B;
  transition: transform 500ms;
  transform: scaleX(0);
  transform-origin: right;
  text-underline-offset: 10px;
}


.site-links:hover::after {
  transform: scaleX(1);
  transform-origin: left;
  text-underline-offset: 10px;
}

/* LINKS WHITE LINE */
.site-links-white {
  position: relative;
  display: inline-block;
  transition: 300ms;
  text-decoration-color: #FFF;
  text-underline-offset: 10px;
  height: auto;
  left: 0;
}

.site-links-white::before {
  position: absolute;
  content: "";
  width: auto;
  left: 0;
  background: #FFF;
  transition: transform 500ms;
  transform: scaleX(0);
  transform-origin: left;
}

.site-links-white::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 115%;
  left: 0;
  background: #FFF;
  transition: transform 500ms;
  transform: scaleX(0);
  transform-origin: right;
}


.site-links-white:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/*ABOUT */

.header-about {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: linear-gradient(180deg, #2D3F4C 0%, rgba(45, 63, 76, 0) 100%), url("../images/header_about.png")
}

.impact {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-position-y: 4rem;
  background-image: url("../images/impact.png");
}

.mission-bg {
  background-repeat: no-repeat;
  height: 67vh;
  background-position: center center;
  background-size: cover;
  display: block;
}

/*LINKS*/
.about-links {
  display: block;
  transition: 300ms;
  text-decoration-color: #19B097;
  text-underline-offset: 10px;
  text-decoration: underline;
  transition: all .3s ease-in-out;
}


.about-links:hover {
  color: #2D3F4C;
  transform: scale(1.2);


}


/*SERVICES */

.header-services {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: linear-gradient(180deg, #2D3F4C 0%, rgba(45, 63, 76, 0) 100%), url("../images/header_services.png")
}

/*CONTACT */


.header-contact {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #fff;
}

.uniform__potty {
  position: absolute;
  left: -9999px;
}

.uniform-errors__item {
  color: red;
  font-family: 'Numans', sans-serif;
  font: 200;
  font-size: 1.1rem;
}

.scrollingText {
  font-size: clamp(2rem, -1.3333rem + 15.5vw, 15rem);
  font-weight: 500;
  font-family: 'Numans', sans-serif;
  color: #374854;
  white-space: nowrap;
}

.imgcontainer {
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background: #000;
}

.reveal {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: 0;
  zoom: 1;
}


/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  position: relative;
}

.reveal-effect.animated:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #141414;
  position: absolute;
  left: 0;
  top: 0;
  animation: 1s reveal linear forwards;
  -webkit-animation-duration: 1s;
  z-index: 1;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.animated>* {
  animation: 1s reveal-inner linear forwards;
}

@-webkit-keyframes reveal {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 100%;
  }

  51% {
    left: auto;
    right: 0;
  }

  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}

@-webkit-keyframes reveal-inner {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  50% {
    visibility: hidden;
    opacity: 0;
  }

  51% {
    visibility: visible;
    opacity: 1;
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

.down_arrow {
  top: 51rem;
  left: 4rem;
}

/*SLIDER ARROWS */

.slide_left {
  background-image: url(../images/seta_cinza_01.svg);
  display: inline;
  width: 27px;
  height: 23px;
  transition: all 0.5s ease;
}

.slide_left:hover {
  background-image: url(../images/Seta_verde_02.svg);
  display: inline;
  width: 27px;
  height: 23px;
  transition: all 0.5s ease;
}

.slide_right {
  background-image: url('../images/Seta_cinza_02.svg');
  display: inline;
  width: 27px;
  height: 23px;
  transition: all 0.5s ease;
}

.slide_right:hover {
  background-image: url('../images/Seta_verde_01.svg');
  display: inline;
  width: 27px;
  height: 23px;
  transition: all 0.5s ease;
}

.blue-gray-bg {
  background-image: linear-gradient(90deg, #2d3f4c 60%, #f9f8f8 0%);
}

p>a {
  color: #1EB49B;
}

.anim-zoom-out {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.services-home {
  background: linear-gradient(90deg, #1EB49B 82%, #F9F8F8 0%);
}