.c-hero-aboutus {
  padding: calc(var(--space-default) * 30) var(--padding-default);
}

@media only screen and (max-width: 768px) {
  .c-hero-aboutus {
    padding-top: calc(var(--space-default) * 20);
    padding-bottom: calc(var(--space-default) * 20);
  }
}

@media only screen and (max-width: 480px) {
  .c-hero-aboutus {
    padding-top: calc(var(--space-default) * 14);
    padding-bottom: calc(var(--space-default) * 14);
  }
}

.c-hero-aboutus__title {
  text-indent: calc(var(--space-default) * 90);
  margin-bottom: calc(var(--space-default) * 28);
  position: relative;
  z-index: var(--zindex-normal);
}

@media only screen and (max-width: 1024px) {
  .c-hero-aboutus__title {
    text-indent: calc(var(--space-default) * 25);
  }
}

@media only screen and (max-width: 768px) {
  .c-hero-aboutus__title {
    margin-bottom: calc(var(--space-default) * 20);
  }
}

@media only screen and (max-width: 480px) {
  .c-hero-aboutus__title {
    text-indent: calc(var(--space-default) * 15);
    margin-bottom: calc(var(--space-default) * 14);
  }
}

.c-hero-aboutus__description {
  font-size: 22px;
  line-height: 1.27273;
  max-width: 570px;
  position: relative;
  z-index: var(--zindex-normal);
}

@media only screen and (max-width: 768px) {
  .c-hero-aboutus__description {
    max-width: initial;
  }
}

.c-hero-aboutus__image {
  position: absolute;
  width: 215px;
  z-index: 0 !important;
  top: -50px;
  left: 150px;
}

.c-hero-aboutus__image::after {
  content: '';
  background-color: var(--color-primary);
  opacity: .5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .c-hero-aboutus__image {
    display: none;
  }
}

.c-about-areas {
  padding: calc(var(--space-default) * 30) var(--padding-default);
}

@media only screen and (max-width: 560px) {
  .c-about-areas {
    padding-top: calc(var(--space-default) * 14);
    padding-bottom: calc(var(--space-default) * 14);
  }
}

.c-about-areas__section {
  margin-bottom: calc(var(--space-default) * 23);
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 560px) {
  .c-about-areas__section {
    margin-bottom: calc(var(--space-default) * 14);
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-about-areas__section:last-of-type {
  margin-bottom: 0;
}

.c-about-areas__title {
  max-width: 320px;
  margin-right: calc(var(--space-default) * 33);
  width: 100%;
  -webkit-box-flex: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

@media only screen and (max-width: 768px) {
  .c-about-areas__title {
    max-width: 250px;
    margin-right: calc(var(--space-default) * 6);
  }
}

@media only screen and (max-width: 560px) {
  .c-about-areas__title {
    max-width: initial;
    margin-right: 0;
    margin-bottom: calc(var(--space-default) * 10);
  }
}

.c-about-areas__list {
  -webkit-box-flex: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
  -moz-column-gap: calc(var(--space-default) * 5);
  -webkit-column-gap: calc(var(--space-default) * 5);
  column-gap: calc(var(--space-default) * 5);
}

@media only screen and (max-width: 560px) {
  .c-about-areas__list {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

.c-about-areas__list__item {
  position: relative;
  padding-left: calc(var(--space-default) * 6);
  margin-bottom: 0;
}

.c-about-areas__list__item:last-of-type {
  margin-bottom: 0;
}

.c-about-areas__list__item::before {
  content: '';
  width: 2px;
  height: 2px;
  background-color: var(--color-primary);
  display: block;
  position: absolute;
  left: 0;
  top: calc(var(--space-default) * 4);
}

.o-gallery--clientes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: calc(calc(var(--space-default) * 5) * -1) 0 0 calc(calc(var(--space-default) * 5) * -1);
}

.o-gallery--clientes>* {
  padding: calc(var(--space-default) * 5) 0 0 calc(var(--space-default) * 5);
  background-clip: content-box;
}

@supports (grid-area: auto) {
  .o-gallery--clientes {
    margin: 0;
  }

  .o-gallery--clientes>* {
    padding: 0;
    max-width: none !important;
  }
}

.o-gallery--clientes::after {
  content: "";
  clear: both;
  display: table;
}

.o-gallery--clientes>* {
  float: left;
  width: calc(100% / 3);
}

@supports (grid-area: auto) {
  .o-gallery--clientes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: calc(var(--space-default) * 5);
  }

  .o-gallery--clientes>* {
    width: auto;
  }
}

.js-reveal-image {
  position: relative;
  z-index: 2;
  -webkit-clip-path: polygon(50% 100%, 50% 100%, 50% 100%, 50% 100%);
          clip-path: polygon(50% 100%, 50% 100%, 50% 100%, 50% 100%);
  -webkit-transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: clip-path;
}

@supports (-ms-ime-align: auto) {
  .js-reveal-image {
    overflow: hidden;
  }
}

.js-reveal-image ~ img,
.js-reveal-image ~ picture {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity;
}

.js-reveal-image.reveal {
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
  -webkit-transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path 1s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: clip-path;
}

.js-reveal-image.reveal ~ img,
.js-reveal-image.reveal ~ picture {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity;
}