@font-face {
  font-family: mulish;
  src: url("../font/Mulish-Regular.ttf");
}
@font-face {
  font-family: nunito;
  src: url("../font/NunitoSans_10pt-Light.ttf");
}
@font-face {
  font-family: raleway;
  src: url("../font/Raleway-Light.ttf");
}
@font-face {
  font-family: zenmaru;
  src: url("../font/ZenMaruGothic-Regular.ttf");
}
.all-body {
  margin: 0px;
}
.all-body.green {
  background: #ebffe3;
}

.no-list-bullet {
  list-style-type: none;
}

.font-default-police {
  font-family: nunito;
}

.success-color {
  color: #009100;
}

.flex-box {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.flex-box.left {
  justify-content: left;
}
.flex-box.right {
  justify-content: right;
}
.flex-box.wrap {
  flex-wrap: wrap;
}
.flex-box.column {
  flex-direction: column;
}
.flex-box.no-align {
  align-items: normal;
}
.flex-box.less-width {
  width: 70%;
}

.navigation-link {
  text-decoration: none;
  color: white;
  font-family: nunito;
  font-size: 15px;
  padding: 10px;
}
.navigation-link.dark {
  color: #0090c9;
}
.navigation-link.purple {
  color: rgb(183, 85, 183);
  padding: 0px 7px;
}
@media (max-width: 750px) {
  .navigation-link.purple {
    font-size: 12px;
  }
}

.realised-by-text {
  font-family: nunito;
}
@media (max-width: 750px) {
  .realised-by-text {
    font-size: 12px;
  }
}

.standard-button {
  font-weight: bold;
  font-family: nunito;
  text-align: center;
  background: #317e31;
  color: white;
  letter-spacing: 0.025em;
  border-radius: 6px;
  border: none;
  text-decoration: none;
  padding: 20px 40px;
  cursor: pointer;
  transition: 0.3s ease;
  overflow: hidden;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
}
.standard-button:hover {
  transform: translate(-3%, -5%);
  box-shadow: 10px 8px 6px rgba(0, 0, 0, 0.2);
}
.standard-button.success {
  background: #009100;
}
.standard-button.success:hover {
  background: #41c041;
}
.standard-button.error {
  background: #d00000;
}

.contact-button {
  font-size: 19px;
  white-space: nowrap;
  margin-top: 30px;
  padding: 25px 50px;
}
.contact-button:hover {
  transform: translate(-1%, -2%);
}
.contact-button.white {
  background: white;
  color: #174617;
}

.tridimentional-container {
  perspective: 1500px;
  width: 24%;
}
@media (max-width: 750px) {
  .tridimentional-container {
    perspective: 0px;
    width: 95%;
  }
}

.card {
  height: 230px;
  padding: 2rem 2rem 5px 2rem;
  margin: 10px;
  border-radius: 12px;
  cursor: pointer;
  font-family: nunito;
  transition: 0.5s ease;
  background: white;
}
@media (max-width: 750px) {
  .card {
    height: fit-content;
    padding: 1rem 1rem 0px 1rem;
  }
}
.card.horizontal {
  height: auto;
  width: 50%;
}
.card.flat-hover:hover {
  transform: translate(-4%, -6%);
}
@media (min-width: 750px) {
  .card.tridimentional-hover:hover {
    transform: rotateY(-30deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
  }
}

.center-text {
  text-align: center;
}

.header-textbox {
  text-align: center;
}

.border-svg {
  display: block;
}
.border-svg.bottom {
  transform: scaleY(-1) translateY(3px);
}
.border-svg.green-background {
  background: #ebffe3;
}

html,
body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

p {
  font-family: nunito;
  text-align: justify;
  font-size: 1.2rem;
  line-height: 1.7;
}
@media (max-width: 750px) {
  p {
    font-size: 15px;
  }
}

.opacity-on-scroll {
  opacity: 0;
  transition: opacity 2s, transform 1.5s, width 0.4s;
}
.opacity-on-scroll.delayed {
  transition: opacity 2s 0.5s, transform 1.5s 0.5s, width 0.4s 0.5s;
}

.translate-on-scroll,
p {
  opacity: 0;
  transition: opacity 2s, transform 1.5s, width 0.4s;
}
.translate-on-scroll.delayed,
p.delayed {
  transition: opacity 2s 0.5s, transform 1.5s 0.5s, width 0.4s 0.5s;
}
.translate-on-scroll.right,
p.right {
  transform: translateX(-100px);
}
.translate-on-scroll.left,
p.left {
  transform: translateX(100px);
}
.translate-on-scroll.right,
p.right {
  transform: translateX(-100px);
}
.translate-on-scroll.mixed-1,
p.mixed-1 {
  transform: translate(100px, 100px);
}
.translate-on-scroll.mixed-2,
p.mixed-2 {
  transform: translate(-100px, 100px);
}
.translate-on-scroll.mixed-3,
p.mixed-3 {
  transform: translate(100px, -100px);
}
.translate-on-scroll.mixed-4,
p.mixed-4 {
  transform: translate(-100px, -100px);
}
.translate-on-scroll.down,
p.down {
  transform: translateY(-100px);
}

.footer-text-margin {
  margin: 0px 5px;
}

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