@font-face {
  font-family: Gtwall;
  src: url(../../assets/fonts/GT-Walsheim-Pro-Light.ttf);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Gtwall;
  src: url(../../assets/fonts/GT-Walsheim-Pro-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Gtwall;
  src: url(../../assets/fonts/GT-Walsheim-Pro-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Gtwall;
  src: url(../../assets/fonts/GT-Walsheim-Pro-Bold.ttf);
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Gtwall;
  src: url(../../assets/fonts/GT-Walsheim-Pro-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: teste;
  src: url(../../assets/fonts/MORPHEUS.woff);
  font-weight: 700;
  font-display: swap;
}

body,
html {
  overflow-x: hidden;
  background: #fff;
  color: #1d1d1b;
  font-family: "Gtwall", sans-serif;
  font-weight: 300;
  width: 100vw;
  max-width: 100%;
}

/*==========================NOVO=============================*/

/* Medium and up */

.scrollLock {
  overflow: hidden !important;
}

:focus {
  outline: none;
}

::-moz-selection {
  background: #1d1d1b;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #1d1d1b;
  color: #fff;
  text-shadow: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

input::placeholder,
textarea::placeholder {
  color: #5e5e57;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #080707;*/
}

.uppercase {
  text-transform: uppercase;
}

hr {
  border-bottom: 1px solid white;
  width: 100%;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  border-color: white;
  background-color: #fff;
  color: #828282;
  text-shadow: 1px 1px 1px white;
}

[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  border-color: transparent;
  background-color: #fff;
  box-shadow: inset 2px 2px 8px #d9d9d9;
}

p {
  font-weight: 300;
  line-height: 170%;
  font-size: 16px;
  margin-bottom: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gtwall", sans-serif;
  font-weight: 900;
}

.branco {
  color: #fff;
}

.preto {
  color: #000;
}

.amarelo {
  color: #ffed00;
}

.cor1 {
  color: #1d1d1b;
}

.cor2 {
  color: #f9f9f8;
}

.cor3 {
  color: #f7f7f4;
}

.cor4 {
  color: #a8a8a1;
}

.cor5 {
  color: #5e5e57;
}

.cor6 {
  color: #171717;
}

.cor7 {
  color: #379ef2;
}

.cor8 {
  color: #ff9f1c;
}

.cor9 {
  color: #8953c6;
}

.cor10 {
  color: #55af28;
}

.cor11 {
  color: #ef2626;
}

.bg-branco {
  background-color: #fff;
}

.bg-preto {
  background-color: #000;
}

.bg-amarelo {
  background-color: #ffed00;
}

.bg-cor1 {
  background-color: #1d1d1b;
}

.bg-cor2 {
  background-color: #f9f9f8;
}

.bg-cor3 {
  background-color: #f7f7f4;
}

.bg-cor4 {
  background-color: #a8a8a1;
}

.bg-cor5 {
  background-color: #5e5e57;
}

.bg-cor6 {
  background-color: #171717;
}

.bg-cor7 {
  background-color: #379ef2;
}

.bg-cor8 {
  background-color: #ff9f1c;
}

.bg-cor9 {
  background-color: #8953c6;
}

.bg-cor10 {
  background-color: #55af28;
}

.bg-cor11 {
  background-color: #ef2626;
}

.bg-dark {
  color: #f9f9f8;
}

.bg-dark a {
  color: #f9f9f8;
}

.bg-light {
  color: #1d1d1b;
}

.bg-light a {
  color: #1d1d1b;
}

.wow {
  visibility: hidden;
}

.pre-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background: #171717;
  text-align: center;
}

.pre-loader .spinner {
  width: 100px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.pre-loader .spinner .ball {
  width: 20px;
  height: 20px;
  background-color: #ffed00;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.pre-loader p {
  color: #f9f9f8;
  margin-top: 5px;
  letter-spacing: 3px;
  font-size: 10px;
}

@-webkit-keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

@keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

.button {
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  border: 0;
  margin-top: 2vw;
  width: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.button.homePortfolioLink {
  margin: 0;
  width: 100vw;
  background: #ffed00;
  color: #1d1d1b;
}

.button.wide {
  padding-left: 2rem;
  padding-right: 2rem;
}

.bg-dark .button {
  background: #ffed00;
  color: #1d1d1b;
}

.bg-light .button {
  background: #1d1d1b;
  color: #f9f9f8;
}

.share-buttons-box p {
  margin: 0;
}

.share-buttons-box .has-tip {
  border-bottom: 0;
  margin-right: 1px;
}

.share-buttons-box .button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}

.share-buttons-box .button.facebook {
  background: #3b5998;
  color: #fff;
}

.share-buttons-box .button.twitter {
  background: #1da1f2;
  color: #fff;
}

.share-buttons-box .button.linkedin {
  background: #0077b5;
  color: #fff;
}

.share-buttons-box .button.google-plus {
  background: #dc4e41;
  color: #fff;
}

.share-buttons-box .button.whatsapp {
  background: #00d45d;
  color: #fff;
}

.chatWhats {
  position: fixed;
  bottom: 5vh;
  right: 3vh;
  z-index: 5;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 50px;
  border-bottom: 1px solid white;
  z-index: 10;
}

.header ::-moz-selection {
  background: none;
  color: #fff;
  text-shadow: none;
}

.header ::selection {
  background: none;
  color: #fff;
  text-shadow: none;
}

/* .header .contatoTel {
  background-color: #1d1d1b;
  padding: 5px 10px 5px 10px;
  margin-left: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-self: flex-end;
  height: 50px;
} */

.header .contatoTel {
    background-color: #1d1d1b;
    padding: 5px 10px;
    margin-left: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-self: flex-end;
    height: 50px;
    /* Estilo base para todos los dispositivos (sin margin-top) */
    margin-top: 0;
}

/* Aplica el margin-top de -50px solo para dispositivos móviles */
@media only screen and (max-device-width: 400px) and (orientation: portrait) {
    .header .contatoTel {
        margin-top: -50px;
    }
}



.header .contatoTel p {
  color: #f9f9f8;
  font-size: 0.75rem;
  line-height: 1rem;
}

.header .contatoTel:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.5rem;
  color: #ffed00;
  content: "\f3cd";
  width: 25px;
}

.custom-logo {
  max-width: 120px;
  margin-left: -1.2rem;
}

/* Medium and up */

.navButton {
  background-color: #1d1d1b;
  color: #ffed00;
  height: 50px;
  width: 50px;
  font-size: 1.2rem;
  margin-left: -0.987rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
}

.menuHeader {
  font-family: "Gtwall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.menuHeader li {
  border-left: 1px solid white;
}

.menuHeader li a {
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #000;
}

.menuHeader li a:hover,
.menuHeader li a:focus,
.menuHeader li a.active {
  background: #f9f9f8;
}

.menuFazemos li a {
  padding: 0;
}

.menuFazemos li a h1 {
  margin: 0;
  font-weight: 700;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  color: #1d1d1b;
}

.menuFazemos li a:hover h1 {
  color: #fff;
}

.social-media {
  list-style: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0;
}

.social-media li {
  padding: 2vh;
}

.social-media li a {
  color: #1d1d1b;
}

.social-media-menu {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.social-media-menu li {
  padding: 2vh 4vh 2vh 0;
}

.social-media-menu li a {
  color: #ffed00;
}

.responsiveNav {
  min-height: calc(100vh - 50px);
  width: 100vw;
  height: calc(100% - 50px);
  margin-top: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  overflow-y: auto;
  -webkit-transform: translateY(-100vh);
  transform: translateY(-100vh);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.responsiveNav .innerNav {
  padding: 6vh 4vh;
  color: #f7f7f4;
  height: 100%;
}

.responsiveNav .innerNav.side {
  background: #1d1d1b;
  color: #f9f9f8;
}

.responsiveNav .innerNav.side strong {
  color: #f7f7f4;
}

.responsiveNav .innerNav.side i,
.responsiveNav .innerNav.side svg {
  color: #ffed00;
}

.responsiveNav .innerNav.side h5 {
  margin-bottom: 0;
}

.responsiveNav .innerNav .menu {
  margin-bottom: 2vh;
}

.responsiveNav .innerNav .menu li a {
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0.3vh 0;
  color: #f9f9f8;
}

.responsiveNav .innerNav-menu {
  background: #121212;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 100vh;
}

.open .responsiveNav {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.open .responsiveNav .innerNav.side {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.open .responsiveNav .innerNav-menu {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

/* Medium and up */

/* Large and up */

.bannerContainer {
  height: auto;
  background-color: #1d1d1b;
}

.bannerContainer video {
  height: 100%;
  width: 100vw;
  margin: 0;
  padding: 0;
}

.bannerContainerHolder {
  position: relative;
  height: calc(100% - 50px);
}

.bannerPortfolio {
  position: relative;
  min-height: 350px;
  padding-top: 7vh;
  padding-bottom: 4vh;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-box-align: start;
  align-items: flex-start;
  align-items: flex-start !important;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.bannerPortfolio:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.bannerPortfolioInfo {
  position: absolute;
  width: 100%;
  z-index: 5;
  top: 0;
  padding-top: 7vh;
}

.bannerPortfolioInfo p {
  font-weight: 500;
  text-transform: uppercase;
}

.bannerPortfolioInfo p.single_tag {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.bannerPortfolio .portfolioCover {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100vw;
}

/* Medium and up */

/* Large and up */

section,
footer {
  overflow: hidden;
  -webkit-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
  width: 100vw;
}

section.space-section,
footer.space-section {
  padding-top: 7vh;
  padding-bottom: 7vh;
}

.bodyContainer {
  background: #f9f9f8;
  min-height: 50vh;
  margin-top: 50px;
}

.title-big {
  font-weight: 700;
  font-size: 38px;
  line-height: 1;
}

.quemSomos h5 {
  font-weight: 300;
  font-size: 1.5rem;
}

.quemSomosLinkContainer {
  width: 100vw;
  float: left;
  position: relative;
  overflow: hidden;
}

.quemSomosLinkContainer .inner {
  padding: 2vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.quemSomosLinkContainer .inner .project-title {
  font-size: 1.7rem;
}

.quemSomosLinkContainer .link {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.quemSomosLinkContainer:hover .quemSomosLink-foto {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.quemSomosLinkContainer:hover .quemSomosLink-foto::after {
  opacity: 0;
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

.quemSomosLink-foto {
  width: 100vw;
  height: 100vw;
  position: relative;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: calc(100% + 50px);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.quemSomosLink-foto::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(51, 51, 51, 0.5)),
    to(rgba(51, 51, 51, 0))
  );
  background: linear-gradient(
    to bottom,
    rgba(51, 51, 51, 0.5) 0,
    rgba(51, 51, 51, 0) 100%
  );
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  opacity: 1;
}

.boxTitulo {
  border-bottom: 1px solid white;
}

.breadcrumbsContainer .breadcrumbs {
  margin: 0 0 0.5rem;
}

.breadcrumbsContainer .breadcrumbs li {
  color: #1d1d1b;
  font-weight: 700;
}

.breadcrumbsContainer .breadcrumbs li:not(:last-child)::after {
  color: #1d1d1b;
  content: "|";
}

.breadcrumbsContainer .breadcrumbs a,
.breadcrumbsContainer .breadcrumbs .disabled {
  color: #1d1d1b;
  font-weight: 400;
}

.bg-dark .breadcrumbsContainer .breadcrumbs {
  margin: 0;
  color: #f9f9f8;
}

.bg-dark .breadcrumbsContainer .breadcrumbs li {
  color: #f9f9f8;
}

.bg-dark .breadcrumbsContainer .breadcrumbs li:not(:last-child)::after {
  color: #f9f9f8;
}

.bg-dark .breadcrumbsContainer .breadcrumbs a,
.bg-dark .breadcrumbsContainer .breadcrumbs .disabled {
  color: #f9f9f8;
  font-weight: 400;
}

.contatoImagem {
  height: 45vw;
}

.contatoImagem img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

.contatoFormBox {
  padding-top: 7vh;
  padding-bottom: 7vh;
}

.contatoTel,
.contatoEmail,
.contatoLocal {
  padding: 3vh 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.contatoTel p,
.contatoEmail p,
.contatoLocal p {
  margin: 0;
  line-height: 1.3rem;
}

.contatoTel:before,
.contatoEmail:before,
.contatoLocal:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 2rem;
  color: #ffed00;
  content: "\f3cd";
  width: 60px;
}

.contatoTel a,
.contatoTel strong,
.contatoEmail a,
.contatoEmail strong,
.contatoLocal a,
.contatoLocal strong {
  color: #f9f9f8;
}

.contatoTel svg,
.contatoEmail svg,
.contatoLocal svg {
  font-size: 2.5rem;
  margin-right: 1.2rem;
  color: #ffed00;
}

.contatoEmail:before {
  content: "\f2b6";
  font-weight: 400;
}

.contatoEmail svg {
  font-size: 2rem;
  margin-right: 1rem;
  margin-left: -0.3rem;
  color: #ffed00;
}

.contatoLocal:before {
  content: "\f3c5";
  font-weight: 900;
}

.contatoLocal svg {
  font-size: 2rem;
  margin-right: 1.3rem;
  color: #ffed00;
}

.tagsBox .label {
  background: #ffed00;
  color: #1d1d1b;
  font-weight: 700;
  margin-right: 4px;
  margin-bottom: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.bg-light .label {
  background: #171717;
  color: #f7f7f4;
}

.certificacoes-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.certificacoes-item {
  margin: 1rem;
}

.certificacoes-item img {
  max-height: 65px;
  width: auto;
}

/* Medium and up */

/* Large and up */

.portfolioContainer {
  width: 100vw;
  float: left;
  position: relative;
  overflow: hidden;
}

.portfolioContainer .inner {
  padding: 2vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.portfolioContainer .inner .project-title {
  font-size: 1.7rem;
}

.portfolioContainer .link {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.portfolioContainer:hover .portfolio-foto {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolioContainer:hover .portfolio-foto::after {
  opacity: 0;
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

.portfolio-foto {
  width: 100vw;
  height: 100vw;
  position: relative;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: calc(100% + 50px);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.portfolio-foto::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(51, 51, 51, 0.5)),
    to(rgba(51, 51, 51, 0))
  );
  background: linear-gradient(
    to bottom,
    rgba(51, 51, 51, 0.5) 0,
    rgba(51, 51, 51, 0) 100%
  );
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  opacity: 1;
}

.portfolioPage img {
  margin: auto;
  display: block;
}

.portfolio .term-description {
  margin-top: 1rem;
}

.portfolio .term-description P:last-child {
  margin-bottom: 0;
}

.caseDescricao h2 {
  font-size: 1.8rem;
}

.caseDescricao h3 {
  font-size: 1.4rem;
}

.caseDescricao .termList {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.caseDescricao .termList a {
  color: #1d1d1b;
}

.caseDescricao.Dark {
  background: #1d1d1b;
  color: #f9f9f8;
}

.caseDescricao.Dark a {
  color: #f9f9f8;
}

.caseDescricao.Light {
  background: #f9f9f8;
  color: #1d1d1b;
}

.caseDescricao.Light a {
  color: #1d1d1b;
}

.caseObjetivo .title-big {
  font-size: 1.4rem;
}

.caseObjetivo.Dark {
  background: #1d1d1b;
  color: #f9f9f8;
}

.caseObjetivo.Dark a {
  color: #f9f9f8;
}

.caseObjetivo.Light {
  background: #f9f9f8;
  color: #1d1d1b;
}

.caseObjetivo.Light a {
  color: #1d1d1b;
}

.owlPortfolioSlider {
  position: relative;
}

.owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.owl-dot span {
  background: #a8a8a1 !important;
}

.owl-dot.active span {
  background: #ffed00 !important;
}

.bgPortfolioDark {
  background-color: #1d1d1b;
  color: #f9f9f8;
}

.bgPortfolioDark a {
  color: #f9f9f8;
}

.bgPortfolioDark .breadcrumbs li {
  color: #f9f9f8;
}

.bgPortfolioDark .breadcrumbs li:not(:last-child)::after {
  color: #f9f9f8;
}

.bgPortfolioDark .breadcrumbs li a {
  color: #f9f9f8;
}

.bgPortfolioLight {
  background-color: #f9f9f8;
  color: #1d1d1b;
}

.bgPortfolioLight a {
  color: #1d1d1b;
}

.bgPortfolioLight .breadcrumbs li {
  color: #1d1d1b;
}

.bgPortfolioLight .breadcrumbs li:not(:last-child)::after {
  color: #1d1d1b;
}

.bgPortfolioLight .breadcrumbs li a {
  color: #1d1d1b;
}

.reveal {
  position: relative;
  background: none;
  border: none;
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.reveal-overlay {
  width: 100vw;
  background-color: rgba(29, 29, 27, 0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.reveal-video {
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  min-height: auto;
  height: auto;
  padding: 1.5rem 1rem;
}

.reveal .close-button {
  top: -10px;
  position: absolute;
  color: #f9f9f8;
}

.is-reveal-open {
  overflow-y: hidden !important;
}

.is-reveal-open .reveal-overlay {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}

.open-video {
  cursor: pointer;
}

/* Medium and up */

/* Large and up */

.depoimento blockquote {
  border: none;
}

.depoimentoHomeSlider {
  position: relative;
}

.depoimentoHomeSlider .owl-dots {
  bottom: -30px;
}

.depoimentoHomeSlider .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
}

.depoimentoHomeSlider .owl-prev span,
.depoimentoHomeSlider .owl-next span {
  margin-right: -50px;
  font-size: 5rem;
  line-height: 5rem;
  color: #5e5e57;
}

.depoimentoHomeSlider .owl-prev span {
  margin-right: initial;
  margin-left: -50px;
  font-size: 5rem;
  line-height: 5rem;
}

#blogHome .noticia {
  width: 100%;
}

#blogHome .noticiaBox h4 a {
  color: #ffed00;
}

.blogList .noticia {
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eaeae9;
}

.blogList .noticiaBox-header {
  font-weight: 300;
  padding: 0 0 2vh;
}

.blogList .noticiaBox-header .entry-category {
  margin-bottom: 0.5rem;
}

.blogList .noticiaBox-body {
  padding: 2vh 0;
}

.blogList .noticia-single {
  border-bottom: none;
  margin-bottom: 0;
}

.blogList .widget-area {
  padding-left: 0;
}

.blogList .widget-sidebar {
  margin-bottom: 3rem;
}

.blogList .widget-sidebar .search-form .busca-campo-top {
  margin-bottom: 0;
  padding: 22px;
}

.blogList .widget-sidebar .search-form .submit-button {
  background-color: #171717;
}

.blogList .widget-sidebar ul {
  list-style-type: square;
}

.blogList .widget-sidebar ul li {
  border-bottom: 1px solid #f2f2f0;
  padding: 0.5rem 0;
}

.blogList-tipo2 .noticia {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.blogList-tipo2 .noticiaBox-image {
  -webkit-box-flex: 1;
  flex: 1 0 200px;
  margin-left: -10px;
  box-shadow: -8px 8px 47.43px 3.57px rgba(29, 29, 27, 0.1);
  position: relative;
}

.blogList-tipo2 .noticiaBox-image img {
  width: 100%;
}

.blogList-tipo2 .noticiaBox-image:before {
  content: " ";
  width: 1.25rem;
  height: 75%;
  top: 50%;
  left: -1rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  background: #ffed00;
}

.blogList-tipo2 .noticiaBox-body {
  padding: 2vh 1rem;
  width: 100%;
}

.blogList-tipo2 .noticiaBox-body h2 {
  font-size: 1.8rem;
}

.blogList-tipo2 .noticiaBox-body .data {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.blogList-tipo2 .noticia hr {
  width: 11rem;
  border-bottom: 1px solid #1d1d1b;
  margin: 1rem 0 1rem 0.5rem;
  position: relative;
}

.blogList-tipo2 .noticia hr:before {
  content: " ";
  width: 7.5rem;
  height: 0.5rem;
  top: 50%;
  left: -0.5rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  background: rgba(255, 237, 0, 0.9);
}

/* Medium and up */

/* Large and up */

.boxPaginacao .postPagina {
  float: left;
  width: 45%;
}

.boxPaginacao .postPagina small {
  font-weight: 400;
}

.boxPaginacao .postPrev {
  float: left;
  text-align: left;
}

.boxPaginacao .postNext {
  float: right;
  text-align: right;
}

.pagination-area {
  padding-top: 1vh;
  padding-bottom: 2vh;
}

.pagination-area .pagination li a {
  color: #1d1d1b;
  font-weight: bold;
  font-weight: 400;
}

.pagination-area .pagination li a:hover {
  background: #171717;
  color: #f9f9f8;
}

.pagination-area .pagination li a.current {
  background: #171717;
  color: #f9f9f8;
}

.pagination-area .pagination li.current {
  background: #171717;
  color: #f9f9f8;
}

.pagination-area .pagination .disabled {
  color: #5e5e57;
}

/* Medium and up */

footer.footer {
  background: #171717;
  color: #f9f9f8;
}

footer.footer a {
  color: #f9f9f8;
}

.mapa {
  width: 100%;
  height: 300px;
}

.mapa iframe {
  width: 100%;
  height: 300px;
}

.copy {
  background: #000;
  padding: 0.9rem 0;
}

.copy p {
  margin: 0 auto;
}

.copy-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

ul.menu-parceiros {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  margin: 0;
}

ul.menu-parceiros li {
  margin-left: 1.4rem;
}

ul.menu-parceiros li.sinapro-pr a {
  width: 67px;
  height: 30px;
  display: block;
  background: url(../img/logo-sinapro.png) no-repeat 0 top;
  text-indent: -9999px;
  cursor: pointer;
  background-size: cover;
}

ul.menu-parceiros li.cenp a {
  width: 80px;
  height: 30px;
  display: block;
  background: url(../img/logo-cenp.png) no-repeat 0 top;
  text-indent: -9999px;
  cursor: pointer;
  background-size: cover;
}

.form-newsletter-container {
  max-width: 860px;
  width: 100%;
  margin: 3rem auto 0;
  position: relative;
}

.form-newsletter-container .button {
  height: 42px !important;
}

.form-newsletter-container span.wpcf7-not-valid-tip {
  text-align: left !important;
  margin-top: 5px;
}

.form-newsletter-container div.wpcf7 .ajax-loader {
  position: absolute;
  top: 0;
  right: -20px;
}

span.wpcf7-form-control-wrap.your-email {
  width: 100%;
}

div.wpcf7-response-output {
  margin: 1rem 0 1rem;
  padding: 0.2em 1em;
  border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background-color: #398f14;
  color: #f9f9f8;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  border: 2px solid #ff0000;
  background-color: #ff0000;
  color: #f9f9f8;
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
  background-color: #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #f7e700;
  background-color: #f7e700;
  color: #1d1d1b;
}

@media screen and (min-width: 40em) {
  .fixed {
    position: fixed;
  }

  body::-webkit-scrollbar {
    width: 9px;
  }

  body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
  }

  body::-webkit-scrollbar-thumb {
    background-color: #1d1d1b;
    outline: 1px solid slategrey;
  }

  .header .contatoTel p {
    font-size: 1rem;
  }

  .custom-logo {
    max-width: 140px;
    margin-left: 0;
  }

  .responsiveNav {
    overflow-y: hidden;
    visibility: hidden;
  }

  .responsiveNav .innerNav {
    padding: 6vh 4vh;
  }

  .responsiveNav .innerNav-menu {
    background: #121212;
    overflow-y: scroll;
    height: 100vh;
  }

  .responsiveNav .innerNav-menu::-webkit-scrollbar {
    width: 9px;
  }

  .responsiveNav .innerNav-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
  }

  .responsiveNav .innerNav-menu::-webkit-scrollbar-thumb {
    background-color: #1d1d1b;
    outline: 1px solid slategrey;
  }

  .responsiveNav .innerNav.side .contatoLocal {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .responsiveNav .innerNav.side .contatoLocal:before {
    content: "\f3c5";
    font-weight: 900;
  }

  .responsiveNav .innerNav.side .contatoLocal svg {
    font-size: 2.2rem;
    margin-right: 1.3rem;
    margin-bottom: 0;
    color: #ffed00;
  }

  .bannerContainer {
    height: calc(100% - 50px);
  }

  .bannerContainer video {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .bannerPortfolio:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
  }

  .title-big {
    font-weight: 700;
    font-size: 44px;
    line-height: 1;
  }

  .quemSomosLinkContainer {
    width: 33.33vw;
  }

  .quemSomosLink-foto {
    height: 33.33vw;
  }

  .certificacoes-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .portfolioContainer {
    width: 50vw;
    float: left;
    position: relative;
    overflow: hidden;
  }

  .portfolioContainer .inner {
    padding: 2vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }

  .portfolioContainer .inner .project-title {
    font-size: 1.7rem;
  }

  .portfolioContainer .link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .portfolioContainer:hover .portfolio-foto {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .portfolioContainer:hover .portfolio-foto::after {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  .portfolio-foto {
    width: 100vw;
    height: 50vw;
    position: relative;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: calc(100% + 50px);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  .portfolio-foto::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, rgba(51, 51, 51, 0.5)),
      to(rgba(51, 51, 51, 0))
    );
    background: linear-gradient(
      to bottom,
      rgba(51, 51, 51, 0.5) 0,
      rgba(51, 51, 51, 0) 100%
    );
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    opacity: 1;
  }

  .blogList-tipo2 .noticia {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .blogList-tipo2 .noticiaBox-image {
    -webkit-box-flex: 1;
    flex: 1 0 200px;
    margin-right: 3rem;
    margin-left: 0;
    box-shadow: -8px 8px 47.43px 3.57px rgba(29, 29, 27, 0.1);
    position: relative;
  }

  .blogList-tipo2 .noticiaBox-body {
    padding: 2vh 0;
  }

  .blogList-tipo2 .noticia hr {
    width: 19.375rem;
  }

  .blogList-tipo2 .noticia hr:before {
    width: 10.5rem;
  }

  .pagination-area {
    padding-top: 7vh;
    padding-bottom: 0;
  }

  .pagination-area .pagination li a {
    color: #1d1d1b;
    font-weight: bold;
    font-weight: 400;
  }

  .pagination-area .pagination li a:hover {
    background: #171717;
    color: #f9f9f8;
  }

  .pagination-area .pagination li.current {
    background: #171717;
    color: #f9f9f8;
  }

  .pagination-area .pagination .disabled {
    color: #5e5e57;
  }
}

@media screen and (min-width: 64em) {
  .responsiveNav {
    -webkit-transform: translateY(0vh);
    transform: translateY(0vh);
    visibility: hidden;
  }

  .responsiveNav .innerNav {
    padding: 6vh;
  }

  .responsiveNav .innerNav.side {
    width: 33.3333%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .responsiveNav .innerNav-menu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-right: 3px solid #000;
    padding-bottom: 5rem;
  }

  .open .responsiveNav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .open .responsiveNav .innerNav.side {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  .open .responsiveNav .innerNav-menu {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  .bannerContainer {
    height: calc(100vh - 50px);
    background-color: #1d1d1b;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
  }

  .bannerContainer video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  section.space-section,
  footer.space-section {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .title-big {
    font-weight: 700;
    font-size: 54px;
    line-height: 1;
  }

  .contatoLocal {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
  }

  .contatoLocal svg {
    font-size: 2.4rem;
    margin-right: 0;
    margin-bottom: 1.2rem;
    color: #ffed00;
  }

  .quemSomosLinkContainer {
    width: 33.33vw;
  }

  .quemSomosLinkContainer:nth-child(1) {
    width: 50vw;
    height: 50vw;
  }

  .quemSomosLinkContainer:nth-child(1) .quemSomosLink-foto {
    height: 50vw;
    width: calc(100% + 50px);
  }

  .quemSomosLinkContainer:nth-child(2),
  .quemSomosLinkContainer:nth-child(3) {
    width: 25vw;
  }

  .quemSomosLinkContainer:nth-child(2) .quemSomosLink-foto,
  .quemSomosLinkContainer:nth-child(3) .quemSomosLink-foto {
    height: 25vw;
    width: calc(100% + 50px);
  }

  .quemSomosLinkContainer:nth-child(4) {
    width: 50vw;
    height: 25vw;
  }

  .quemSomosLinkContainer:nth-child(4) .quemSomosLink-foto {
    height: 25vw;
    width: calc(100% + 50px);
  }

  .portfolioContainer {
    width: 25vw;
    float: left;
    position: relative;
    overflow: hidden;
  }

  .portfolioContainer .inner {
    padding: 2vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }

  .portfolioContainer .inner .project-title {
    font-size: 1.7rem;
  }

  .portfolioContainer .link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .portfolioContainer:hover .portfolio-foto {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .portfolioContainer:hover .portfolio-foto::after {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  .portfolioContainer:nth-child(1),
  .portfolioContainer:nth-child(6),
  .portfolioContainer:nth-child(7),
  .portfolioContainer:nth-child(12),
  .portfolioContainer:nth-child(13),
  .portfolioContainer:nth-child(18),
  .portfolioContainer:nth-child(19),
  .portfolioContainer:nth-child(24) {
    width: 50vw;
  }
  /* .portfolioContainer:nth-child(5n + 1), .portfolioContainer:nth-child(6n + 1){
        width: 50vw;
    } */

  .portfolio-foto {
    width: 100vw;
    height: 25vw;
    position: relative;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: calc(100% + 50px);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  .portfolio-foto::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, rgba(51, 51, 51, 0.5)),
      to(rgba(51, 51, 51, 0))
    );
    background: linear-gradient(
      to bottom,
      rgba(51, 51, 51, 0.5) 0,
      rgba(51, 51, 51, 0) 100%
    );
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    opacity: 1;
  }

  .blogList .widget-area {
    padding-left: 2rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .responsiveNav .innerNav h2 {
    font-size: 3rem;
  }
}
/*# sourceMappingURL=app.css.map */

.full-width-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.full-width-youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}