@import url("https://fonts.cdnfonts.com/css/switzer");
@import url("https://fonts.cdnfonts.com/css/general-sans");
/*
0 - 600px: Phone
600 - 900px: Tablet Portrait
900 - 1200px: Tablet Landscape
1800px: Big Desktop
*/
/*BREAKPOINT ARGUMENT CHOICES
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-family: "Switzer", sans-serif;
  font-size: 62.5%;
  /*@include respond(phone){ //width <576px
      font-size: 37.5%;
    }
    @include respond(tab-port){ //width > 577px < 992px
      font-size: 50%;
    }
    @include respond(tab-land){ //width > 993px
      font-size: 62.5%;
    }
    @include respond(big-desktop){//width > 1200px
      font-size: 62.5%;
    }
  */
}

body {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: inherit;
}

#wrapper {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 993px) {
  #wrapper {
    position: fixed;
  }
}
@media (min-width: 1200px) {
  #wrapper {
    position: fixed;
  }
}

#content {
  width: 100%;
  /* set a height because the contents are position: absolute, thus natively there's no height */
}

.textGeneral {
  font-family: "General Sans", sans-serif;
}

.textBlack {
  color: #212631;
}

.textBeige {
  color: #EBCDA0;
}

.textWhite {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 576px) {
  .copyright {
    position: relative;
    z-index: 5;
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    color: white;
  }
  .copyright .copyright__copy {
    font-weight: bold;
  }
  .copyright .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
  .copyright_project {
    position: relative;
    z-index: 5;
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    color: white;
  }
  .copyright_project .copyright__copy {
    font-weight: bold;
  }
  .copyright_project .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
  .copyright__sobre {
    background-color: #EBCDA0;
    color: #212631;
    position: relative;
    z-index: 5;
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
  }
  .copyright__sobre .copyright__copy {
    font-weight: bold;
  }
  .copyright__sobre .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .copyright {
    position: absolute;
    z-index: 5;
    left: 13rem;
    bottom: 8rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
    color: white;
  }
  .copyright .copyright__copy {
    font-weight: bold;
  }
  .copyright .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
  .copyright_project {
    position: fixed;
    z-index: 5;
    left: 13rem;
    bottom: 8rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
    color: white;
  }
  .copyright_project .copyright__copy {
    font-weight: bold;
  }
  .copyright_project .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
  .copyright__sobre {
    color: #212631;
    position: fixed;
    z-index: 5;
    left: 13rem;
    bottom: 8rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
  }
  .copyright__sobre .copyright__copy {
    font-weight: bold;
  }
  .copyright__sobre .link_politica {
    text-decoration: underline;
    cursor: pointer;
  }
}
.u-center-text {
  text-align: center;
}

.u-margin-bottom-8 {
  margin-bottom: 8rem;
}

.menu__bar {
  position: absolute;
  display: flex;
  z-index: 10;
  width: 100%;
  height: 5rem;
  padding-left: 13rem;
  padding-right: 13rem;
  padding-top: 7rem;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .menu__bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.menu__bar .logo {
  width: 22rem;
}
@media (max-width: 576px) {
  .menu__bar .logo {
    width: 17rem;
  }
}
.menu__bar .btn__menu {
  caret-color: transparent;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}
.menu__bar .btn__menu .btn__lbl {
  font-size: 2rem;
  font-weight: 300;
  line-height: 100%;
}
.menu__bar .btn__menu .btn__icon {
  width: 5rem;
}
.menu__bar .btn__menu:hover {
  cursor: pointer;
}

.menu__desktop {
  z-index: 9;
  width: 100%;
  background-color: #EBCDA0;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 576px) {
  .menu__desktop {
    position: fixed;
    height: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .menu__desktop {
    position: fixed;
    height: 100%;
  }
}
@media (min-width: 993px) {
  .menu__desktop {
    position: absolute;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .menu__desktop {
    position: absolute;
    height: 100vh;
    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 26rem) 100%, 100% calc(100% - 26rem), 100% 0%);
  }
}
.menu__desktop .menu__desktop__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left {
  position: relative;
  width: 50%;
  height: 100vh;
  padding: 13rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__left {
    padding: 2rem;
  }
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options {
  caret-color: transparent;
  display: grid;
  grid-row: 3;
  gap: 4rem;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button {
  color: #212631;
  line-height: 100%;
  transition: 0.2s linear;
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 576px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button {
    font-size: 4.4rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button {
    font-size: 6.7rem;
  }
}
@media (min-width: 993px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button {
    font-size: 6.7rem;
  }
}
@media (min-width: 1200px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button {
    font-size: 6.7rem;
  }
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__options__container .menu__options .menu__options__button:hover {
  cursor: pointer;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__social {
  display: flex;
  flex-direction: row;
  gap: 2.3rem;
  flex-grow: 0;
  height: 7.1rem;
  left: 0;
  bottom: 0;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__social .menu__social__item {
  caret-color: transparent;
  display: flex;
  flex-direction: row;
  justify-items: center;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__social .menu__social__item .social_icon {
  width: 1.4rem;
  height: 1.4rem;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__social .menu__social__item .social_name {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  padding-left: 1rem;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__left .menu__social .menu__social__item:hover {
  cursor: pointer;
}
.menu__desktop .menu__desktop__container .menu__desktop__container__right {
  width: 50%;
  height: 100vh;
}
@media (max-width: 576px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__right {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__right {
    font-size: 6.7rem;
  }
}
@media (min-width: 993px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__right {
    font-size: 6.7rem;
  }
}
@media (min-width: 1200px) {
  .menu__desktop .menu__desktop__container .menu__desktop__container__right {
    font-size: 6.7rem;
  }
}
.menu__desktop .menu__desktop__container .menu__desktop__container__right .menu__desktop__container__right__image {
  width: 100%;
  height: 100vh;
  clip-path: polygon(calc(0% + 13rem) calc(0% + 13rem), calc(0% + 13rem) calc(100% - 13rem), calc(100% - 41rem) calc(100% - 13rem), calc(100% - 13rem) calc(100% - 41rem), calc(100% - 13rem) calc(0% + 13rem));
}
.menu__desktop .menu__desktop__container .menu__desktop__container__right .menu__desktop__container__right__image .image_right {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrapper {
  overflow-x: hidden;
  position: relative;
  background-color: #212631;
}

* {
  box-sizing: border-box;
}

.menuContainer {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100vw;
}

.scrollLine {
  position: absolute;
  right: 13rem;
  bottom: 8rem;
  width: 20rem;
  z-index: 20;
  height: 0.3rem;
  background-color: rgba(235, 205, 160, 0.2);
}
@media (max-width: 576px) {
  .scrollLine {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .scrollLine {
    display: none;
  }
}
@media (min-width: 993px) {
  .scrollLine {
    display: block;
  }
}
@media (min-width: 1200px) {
  .scrollLine {
    display: block;
  }
}
.scrollLine .mask {
  width: 0;
  height: 0.3rem;
  background-color: #EBCDA0;
}

.container {
  display: flex;
}
@media (max-width: 576px) {
  .container {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .container {
    flex-direction: column;
  }
}
@media (min-width: 993px) {
  .container {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .container {
    flex-direction: row;
  }
}
.container section {
  width: 100vw;
}
@media (min-width: 993px) {
  .container section {
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .container section {
    height: 100vh;
  }
}
.container section section {
  height: 100vh;
}

.page1 {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: start;
}
@media (max-width: 576px) {
  .page1 {
    flex-direction: column;
    padding-top: 16rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page1 {
    flex-direction: column;
    padding-top: 16rem;
  }
}
@media (min-width: 993px) {
  .page1 {
    flex-direction: row;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page1 {
    flex-direction: row;
    height: 100vh;
  }
}
.page1 section {
  width: 100vw;
  height: 100vh;
}
.page1 .page1__project__name {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .page1 .page1__project__name {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page1 .page1__project__name {
    width: 100%;
  }
}
@media (min-width: 993px) {
  .page1 .page1__project__name {
    width: 44%;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page1 .page1__project__name {
    width: 44%;
    height: 100vh;
  }
}
.page1 .page1__project__name .project__name {
  color: #EBCDA0;
}
@media (max-width: 576px) {
  .page1 .page1__project__name .project__name {
    font-size: 6rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page1 .page1__project__name .project__name {
    font-size: 6rem;
  }
}
@media (min-width: 993px) {
  .page1 .page1__project__name .project__name {
    font-size: 10rem;
  }
}
@media (min-width: 1200px) {
  .page1 .page1__project__name .project__name {
    font-size: 10rem;
  }
}
.page1 .page1__project__image {
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 75%, 100% 0%);
}
@media (max-width: 576px) {
  .page1 .page1__project__image {
    width: 100%;
    height: 56rem;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page1 .page1__project__image {
    width: 100%;
    height: 56rem;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page1 .page1__project__image {
    width: 56%;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page1 .page1__project__image {
    width: 56%;
    height: 100vh;
  }
}
.page1 .page1__project__image .page1__project__image_container {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page2 {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .page2 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page2 {
    flex-direction: row;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page2 {
    flex-direction: row;
    height: 100vh;
  }
}
.page2 .page2__project__about {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 576px) {
  .page2 .page2__project__about {
    width: 100%;
    padding: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 .page2__project__about {
    width: 100%;
    padding: 2rem;
  }
}
@media (min-width: 993px) {
  .page2 .page2__project__about {
    width: 44vw;
    padding: 20rem;
  }
}
@media (min-width: 1200px) {
  .page2 .page2__project__about {
    width: 44vw;
    padding: 20rem;
  }
}
.page2 .page2__project__about .page2__project__about_tit {
  color: #EBCDA0;
  font-size: 1.3rem;
  text-align: left;
}
.page2 .page2__project__about .page2__project__about_text {
  font-size: 2rem;
  font-weight: 200;
  color: white;
  padding-top: 3rem;
}
.page2 .page2__project__about .page2__project__about_type {
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  height: 3.4rem;
  justify-content: start;
}
.page2 .page2__project__about .page2__project__about_type .btn__type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #EBCDA0;
  font-size: 1.3rem;
  font-weight: 600;
  background-color: rgba(217, 217, 217, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.22);
}
@media (max-width: 576px) {
  .page2 .page2__project__about .page2__project__about_type .btn__type {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 .page2__project__about .page2__project__about_type .btn__type {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 993px) {
  .page2 .page2__project__about .page2__project__about_type .btn__type {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .page2 .page2__project__about .page2__project__about_type .btn__type {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page2 .page2__project__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 576px) {
  .page2 .page2__project__image {
    width: 100%;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 .page2__project__image {
    width: 100%;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page2 .page2__project__image {
    width: 56vw;
  }
}
@media (min-width: 1200px) {
  .page2 .page2__project__image {
    width: 56vw;
  }
}
.page2 .page2__project__image .page2__project__image__container {
  position: relative;
  width: 100%;
  height: 70%;
}
.page2 .page2__project__image .page2__project__image__container .p2__image {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 576px) {
  .page2 .page2__project__image .page2__project__image__container .p2__image {
    height: 32rem;
    padding-left: 2rem;
    padding-right: 2rem;
    clip-path: polygon(0% 0%, 0% 60%, 40% 100%, 100% 100%, 100% 0%);
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 .page2__project__image .page2__project__image__container .p2__image {
    height: 32rem;
    padding-left: 2rem;
    padding-right: 2rem;
    clip-path: polygon(0% 0%, 0% 60%, 40% 100%, 100% 100%, 100% 0%);
  }
}
@media (min-width: 993px) {
  .page2 .page2__project__image .page2__project__image__container .p2__image {
    height: 100%;
    clip-path: polygon(0% 0%, 0% 80%, 20% 100%, 100% 100%, 100% 0%);
  }
}
@media (min-width: 1200px) {
  .page2 .page2__project__image .page2__project__image__container .p2__image {
    height: 100%;
    clip-path: polygon(0% 0%, 0% 80%, 20% 100%, 100% 100%, 100% 0%);
  }
}
.page2 .page2__project__image .page2__project__image__container .title__container__text {
  position: absolute;
  color: #EBCDA0;
  font-size: 1.2rem;
  font-weight: 400;
}
@media (max-width: 576px) {
  .page2 .page2__project__image .page2__project__image__container .title__container__text {
    left: 4rem;
    bottom: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page2 .page2__project__image .page2__project__image__container .title__container__text {
    left: 4rem;
    bottom: 2rem;
  }
}
@media (min-width: 993px) {
  .page2 .page2__project__image .page2__project__image__container .title__container__text {
    left: 4rem;
    bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .page2 .page2__project__image .page2__project__image__container .title__container__text {
    left: 4rem;
    bottom: 4rem;
  }
}

.page3 {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .page3 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page3 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page3 {
    flex-direction: row;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page3 {
    flex-direction: row;
    height: 100vh;
  }
}
.page3 .page3__text__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 576px) {
  .page3 .page3__text__container {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page3 .page3__text__container {
    width: 100%;
  }
}
@media (min-width: 993px) {
  .page3 .page3__text__container {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .page3 .page3__text__container {
    width: 40%;
  }
}
.page3 .page3__text__container .page3__text {
  font-size: 3rem;
  font-weight: 300;
  color: #EBCDA0;
  text-align: center;
}
@media (max-width: 576px) {
  .page3 .page3__text__container .page3__text {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page3 .page3__text__container .page3__text {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 993px) {
  .page3 .page3__text__container .page3__text {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}
@media (min-width: 1200px) {
  .page3 .page3__text__container .page3__text {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}
@media (max-width: 576px) {
  .page3 .page3__image__container {
    width: 100%;
    height: 54rem;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page3 .page3__image__container {
    width: 100%;
    height: 54rem;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page3 .page3__image__container {
    width: 60%;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page3 .page3__image__container {
    width: 60%;
    height: 100vh;
  }
}
.page3 .page3__image__container .p3__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page4 {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .page4 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page4 {
    flex-direction: column;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page4 {
    flex-direction: row;
    height: 100vh;
    align-items: end;
  }
}
@media (min-width: 1200px) {
  .page4 {
    flex-direction: row;
    height: 100vh;
    align-items: end;
  }
}
.page4 .page4__technical {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 576px) {
  .page4 .page4__technical {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page4 .page4__technical {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 993px) {
  .page4 .page4__technical {
    width: 40%;
    height: 100vh;
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
@media (min-width: 1200px) {
  .page4 .page4__technical {
    width: 40%;
    height: 100vh;
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
.page4 .page4__technical .page4__technical_title {
  font-size: 1.2rem;
  font-weight: 200;
  color: #EBCDA0;
  text-align: left;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(235, 205, 160, 0.1);
}
.page4 .page4__technical .page4__technical__row {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(235, 205, 160, 0.1);
}
.page4 .page4__technical .page4__technical__row .colum__left {
  font-size: 1.3rem;
  font-weight: 600;
  color: #EBCDA0;
}
.page4 .page4__technical .page4__technical__row .colum__right {
  font-size: 1.3rem;
  font-weight: 300;
  color: white;
}
@media (max-width: 576px) {
  .page4 .page4__image__container {
    width: 100%;
    height: 37rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 10rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page4 .page4__image__container {
    width: 100%;
    height: 37rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 10rem;
  }
}
@media (min-width: 993px) {
  .page4 .page4__image__container {
    width: 60%;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page4 .page4__image__container {
    width: 60%;
    height: 100vh;
  }
}
.page4 .page4__image__container .p4__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page5 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .page5 {
    width: 100%;
    height: 54rem;
    padding-top: 10rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page5 {
    width: 100%;
    height: 54rem;
    padding-top: 10rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 993px) {
  .page5 {
    width: 100vw;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .page5 {
    width: 100vw;
    height: 100vh;
  }
}
.page5 .page5__image__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 993px) {
  .page5 .page5__image__container {
    padding-left: 13rem;
    padding-top: 13rem;
    padding-right: 13rem;
    padding-bottom: 6.5rem;
  }
}
@media (min-width: 1200px) {
  .page5 .page5__image__container {
    padding-left: 13rem;
    padding-top: 13rem;
    padding-right: 13rem;
    padding-bottom: 13rem;
  }
}
.page5 .page5__360__menu {
  position: absolute;
  z-index: 9;
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  height: 5rem;
}
@media (max-width: 576px) {
  .page5 .page5__360__menu {
    bottom: 1rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .page5 .page5__360__menu {
    bottom: 1rem;
  }
}
@media (min-width: 993px) {
  .page5 .page5__360__menu {
    bottom: 13rem;
  }
}
@media (min-width: 1200px) {
  .page5 .page5__360__menu {
    bottom: 16rem;
  }
}
.page5 .page5__360__menu .btn__360 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 600;
  padding-left: 1rem;
  padding-right: 1rem;
}
.page5 .page5__360__menu .btn__360:hover {
  cursor: pointer;
}
.page5 .page5__360__menu .active {
  color: #212631;
  background-color: #EBCDA0;
}
.page5 .page5__360__menu .inactive {
  color: #EBCDA0;
  background-color: #212631;
}

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

.loading__screen {
  width: 100%;
  height: 100%;
  background: 50% 50%/128px auto no-repeat #1a1e21;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 1;
}

.hero {
  width: 100%;
  height: 100vh;
  background-color: #212631;
}
@media (max-width: 576px) {
  .hero {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .hero {
    display: none;
  }
}
@media (min-width: 993px) {
  .hero {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero {
    display: block;
  }
}
.hero .home_banner {
  position: relative;
  width: calc(100% - 35rem);
  height: 100vh;
  transition: 0.4s cubic-bezier(1, -1, 0, 2);
  clip-path: polygon(0% 0%, 0% 100%, 66% 100%, 100% 50%, 100% 0%);
}
.hero .home_banner .home_banner__img {
  position: absolute;
  object-fit: cover;
}
.hero .home_banner .home_banner__img__overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: #1a1e21;
  opacity: 0.4;
}
.hero .home_banner .copy {
  position: absolute;
  left: 13rem;
  bottom: 19rem;
  width: 93rem;
  color: white;
  font-size: 10rem;
  font-weight: 400;
  line-height: 100%;
}
.hero .project__highlight {
  position: absolute;
  right: 13rem;
  bottom: 13rem;
}
.hero .project__highlight .project__highlight__img {
  width: 36rem;
  height: 36rem;
  object-fit: cover;
  clip-path: polygon(0% 0%, 0% 100%, 66% 100%, 100% 50%, 100% 0%);
}
.hero .project__highlight .project__highlight__lbl {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 3rem;
}
.hero .project__highlight .project__highlight__lbl .project__highlight__name {
  color: white;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}
.hero .project__highlight .project__highlight__lbl .project__highlight__seemor {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  color: #EBCDA0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1rem;
}
.hero .project__highlight .project__highlight__lbl .project__highlight__seemor .line {
  width: 100%;
  padding-top: 0.6rem;
  border-bottom: 0.3rem solid #EBCDA0;
}

.hero_mobile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #212631;
}
@media (max-width: 576px) {
  .hero_mobile {
    display: block;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .hero_mobile {
    display: block;
  }
}
@media (min-width: 993px) {
  .hero_mobile {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hero_mobile {
    display: none;
  }
}
.hero_mobile .home_banner {
  position: relative;
  width: 100%;
  height: 78rem;
  transition: 0.4s cubic-bezier(1, -1, 0, 2);
  clip-path: polygon(0% 0%, 0% 100%, 66% 100%, 100% 50%, 100% 0%);
}
.hero_mobile .home_banner .home_banner__img__mobile {
  min-height: 100%;
  max-width: 100%;
  position: absolute;
  object-fit: cover;
}
.hero_mobile .home_banner .home_banner__img__overlay {
  position: absolute;
  width: 100%;
  height: 78rem;
  background-color: #1a1e21;
  opacity: 0.4;
}
.hero_mobile .home_banner .copy__mobile {
  position: absolute;
  width: 100%;
  padding-top: 22rem;
  padding-left: 2rem;
  padding-right: 2rem;
  color: white;
  font-size: 5.5rem;
  font-weight: 600;
  line-height: 100%;
}
.hero_mobile .project__highlight__mobile {
  position: relative;
  margin-top: -21rem;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.hero_mobile .project__highlight__mobile .project__highlight__img {
  width: 100%;
  height: 36rem;
  object-fit: cover;
  clip-path: polygon(0% 0%, 0% 100%, 66% 100%, 100% 50%, 100% 0%);
}
.hero_mobile .project__highlight__mobile .project__highlight__lbl {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 3rem;
}
.hero_mobile .project__highlight__mobile .project__highlight__lbl .project__highlight__name {
  color: white;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}
.hero_mobile .project__highlight__mobile .project__highlight__lbl .project__highlight__seemor {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  color: #EBCDA0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1rem;
}
.hero_mobile .project__highlight__mobile .project__highlight__lbl .project__highlight__seemor .line {
  width: 100%;
  padding-top: 0.6rem;
  border-bottom: 0.3rem solid #EBCDA0;
}

.sobre {
  width: 100%;
  background-color: #EBCDA0;
  display: flex;
}
@media (max-width: 576px) {
  .sobre {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre {
    flex-direction: column;
  }
}
@media (min-width: 993px) {
  .sobre {
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .sobre {
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
}
@media (max-width: 576px) {
  .sobre .sobre__text {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 16rem;
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__text {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 16rem;
    text-align: center;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__text {
    width: 50%;
    padding-left: 13rem;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__text {
    width: 50%;
    padding-left: 13rem;
  }
}
.sobre .sobre__text .sobre__text__hero {
  font-weight: 600;
  line-height: 100%;
  color: #212631;
}
@media (max-width: 576px) {
  .sobre .sobre__text .sobre__text__hero {
    font-size: 4.5rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__text .sobre__text__hero {
    font-size: 5.5rem;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__text .sobre__text__hero {
    font-size: 5rem;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__text .sobre__text__hero {
    font-size: 7rem;
  }
}
.sobre .sobre__text .sobre__text__container {
  display: flex;
  justify-content: flex-start;
}
.sobre .sobre__text .sobre__text__container .sobre__text__container__txt {
  padding-top: 7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #212631;
}
@media (max-width: 576px) {
  .sobre .sobre__text .sobre__text__container .sobre__text__container__txt {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__text .sobre__text__container .sobre__text__container__txt {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__text .sobre__text__container .sobre__text__container__txt {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__text .sobre__text__container .sobre__text__container__txt {
    width: 50%;
  }
}
.sobre .sobre__images {
  position: relative;
  background-color: #212631;
  background-color: #EBCDA0;
}
@media (max-width: 576px) {
  .sobre .sobre__images {
    width: 100%;
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__images {
    width: 100%;
    display: none;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__images {
    width: 50%;
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images {
    width: 50%;
    height: 100vh;
  }
}
.sobre .sobre__images .sobre__images__left {
  display: flex;
  background-color: #EBCDA0;
  width: 100%;
}
@media (max-width: 576px) {
  .sobre .sobre__images .sobre__images__left {
    height: 33rem;
    padding-top: 6rem;
    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 50%, 100% 0%);
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__images .sobre__images__left {
    height: 33rem;
    padding-top: 6rem;
    clip-path: polygon(0% 0%, 0% 100%, 19% 100%, 100% 25%, 100% 0%);
  }
}
@media (min-width: 993px) {
  .sobre .sobre__images .sobre__images__left {
    height: 100vh;
    justify-content: end;
    align-items: center;
    clip-path: polygon(0% 0%, 0% 100%, 19% 100%, 100% 25%, 100% 0%);
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images .sobre__images__left {
    height: 100vh;
    justify-content: end;
    align-items: center;
    clip-path: polygon(0% 0%, 0% 100%, 19% 100%, 100% 25%, 100% 0%);
  }
}
@media (max-width: 576px) {
  .sobre .sobre__images .sobre__images__left .sobre__images__left__img {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__images .sobre__images__left .sobre__images__left__img {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__images .sobre__images__left .sobre__images__left__img {
    padding-right: 26rem;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images .sobre__images__left .sobre__images__left__img {
    padding-right: 26rem;
  }
}
.sobre .sobre__images .sobre__images__right {
  display: flex;
}
@media (min-width: 993px) {
  .sobre .sobre__images .sobre__images__right {
    position: absolute;
    background-color: #212631;
    clip-path: polygon(19% 100%, 19% 100%, 100% 100%, 100% 25%);
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100vh;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images .sobre__images__right {
    position: absolute;
    background-color: #212631;
    clip-path: polygon(19% 100%, 19% 100%, 100% 100%, 100% 25%);
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100vh;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 576px) {
  .sobre .sobre__images .sobre__images__right .sobre__images__right__img {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__images .sobre__images__right .sobre__images__right__img {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images .sobre__images__right .sobre__images__right__img {
    height: 53rem;
  }
}
.sobre .sobre__images_mobile {
  position: relative;
  background-color: #212631;
  background-color: #EBCDA0;
}
@media (max-width: 576px) {
  .sobre .sobre__images_mobile {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .sobre .sobre__images_mobile {
    width: 100%;
  }
}
@media (min-width: 993px) {
  .sobre .sobre__images_mobile {
    width: 50%;
    height: 100vh;
    display: none;
  }
}
@media (min-width: 1200px) {
  .sobre .sobre__images_mobile {
    width: 50%;
    height: 100vh;
    display: none;
  }
}
.sobre .sobre__images_mobile .sobre__images__img {
  width: 100%;
  padding: 2rem;
}

.contactos_bg {
  width: 100%;
  background-color: #EBCDA0;
  display: flex;
  align-items: center;
}
@media (min-width: 993px) {
  .contactos_bg {
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .contactos_bg {
    height: 100vh;
  }
}

.contactos {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .contactos {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .contactos {
    flex-direction: column;
  }
}
@media (min-width: 993px) {
  .contactos {
    flex-direction: row;
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
@media (min-width: 1200px) {
  .contactos {
    flex-direction: row;
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
.contactos .contactos__text {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.contactos .contactos__text .contactos__text__hero .__text__hero {
  font-weight: 600;
  line-height: 100%;
  color: #212631;
}
@media (max-width: 576px) {
  .contactos .contactos__text .contactos__text__hero .__text__hero {
    font-size: 5rem;
    padding-top: 13rem;
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .contactos .contactos__text .contactos__text__hero .__text__hero {
    font-size: 5rem;
    padding-top: 13rem;
    text-align: center;
  }
}
@media (min-width: 993px) {
  .contactos .contactos__text .contactos__text__hero .__text__hero {
    font-size: 6rem;
  }
}
@media (min-width: 1200px) {
  .contactos .contactos__text .contactos__text__hero .__text__hero {
    font-size: 10rem;
  }
}
.contactos .contactos__text .contactos__text__container__txt__list {
  display: flex;
  flex-direction: column;
  color: #212631;
  font-weight: 400;
  padding-top: 5rem;
}
@media (max-width: 576px) {
  .contactos .contactos__text .contactos__text__container__txt__list {
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .contactos .contactos__text .contactos__text__container__txt__list {
    text-align: center;
  }
}
.contactos .contactos__text .contactos__text__container__txt__list .contactTitle {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}
.contactos .contactos__text .contactos__text__container__txt__list .contactValue {
  font-size: 2rem;
  padding-bottom: 2rem;
}
.contactos .contactos__form {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.contactos .contactos__form .contactos__form__container {
  width: 66.6rem;
  background-color: #212631;
  padding: 5rem;
}
.contactos .contactos__form .contactos__form__container .form_title {
  font-weight: 600;
  color: #EBCDA0;
}
@media (max-width: 576px) {
  .contactos .contactos__form .contactos__form__container .form_title {
    font-size: 2rem;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .contactos .contactos__form .contactos__form__container .form_title {
    font-size: 2rem;
  }
}
@media (min-width: 993px) {
  .contactos .contactos__form .contactos__form__container .form_title {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .contactos .contactos__form .contactos__form__container .form_title {
    font-size: 3rem;
  }
}
.contactos .contactos__form .contactos__form__container .form {
  display: flex;
  flex-direction: column;
}
.contactos .contactos__form .contactos__form__container .form .input {
  width: 100%;
  height: 5rem;
  background-color: rgba(235, 205, 160, 0.2);
  border: 0;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #EBCDA0;
}
.contactos .contactos__form .contactos__form__container .form input:focus {
  outline: none;
  border: none;
}
.contactos .contactos__form .contactos__form__container .form .inputNameContainer {
  display: flex;
  justify-content: space-between;
}
.contactos .contactos__form .contactos__form__container .form .inputNameContainer .inputHint {
  font-size: 1.2rem;
  font-weight: 400;
  color: #EBCDA0;
  padding-bottom: 1rem;
}
.contactos .contactos__form .contactos__form__container .form__sender {
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
}
.contactos .contactos__form .contactos__form__container .form__sender .form__sender__fields {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: beige;
}
.contactos .contactos__form .contactos__form__container .form__sender .form__sender__btn {
  display: flex;
  justify-content: start;
  padding-left: 2rem;
  align-items: center;
  width: 12.9rem;
  height: 5rem;
  background-image: url("../images/btn_sender.png");
  background-position: right;
  background-repeat: no-repeat;
  font-size: 1.3rem;
  font-weight: 600;
  color: beige;
  cursor: pointer;
}

.stepHidden {
  display: none;
  opacity: 0;
}

.stepVisible {
  display: block;
  opacity: 1;
}

.privacidade_bg {
  width: 100%;
  background-color: #EBCDA0;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-top: 15rem;
}

.privacidade {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .privacidade {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .privacidade {
    flex-direction: column;
  }
}
@media (min-width: 993px) {
  .privacidade {
    flex-direction: column;
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
@media (min-width: 1200px) {
  .privacidade {
    flex-direction: column;
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
.privacidade .privacidade__text {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.privacidade .privacidade__text .privacidade__text__hero .__text__hero {
  font-weight: 600;
  line-height: 100%;
  color: #212631;
  padding: 3rem;
}
@media (max-width: 576px) {
  .privacidade .privacidade__text .privacidade__text__hero .__text__hero {
    font-size: 3rem;
    padding-top: 13rem;
    text-align: left;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .privacidade .privacidade__text .privacidade__text__hero .__text__hero {
    font-size: 3rem;
    padding-top: 13rem;
    text-align: left;
  }
}
@media (min-width: 993px) {
  .privacidade .privacidade__text .privacidade__text__hero .__text__hero {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .privacidade .privacidade__text .privacidade__text__hero .__text__hero {
    font-size: 3rem;
  }
}
.privacidade .privacidade__text .privacidade__text__container__txt__list {
  display: flex;
  flex-direction: column;
  color: #212631;
  font-weight: 400;
  padding-top: 5rem;
  font-size: 1.5rem;
  padding: 3rem;
}

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