html.lenis, html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent-touch], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-behavior: allow-discrete;
  transition-duration: 1ms;
  transition-property: overflow;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button::-moz-focus-inner :focus:not(:focus-visible),
input::-moz-focus-inner :focus:not(:focus-visible) {
  outline: none;
}
button::-moz-focus-inner :focus:not(:-moz-focusring),
input::-moz-focus-inner :focus:not(:-moz-focusring) {
  outline: none;
}

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  text-align: inherit;
  outline: none;
  /* Remove excess padding and border in Firefox 4+ */
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@font-face {
  font-family: "noe_displaybold";
  src: url("/frontend/fonts/fontsfree-net-noedisplay-bold-webfont.woff2") format("woff2"), url("/frontend/fonts/fontsfree-net-noedisplay-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold";
  src: url("/frontend/fonts/gotham-bold-webfont.woff2") format("woff2"), url("/frontend/fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambook";
  src: url("/frontend/fonts/gotham-book-webfont.woff2") format("woff2"), url("/frontend/fonts/gotham-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("/frontend/fonts/gotham-medium-webfont.woff2") format("woff2"), url("/frontend/fonts/gotham-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.fontS, .wrap-menu .wrap-menu-content nav ul li a {
  font-family: "noe_displaybold";
}

input::-moz-placeholder, textarea::-moz-placeholder, .label-for-input-file::-moz-placeholder {
  font-family: "gothambook";
}

.font, .sl-wrapper .sl-counter, .sl-wrapper .sl-image .sl-caption, .act-newsletter p, .container-check.white span, input, textarea, .label-for-input-file, input:focus, textarea:focus, .label-for-input-file:focus, input::placeholder, textarea::placeholder, .label-for-input-file::placeholder, label.error, .wrap-modal-full .swiper-pagination-current,
.wrap-modal-full .swiper-pagination-total, .webdoor .webdoor-link-footer, body, body em,
body i, .swal2-title {
  font-family: "gothambook";
}

.fontB, label.error, body strong,
body b {
  font-family: "gothambold";
}

.fontM, .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current, .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
  font-family: "gothammedium";
}

.hover-link:not(.no-fx), section.section-half-webdoor nav.nav-anchors a:not(.no-fx), section.section-half-webdoor nav.nav-links a:not(.no-fx), footer .footer-links a:not(.no-fx) {
  position: relative;
  display: inline-block;
}
.hover-link:not(.no-fx)::before, section.section-half-webdoor nav.nav-anchors a:not(.no-fx)::before, section.section-half-webdoor nav.nav-links a:not(.no-fx)::before, footer .footer-links a:not(.no-fx)::before {
  content: "";
  width: 0;
  height: 1px;
  left: 0;
  bottom: -2px;
  position: absolute;
  z-index: -1;
  background-color: #000000;
  transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.hover-link:not(.no-fx):hover:not(.active)::before, section.section-half-webdoor nav.nav-anchors a:not(.no-fx):hover:not(.active)::before, section.section-half-webdoor nav.nav-links a:not(.no-fx):hover:not(.active)::before, footer .footer-links a:not(.no-fx):hover:not(.active)::before, .hover-link:not(.no-fx).actived:not(.active)::before, section.section-half-webdoor nav.nav-anchors a:not(.no-fx).actived:not(.active)::before, section.section-half-webdoor nav.nav-links a:not(.no-fx).actived:not(.active)::before, footer .footer-links a:not(.no-fx).actived:not(.active)::before {
  width: 100%;
  left: auto;
  right: 0;
}

.hover-underline {
  position: relative;
}
.hover-underline::before {
  content: "";
  width: 0;
  height: 2px;
  left: 0;
  bottom: -2px;
  position: absolute;
  z-index: 0;
  background-color: #000000;
  transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.hover-underline:hover::before, .hover-underline.actived:not([data-scrollto])::before {
  width: 100%;
  left: auto;
  right: 0;
}
.hover-underline.actived::before {
  background-color: #707070;
}

.bg-transition {
  background-color: black;
  transition: background-color 1s ease;
  transform: skewX(10px);
}
.bg-transition.in-view {
  background-color: white;
}
.bg-transition--inverse {
  background-color: #FFFFFF;
}
.bg-transition--inverse.in-view {
  background-color: #000000;
}

@media (min-width: 992px) {
  .wrap-sticky-height {
    height: 60vh;
  }
}

.elm-sticky {
  top: 3rem;
  position: sticky;
}
.elm-sticky-menu {
  top: 100px;
}
.elm-sticky-50 {
  top: 50%;
}
.elm-sticky-25 {
  top: 25%;
}

.wrap-picture-img-parallax {
  width: 100%;
  position: relative;
}
.wrap-picture-img-parallax::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #707070;
  transition: height 1s cubic-bezier(0.27, 0.16, 0, 1.01);
  z-index: 2;
}
.wrap-picture-img-parallax .wrap-img-parallax {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wrap-picture-img-parallax .wrap-img-parallax img, .wrap-picture-img-parallax .wrap-img-parallax video {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  -o-object-position: center top;
     object-position: center top;
  width: 100%;
  height: 100%;
}
.wrap-picture-img-parallax.in-view::after {
  height: 0;
}
.wrap-picture-img-parallax img {
  width: 100%;
}

.showFade {
  transition: all 0.5s linear;
  opacity: 0;
  transform: rotateY(30deg);
}
.showFade.in-view {
  transition-delay: 0.3s;
  opacity: 1;
  transform: rotateY(0deg);
}

.caption-anim-overflow,
.anim-overflow {
  overflow: hidden;
}
.caption-anim-overflow > *,
.anim-overflow > * {
  transform: translateY(-100vh);
  transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.caption-anim-overflow.in-view > *,
.anim-overflow.in-view > * {
  transform: translateY(0);
}

.caption-anim-overflow {
  transition: all 0.8s cubic-bezier(0.55, 0.085, 0, 0.99);
  transition-delay: 0.2s;
}

.wrap-image-plx {
  position: relative;
  overflow: hidden;
  padding-top: 70vh;
  display: block;
  width: 100%;
}
.wrap-image-plx img, .wrap-image-plx video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  transform-origin: 50% 50%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-height: 1100px) and (orientation: landscape) {
  .wrap-image-plx {
    padding-top: 80vh;
  }
  .wrap-image-plx img {
    transform: translateX(-50%) scale(1.1);
  }
}
@media (max-width: 992px) {
  .wrap-image-plx {
    padding-top: 25vh;
  }
}

.reveal-webdoor, .reveal-title {
  clip-path: inset(0px 0px 0px 0px);
  line-height: normal;
  display: none;
}

* {
  box-sizing: border-box;
}

/* html.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	// overflow: hidden;
}

.lenis.lenis-scrolling iframe {
	pointer-events: none;
} */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  /* vertical-align: middle;
  shape-margin: 1rem; */
}

img.img-overlay,
video.img-overlay {
  filter: brightness(80%);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 0 !important;
  background-color: white;
}

::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 0px;
  border: 3px solid transparent;
}

:root {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
}
body em,
body i {
  font-style: italic;
}
body.scroll-off {
  overflow: hidden;
}

a {
  color: inherit;
}

.container {
  width: 100%;
  max-width: 1560px;
  padding: 0;
  position: relative;
}

.wrapper {
  padding: 3rem;
  width: 100%;
}
.wrapper--lr {
  padding: 3rem 12rem;
}
.wrapper--footer {
  padding-bottom: 0;
}
@media (max-width: 1400px) {
  .wrapper {
    padding: 2rem;
  }
}

.float-whatsapp {
  position: fixed;
  bottom: 3rem;
  right: -50vw;
  z-index: 5;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.float-whatsapp svg {
  transition: all 0.5s ease;
}
.float-whatsapp p {
  width: 0;
  opacity: 0;
  transition: width 0.3s ease, opacity 0.03s ease;
  position: absolute;
  right: 10%;
  color: black;
  font-size: 12px;
}
@media (max-width: 768px) {
  .float-whatsapp {
    bottom: 2rem !important;
    right: 2rem !important;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 768px) {
  .float-whatsapp:hover svg {
    transform: rotate(15deg);
  }
  .float-whatsapp:hover p {
    width: 198px;
    opacity: 1;
    right: 97%;
    transition: width 0.3s ease, opacity 0.6s ease;
  }
}
.float-whatsapp.motion-in {
  right: 3rem;
}

.gap-top {
  padding-top: 5rem;
}
@media (max-width: 992px) {
  .gap-top {
    padding-top: 3rem;
  }
}

.gap-bottom {
  padding-bottom: 5rem;
}
@media (max-width: 992px) {
  .gap-bottom {
    padding-bottom: 3rem;
  }
}

.gap-top-title {
  padding-top: 3rem;
}
@media (max-width: 992px) {
  .gap-top-title {
    padding-top: 2rem;
  }
}

.gap-bottom-title {
  padding-bottom: 3rem;
}
@media (max-width: 992px) {
  .gap-bottom-title {
    padding-bottom: 2rem;
  }
}

.bg-abs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 992px) {
  .bg-abs {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 1.5rem);
  }
}

.bg-1 {
  background-color: #707070;
}

.bg-2 {
  background-color: #F5F5F5;
}

.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}
.bg-black * {
  color: white;
}

.color-white,
.color-white * {
  color: #FFFFFF;
}

.color-black,
.color-black * {
  color: #000000;
}

.color-1,
.color-1 * {
  color: #707070;
}

.color-2,
.color-2 * {
  color: #F5F5F5;
}

.color-3,
.color-3 * {
  color: #30BF0D;
}

.color-4,
.color-4 * {
  color: #FF0000;
}

.color-status--red {
  color: #707070;
}

.fale-bt-link {
  position: fixed !important;
  z-index: 6;
  bottom: 5rem;
  right: -50vw;
  max-width: 270px;
  transition: right 1.5s cubic-bezier(0.83, 0, 0.17, 1);
}
.fale-bt-link .ico {
  display: none;
}
@media screen and (max-width: 1200px) {
  .fale-bt-link {
    right: 2rem;
    bottom: 2rem;
  }
}
.fale-bt-link.motion-in {
  right: 3rem;
  transition-delay: 1s;
}
@media screen and (max-width: 1200px) {
  .fale-bt-link.motion-in {
    left: auto;
    right: 2rem;
    bottom: 2rem;
  }
}
.fale-bt-link.scrolling {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
}
.fale-bt-link.scrolling > div {
  display: none;
}
.fale-bt-link.scrolling .ico {
  display: block;
}
@media screen and (max-width: 1200px) {
  .fale-bt-link.scrolling {
    left: auto;
    right: 2rem;
  }
}
@media (max-width: 992px) {
  .fale-bt-link {
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
  }
  .fale-bt-link > div {
    display: none;
  }
  .fale-bt-link .ico {
    display: block;
  }
}

.wrap-button-video {
  z-index: 3;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrap-button-video p {
  transition: all 0.5s cubic-bezier(0.27, 0.16, 0, 1.01);
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  font-size: 2rem;
  text-align: center;
  transform: translateY(70px);
}
@media (max-width: 992px) {
  .wrap-button-video p {
    font-size: 1.3rem;
  }
}

.wrap-video {
  width: 100%;
  height: calc(100svh - 114px);
}
.wrap-video video {
  width: 100%;
  height: calc(100svh - 114px);
  -o-object-fit: cover;
     object-fit: cover;
}
.wrap-video video.fixed {
  position: fixed;
  left: 0;
  top: 114px;
  z-index: -1;
}

picture {
  display: block;
}
picture.hover-zoom {
  overflow: hidden;
}
picture.hover-zoom img {
  transition: transform 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
picture.hover-zoom:hover img {
  transform: scale(1.1);
}

.wrap-img-half-height picture {
  height: 70svh;
  width: 100%;
  position: relative;
}
.wrap-img-half-height picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .wrap-img-half-height picture {
    height: 50vh !important;
  }
}

.wrap-iframe iframe {
  width: 100%;
  height: 70vh;
}
@media (max-width: 768px) {
  .wrap-iframe iframe {
    height: 50vh;
  }
}

sup {
  font-family: arial;
  top: -7px !important;
}

@media (min-width: 768px) {
  .min-h-p {
    min-height: 55px;
  }
}

.wrap-scroll-x {
  overflow: hidden;
  overflow-x: auto;
}
.wrap-scroll-x::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}
@media (max-width: 992px) {
  .wrap-scroll-x::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  padding: 4rem !important;
}

.swal2-title {
  font-size: 2rem !important;
  line-height: normal;
  color: black;
  opacity: 1;
}

div:where(.swal2-container) div:where(.swal2-loader) {
  border-color: #707070 rgba(0, 0, 0, 0) #707070 rgba(0, 0, 0, 0) !important;
}

.loading-send {
  display: none;
  position: relative;
  z-index: 2;
}
.loading-send .spinner {
  left: -35px;
}
.loading-send .spinner > div {
  background-color: black;
}
.loading-send--newsletter .spinner {
  left: 15px;
  top: 50%;
  transform: translateY(-50%) scale(0.4);
}
.loading-send--newsletter .spinner > div {
  background-color: white;
}

.h-min-desc {
  min-height: 105px;
}

.lines-lr {
  position: relative;
  overflow: hidden;
}
.lines-lr::before, .lines-lr::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: black;
  height: 0.1px;
  width: 100%;
}
.lines-lr::before {
  left: -57%;
}
.lines-lr::after {
  right: -57%;
}
@media (max-width: 1200px) {
  .lines-lr::before, .lines-lr::after {
    display: none;
  }
}

.div-line {
  height: 1px;
  width: 100%;
  background-color: #707070;
}
.div-line--vert {
  height: 128px;
  width: 1px;
  background-color: black;
}

.wrap-bts-count--disable {
  opacity: 0.4;
  pointer-events: none;
}

.blocks-count {
  width: 45px;
  height: 45px;
  border: 1px solid black;
  text-align: center;
  margin-left: -1px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mold {
  border-style: solid;
}

.response-hide {
  display: none !important;
}

.webdoor {
  width: 100%;
  height: 100svh;
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
@media (width > 1200px) {
  .webdoor.scrolling {
    z-index: 5;
  }
}
.webdoor.white {
  background-color: #FFFFFF;
}
.webdoor.black {
  background-color: #000000;
}
.webdoor .swiper-slide picture {
  display: block;
  position: relative;
  width: 100%;
  height: 100svh;
}
.webdoor .swiper-slide picture video, .webdoor .swiper-slide picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.webdoor .swiper-slide .logo-minha-casa-minha-vida {
  position: absolute;
  right: -50vw;
  bottom: 20svh;
  max-width: 100px;
  transition: all 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
@media (max-width: 1200px) {
  .webdoor .swiper-slide .logo-minha-casa-minha-vida {
    position: static;
    max-width: 60px;
  }
}
.webdoor .swiper-slide.swiper-slide-active .webdoor-caption {
  opacity: 1;
}
.webdoor .swiper-slide.swiper-slide-active .webdoor-caption p::before {
  height: 100%;
}
.webdoor .swiper-pagination {
  left: 3rem !important;
  bottom: 3rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webdoor .swiper-pagination .swiper-pagination-bullet {
  text-underline-offset: 5px;
  border: none;
  -webkit-text-decoration: underline solid transparent 2px;
          text-decoration: underline solid transparent 2px;
  transition: 0.5s ease;
  background-color: rgba(255, 255, 255, 0.5) !important;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: scale(0.7);
}
.webdoor .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: white !important;
  transform: scale(1);
}
.webdoor .swiper-pagination.pag-center {
  left: 50% !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
}
@media screen and (max-width: 1200px) {
  .webdoor .swiper-pagination {
    left: 2rem !important;
    bottom: 2rem !important;
  }
}
.webdoor .webdoor-link-footer {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  color: white;
  z-index: 2;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .webdoor .webdoor-link-footer {
    bottom: 3rem;
  }
}
.webdoor.motion-in .logo-minha-casa-minha-vida {
  right: 3rem;
  transition-delay: 1s;
}

.webdoor-half {
  height: 65svh;
  position: relative;
  overflow: hidden;
}
.webdoor-half picture {
  display: block;
}
@media (max-width: 992px) {
  .webdoor-half .title-webdoor {
    left: 2rem;
  }
}

.webdoor-caption {
  position: absolute;
  z-index: 2;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.webdoor-caption--l {
  left: 12rem;
  transform: translate(0, -50%);
}
@media (max-width: 992px) {
  .webdoor-caption {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

footer .abs-info {
  max-width: 198px;
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
}
footer .abs-info strong {
  font-size: 1.8rem;
  line-height: normal;
  display: block;
}
footer .abs-info i {
  display: inline-block;
  padding-top: 3px;
  font-size: 1.1rem;
  line-height: normal;
}
footer .abs-instagram {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
footer .footer-links {
  margin-top: 5rem;
}
footer .footer-links a {
  text-decoration: none;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  footer .abs-info {
    position: static !important;
    transform: none;
  }
  footer .abs-instagram {
    bottom: -46px;
  }
}

:root {
  --swiper-theme-color: gbl.$black !important;
}

.swiper {
  border-radius: 0 !important;
}

.swiper-slide picture,
.slick-slide picture {
  position: relative;
}
.swiper-slide picture img,
.swiper-slide picture video,
.slick-slide picture img,
.slick-slide picture video {
  width: 100%;
  height: auto;
}

.swiper-button-text {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.swiper-button-prev::after, .swiper-button-next::after {
  display: none;
}

.wrap-full-navgation {
  display: flex;
  position: absolute;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  bottom: 30px;
  height: 13px;
  width: calc(100% - 6rem) !important;
  flex-wrap: nowrap;
}
.wrap-full-navgation-inline {
  width: 100% !important;
  align-items: center;
}
.wrap-full-navgation-inline .swiper-pagination,
.wrap-full-navgation-inline .swiper-button-prev, .wrap-full-navgation-inline .swiper-button-next {
  position: static;
  height: auto;
  margin: 0;
}
.wrap-full-navgation-inline .swiper-pagination {
  width: auto;
}
.wrap-full-navgation-inline .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: static;
  transform: none !important;
}
.wrap-full-navgation--detail {
  position: static;
  transform: none;
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  align-items: center;
  margin-bottom: 5vh;
}
@media (max-width: 1200px) {
  .wrap-full-navgation {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 15px !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  margin: 0 7px !important;
  transition: all 0.5s ease;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
  width: 15px;
  height: 15px;
  background-color: black !important;
}
.swiper-pagination-clickable.white .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.swiper-pagination-clickable.white-active {
  background-color: white !important;
}

.swiper-pagination.swiper-pagination-fraction {
  color: black;
  white-space: nowrap;
  font-size: 1.6rem;
}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
  margin-right: 7px;
  font-size: 1.2rem;
}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
  margin-left: 7px;
  font-size: 1.2rem;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
  background-color: white;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  background-color: #707070;
}

.wrap-swiper-pagination-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrap-swiper-pagination-arrow .swiper-pagination,
.wrap-swiper-pagination-arrow .swiper-button-prev, .wrap-swiper-pagination-arrow .swiper-button-next {
  position: static;
  height: auto;
  margin: 0;
}

.wrap-arrows {
  position: relative;
  width: 84px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gal-legend-top {
  position: absolute;
  top: 1.5rem;
  left: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .gal-legend-top {
    position: static;
    padding: 20px;
    padding-bottom: 0;
  }
}

.swiperFull {
  width: 100%;
  height: 100svh;
  position: relative;
}
.swiperFull .swiper-slide {
  overflow: hidden;
}
.swiperFull .swiper-slide picture {
  position: relative;
}
.swiperFull .swiper-slide picture img,
.swiperFull .swiper-slide picture video {
  width: 100%;
  height: 100svh;
  transition: transform 1.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateX(30px) scale(1.2);
}
.swiperFull .swiper-slide-active picture img, .swiperFull .swiper-slide-active picture video {
  transform: translateX(0) scale(1);
}

.gal-plantas .swiper-slide {
  position: relative;
}
.gal-plantas picture {
  max-width: 80%;
  margin: 0 auto;
}

.webdoor-half {
  height: 80svh;
  max-height: 900px;
  position: relative;
}
.webdoor-half picture {
  position: relative;
}
.webdoor-half picture img, .webdoor-half picture video {
  width: 100%;
  height: 80svh;
  max-height: 800px;
  transition: transform 1.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrap-gallery-text {
  position: relative;
}
.wrap-gallery-text .swiper {
  max-width: 85%;
  margin: 0 auto;
  position: relative;
}
.wrap-gallery-text .row-gallery {
  position: relative;
}
.wrap-gallery-text .row-gallery::before, .wrap-gallery-text .row-gallery::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.wrap-gallery-text .row-gallery::before {
  left: 6%;
}
.wrap-gallery-text .row-gallery::after {
  right: 6%;
}
@media (max-width: 992px) {
  .wrap-gallery-text .row-gallery::before, .wrap-gallery-text .row-gallery::after {
    display: none;
  }
}

.wrap-menu-areas {
  height: calc(95dvh - 150px);
  max-height: 630px;
  overflow-y: auto;
}
.wrap-menu-areas a {
  width: calc(100% - 10px);
  display: block;
  padding: 7px;
  text-decoration: none;
  transition: all 0.5s ease;
}
.wrap-menu-areas a:hover:not(.active) {
  font-weight: 700;
}
.wrap-menu-areas a.active {
  background-color: #707070;
  color: white;
}

.wrap-modal-full .swiperModal {
  width: 100%;
}
.wrap-modal-full .swiper-pagination-current,
.wrap-modal-full .swiper-pagination-total {
  padding: 2px;
  font-size: 1.4rem;
}
@media (max-width: 1400px) {
  .js-dinamic-text h3 {
    font-size: clamp(2.5rem, 3vw, var(--fs-h3)) !important;
    line-height: calc(clamp(2.5rem, 3vw, var(--fs-h3)) + 0.8rem) !important;
  }
}

.swiper-wrapper--bg-solid .swiper-slide {
  background-color: #F5F5F5;
}

.modal-custom, .search {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  background: white;
  top: 0px;
  left: 0px;
  z-index: 11;
  display: none;
}
.modal-custom .s-wrapper, .search .s-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 100%;
  max-width: 600px;
}
.modal-custom .s-wrapper--full, .search .s-wrapper--full {
  width: 100%;
  height: 100vh;
}
.modal-custom .s-wrapper--full iframe.full, .search .s-wrapper--full iframe.full {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal-custom .s-close, .search .s-close {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0px;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  background-color: black;
}
.modal-custom .s-close:hover svg, .search .s-close:hover svg {
  transform: rotate(90deg);
}
.modal-custom .s-close svg, .search .s-close svg {
  width: 15px;
  height: 15px;
  transform-origin: center center;
  z-index: 5;
  transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
  position: static !important;
}
.modal-custom .s-close svg path, .search .s-close svg path {
  fill: #FFF;
}
@media (max-width: 768px) {
  .modal-custom .s-wrapper, .search .s-wrapper {
    width: 100%;
  }
}

.modal-full {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100%;
  background: white;
  top: 0px;
  left: 0px;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-full .s-closeF {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0px;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  background-color: black;
}
.modal-full .s-closeF:hover svg {
  transform: rotate(90deg);
}
.modal-full .s-closeF svg {
  width: 15px;
  height: 15px;
  transform-origin: center center;
  z-index: 5;
  transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
  position: static !important;
}
.modal-full .s-closeF svg path {
  fill: #FFF;
}
.modal-full .modal-full-content {
  overflow-y: auto;
  max-height: 100vh;
}
.modal-full.open {
  opacity: 1;
  pointer-events: all;
}
.form-modal-whats {
  background-color: #FFF;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-self: center;
  border: 1px solid #707070;
  padding: 3rem;
}
@media (max-width: 1200px) {
  .form-modal-whats {
    padding: 2rem;
  }
}

input {
  width: 100%;
}

textarea {
  resize: none;
}

input:focus, textarea:focus, .form-control:focus {
  box-shadow: none;
  border: none;
}

input {
  height: 30px;
}

input, textarea {
  background-color: transparent;
  padding: 0;
  font-size: 15px;
  border: 0;
}
input:focus, textarea:focus {
  outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 15px;
}
input::placeholder, textarea::placeholder {
  font-size: 15px;
}

/* form .group{
	position: relative;
	margin-bottom: 50px;
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	input{
		margin-bottom: 0 !important;
	}
	@media(max-width: $mobileBig){
		margin-bottom: 35px;
	}
} */
.form-control {
  border: none !important;
  border-radius: 0;
  padding: 0 !important;
  position: relative;
  background-color: transparent;
  margin-bottom: 15px;
}

input, textarea, label, .wrap-drop-webdoor, p.label {
  font-size: 15px !important;
  color: #000;
}

.input-terms {
  font-size: 14px;
}

.form-status {
  font-size: 11px;
  color: #000;
  text-align: right;
  padding: 5px 0;
}

input {
  height: 30px;
  font-family: Tahoma, Verdana, Geneva, sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #000;
}

label.error {
  color: #ff0707;
  font-size: 12px;
  padding: 4px;
  margin: 0px 0 0 0px;
  background-color: #000;
}

textarea {
  resize: none;
  width: 100%;
  padding-top: 15px;
  margin-bottom: 15px;
}

.button {
  display: inline-block;
  color: #FFF;
  text-align: center;
  transition: all 0.5s ease;
  font-size: 15px !important;
}
.button-send {
  width: 142px;
  height: 28px;
  border: 1px solid #FFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.button-send:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  z-index: 0;
  background-color: #FFF;
}
.button-send p {
  color: #FFF;
  transition: all 1s ease;
  font-size: 16px;
}
.button-send:hover:after {
  height: 100%;
}
.button-send:hover p {
  color: #FFF;
  position: relative;
  z-index: 2;
}

.custom-select {
  width: 100%;
  position: relative;
}

.custom-select select {
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
  height: 100%;
  left: 0;
  bottom: -35px;
}

label[for=select-form].error {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 1;
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #FFF transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #FFF transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  color: #000 !important;
  padding: 8px 0px;
  border: 1px solid transparent;
  border-color: transparent transparent rgb(0, 0, 0) transparent;
  cursor: pointer;
}

.select-items div {
  transition: all 0.3s ease;
  padding: 8px 10px;
  border-bottom: 0;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 600px) {
  input, textarea, .select-items div, .select-selected {
    font-size: 13px;
  }
  input::-moz-placeholder, textarea::-moz-placeholder, .select-items div::-moz-placeholder, .select-selected::-moz-placeholder {
    font-size: 13px;
  }
  input::placeholder, textarea::placeholder, .select-items div::placeholder, .select-selected::placeholder {
    font-size: 13px;
  }
}
input {
  width: 100%;
}

textarea {
  resize: none;
}

input:focus, textarea:focus, .form-control:focus {
  box-shadow: none;
  border: none;
}

input {
  height: 40px;
}

input, textarea, .label-for-input-file {
  background-color: white;
  padding: 15px;
  color: #707070;
  font-size: 15px;
  border: 1px solid #707070;
}
input:focus, textarea:focus, .label-for-input-file:focus {
  background-color: white;
  padding: 15px;
  color: #707070;
  font-size: 15px;
  border: 1px solid #707070;
}
input::-moz-placeholder, textarea::-moz-placeholder, .label-for-input-file::-moz-placeholder {
  color: #000000;
  font-size: 16px;
}
input::placeholder, textarea::placeholder, .label-for-input-file::placeholder {
  color: #000000;
  font-size: 16px;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.form-group input {
  margin-bottom: 0 !important;
}

input {
  height: 40px;
  line-height: 40px;
}

label.error {
  color: #ff0707;
  font-size: 11px !important;
  padding: 4px;
  margin: 0px 0 0 0px;
  background-color: transparent;
}

textarea {
  resize: none;
  width: 100%;
  padding-top: 15px;
  margin-bottom: 15px;
}

.form-result-send {
  display: none;
}
.form-result-send p {
  padding: 5px;
}

form.form-newsletter .form-check-input, form.form-search .form-check-input {
  width: 20px;
  height: 20px;
  border: 1px solid white;
  background-color: transparent;
}
form.form-newsletter input[type=radio], form.form-search input[type=radio] {
  padding: 3px;
}
form.form-newsletter p, form.form-newsletter label, form.form-search p, form.form-search label {
  margin: 0;
}
form.form-newsletter .form-check-inline label, form.form-search .form-check-inline label {
  transform: translateY(2px);
}
form.form-newsletter input[type=text], form.form-newsletter .btn, form.form-search input[type=text], form.form-search .btn {
  border: 1px solid white !important;
  border-radius: 0 !important;
  height: 40px;
}
form.form-newsletter input[type=text], form.form-search input[type=text] {
  background-color: transparent;
  box-shadow: none;
  font-size: 1.4rem;
  padding: 0 20px;
  height: 40px;
  color: white;
}
form.form-newsletter input[type=text]::-moz-placeholder, form.form-search input[type=text]::-moz-placeholder {
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: white;
  font-size: 1.4rem;
}
form.form-newsletter input[type=text]::placeholder, form.form-search input[type=text]::placeholder {
  transition: all 0.5s ease;
  color: white;
  font-size: 1.4rem;
}
form.form-newsletter input[type=text]:hover::-moz-placeholder, form.form-search input[type=text]:hover::-moz-placeholder {
  transform: translateX(5px);
}
form.form-newsletter input[type=text]:hover::placeholder, form.form-search input[type=text]:hover::placeholder {
  transform: translateX(5px);
}
form.form-newsletter .input-w-search, form.form-search .input-w-search {
  width: 290px;
  color: black !important;
}
form.form-newsletter .btn, form.form-search .btn {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
form.form-newsletter .btn svg, form.form-search .btn svg {
  transition: all 0.5s ease;
}
form.form-newsletter .btn:focus, form.form-search .btn:focus {
  background-color: transparent;
}
form.form-newsletter .btn:hover svg, form.form-search .btn:hover svg {
  transform: translateX(5px);
}

.form-control.input-validate-mail::-moz-placeholder {
  transform: translateX(10px);
}

.form-control.input-validate-mail::placeholder {
  transform: translateX(10px);
}

.form-newsletter .form-check .form-check-input {
  margin-left: 0;
}
.form-newsletter label.error {
  margin-top: 10px;
  padding-left: 0;
}

form.form-search .form-check-input {
  border: 1px solid black;
}
form.form-search .form-control.input-w-search {
  padding: 0 12px !important;
}
form.form-search input[type=text], form.form-search .btn {
  border: 1px solid black !important;
  height: 40px;
  z-index: auto;
}
form.form-search input[type=text]::-moz-placeholder {
  color: black;
  font-size: 1.2rem;
  padding-left: 0px;
  transform: translate(0px, -1px) !important;
}
form.form-search input[type=text]::placeholder {
  color: black;
  font-size: 1.2rem;
  padding-left: 0px;
  transform: translate(0px, -1px) !important;
}
form.form-search input[type=text]:hover::-moz-placeholder {
  transform: translate(5px, -1px) !important;
}
form.form-search input[type=text]:hover::placeholder {
  transform: translate(5px, -1px) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.wrap-filters {
  display: flex;
  width: 100%;
  justify-content: center;
}

.filter-drop {
  margin: 0 12px 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid black;
  padding: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  min-width: 160px;
  position: relative;
  z-index: auto;
  height: 40px;
  background-color: white;
}
.filter-drop .name-filter {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.filter-drop .filter-drop-list {
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  top: 99%;
  left: -1px;
  border: 1px solid black;
  border-top: 0;
  width: calc(100% + 2px);
  padding-bottom: 10px;
  max-height: 220px;
  overflow-y: auto;
}
.filter-drop .filter-drop-list::-webkit-scrollbar {
  width: 5px;
}
.filter-drop .name-filter, .filter-drop .filter-drop-list a {
  text-decoration: none;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: black;
  text-align: start;
}
.filter-drop .filter-drop-list a {
  width: 100%;
  transition: all 0.5s ease;
  padding: 10px;
}
.filter-drop .filter-drop-list a:hover, .filter-drop .filter-drop-list a.active {
  background-color: #F5F5F5;
}
.filter-drop:hover .filter-drop-list {
  opacity: 1;
  pointer-events: all;
}
.filter-drop--disable {
  cursor: no-drop;
  pointer-events: none;
  opacity: 0.4;
}

.container-check {
  /*     display: flex;
      align-items: center;
      justify-content: flex-start;
   */
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 0px;
  background-color: #FFFFFF;
  border: 1px solid #707070;
}

.container-check.white {
  color: #000000;
  font-size: 10px;
}
.container-check.white span {
  display: inline-block;
  font-size: 12px;
}
.container-check.white a {
  text-decoration: none;
  color: #000000;
}
.container-check.white a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.container-check.white label.error {
  margin-top: 10px !important;
}

/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  border: 1px solid #707070;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 4px;
  top: 0;
  width: 6px;
  height: 10px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

* {
  margin: 0;
  padding: 0;
}

/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 34.43px;
  height: 18.5px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  transform: rotate(-135deg);
}

/* Icon 2 */
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
  top: 7.5px;
}

#nav-icon3 span:nth-child(4) {
  top: 15px;
}

#nav-icon3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 5px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */
#nav-icon4 span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

.loader-page-progress-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 999;
  background-color: #ffffff;
  transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
  opacity: 1;
}
.loader-page-progress-wrap .loader-page-progress {
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
  height: 2px;
  width: 0;
  background-color: #707070;
  transition: all 0.5s ease;
  will-change: width, height;
}
.loader-page-progress-wrap .ico-logo-load {
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 2s ease;
  transform: translate(-50%, -50%);
}
.loader-page-progress-wrap .ico-logo-load svg path {
  animation: fadeLetter 2s ease 0.5s infinite;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-1 {
  animation-delay: 0.12s;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-2 {
  animation-delay: 0.24s;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-3 {
  animation-delay: 0.36s;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-4 {
  animation-delay: 0.48s;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-5 {
  animation-delay: 0.6s;
}
.loader-page-progress-wrap .ico-logo-load svg path#letter-6 {
  animation-delay: 0.72s;
}
.loader-page-progress-wrap .s0 {
  fill: white;
  transform-origin: center;
  animation: float 1s ease-in-out infinite;
}
.loader-page-progress-wrap #loader-Caminho_1 {
  animation-delay: 0s;
  transform: translate(2px, 0px);
}
.loader-page-progress-wrap #loader-Caminho_2 {
  animation-delay: 0.2s;
}
.loader-page-progress-wrap #loader-Caminho_3 {
  animation-delay: 0.1s;
}
.loader-page-progress-wrap #loader-Caminho_4 {
  animation-delay: 0.1s;
}
.loader-page-progress-wrap #loader-Caminho_5 {
  animation-delay: 0s;
}
@keyframes fadeLetter {
  50% {
    opacity: 0.1;
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(1px, -2px) rotate(-2deg) scale(1.05);
  }
}
@keyframes pulseShadow {
  50% {
    filter: drop-shadow(0px 0px 1px #707070);
  }
}
.loader-page-progress-wrap.motion-out {
  pointer-events: none;
  width: 0;
  transform: translateX(100px);
}
.loader-page-progress-wrap.motion-out .ico-logo-loader {
  opacity: 0;
}
.loader-page-progress-wrap.motion-out::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  background-color: rgb(255, 255, 255);
  width: 160px;
  height: 100%;
  z-index: 1;
}

/* From Uiverse.io by PriyanshuGupta28 */
.spinner {
  position: absolute;
  width: 9px;
  height: 9px;
  left: 25px;
  transform: scale(0.6);
}

.spinner div {
  position: absolute;
  width: 50%;
  height: 150%;
  background: #ffffff;
  transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
  animation: spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease;
}

.spinner div:nth-child(1) {
  --delay: 0.1;
  --rotation: 36;
  --translation: 150;
}

.spinner div:nth-child(2) {
  --delay: 0.2;
  --rotation: 72;
  --translation: 150;
}

.spinner div:nth-child(3) {
  --delay: 0.3;
  --rotation: 108;
  --translation: 150;
}

.spinner div:nth-child(4) {
  --delay: 0.4;
  --rotation: 144;
  --translation: 150;
}

.spinner div:nth-child(5) {
  --delay: 0.5;
  --rotation: 180;
  --translation: 150;
}

.spinner div:nth-child(6) {
  --delay: 0.6;
  --rotation: 216;
  --translation: 150;
}

.spinner div:nth-child(7) {
  --delay: 0.7;
  --rotation: 252;
  --translation: 150;
}

.spinner div:nth-child(8) {
  --delay: 0.8;
  --rotation: 288;
  --translation: 150;
}

.spinner div:nth-child(9) {
  --delay: 0.9;
  --rotation: 324;
  --translation: 150;
}

.spinner div:nth-child(10) {
  --delay: 1;
  --rotation: 360;
  --translation: 150;
}

@keyframes spinner-fzua35 {
  0%, 10%, 20%, 30%, 50%, 60%, 70%, 80%, 90%, 100% {
    transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
  }
  50% {
    transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1.5%));
  }
}
.load-ajax-full {
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.load-ajax-full * {
  color: black;
}
.load-ajax-full .spinner {
  left: 50%;
  top: 50%;
  transform: scale(1);
}
.load-ajax-full .spinner div {
  background-color: black;
}
.load-ajax-full p {
  transform: translateY(70px);
}
.load-ajax-full.active {
  opacity: 1;
  pointer-events: all;
}

:root {
  --fs-webdoor: 9rem;
  --fs-title: 5rem;
  --fs-subtitle: 3.5rem;
  --fs-text: 1.6rem;
  --fs-small: 1.4rem;
  --fs-small2: 1.2rem;
}

.caption .cpt-title {
  font-size: clamp(2.4rem, 5vw, var(--fs-title));
}
.caption .cpt-subtitle {
  font-size: clamp(2.2rem, 5vw, var(--fs-subtitle));
}
.caption .cpt-text {
  font-size: var(--fs-text);
  line-height: normal;
}
.caption .cpt-text--small {
  font-size: var(--fs-small);
  line-height: normal;
}
.caption--webdoor .cpt-title {
  font-size: clamp(22px, 7vw, var(--fs-webdoor));
  letter-spacing: 1px;
}
.caption--webdoor .cpt-subtitle {
  font-size: clamp(17px, 3vw, var(--fs-subtitle));
  letter-spacing: 1px;
}
.caption--product strong {
  font-size: var(--fs-text);
}
.caption--product p {
  font-size: var(--fs-small2);
}
@media (max-width: 768px) {
  .caption--product strong {
    font-size: var(--fs-small2);
  }
}
.caption--detail .cpt-title {
  font-size: clamp(4rem, 5vw, 5rem);
}
.caption--detail .cpt-subtitle {
  font-size: 2.8rem;
}
.caption--detail .cpt-sizes {
  font-size: 1.6rem;
}
.caption--detail .cpt-status, .caption--detail .type-status {
  font-size: 1.6rem;
}
.caption--detail .cpt-status--1, .caption--detail .type-status--1 {
  color: #30BF0D;
}
.caption--detail .cpt-status--2, .caption--detail .type-status--2 {
  color: #FF0000;
}
.caption--detail .cpt-edition {
  font-size: 1.2rem;
}
.caption--detail em {
  font-size: 1.4rem;
}
.caption--detail .cpt-price {
  font-size: clamp(1.6rem, 5vw, 2rem);
}
.caption.caption-termos P {
  margin-bottom: 15px;
}
.caption.caption-termos a {
  text-decoration: underline;
}
.caption.caption-termos table {
  margin-bottom: 15px;
}
.caption.caption-termos table, .caption.caption-termos table td, .caption.caption-termos table tr {
  border: 1px solid black;
}
.caption.caption-termos table td {
  padding: 4px;
}
.caption.caption-termos table tr:nth-child(odd) {
  background-color: #707070;
}

.svg-inline {
  position: relative;
  text-indent: 0 !important;
  background-image: none !important;
}
.svg-inline svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ico {
  background-repeat: no-repeat;
  display: inline-block;
  max-width: 100%;
}
.ico-logo-header {
  background-image: url(/frontend/assets/logo-header.svg);
  width: 175px;
  height: 34px;
  background-size: cover;
}
.ico-logo-header.black svg path {
  fill: #000000;
}
.ico-logo-load {
  background-image: url(/frontend/assets/logo-header.svg);
  width: 178px;
  height: 56px;
  background-size: cover;
}
.ico-logo-load.black svg path {
  fill: #000000;
}
.ico-logo-resume {
  background-image: url(/frontend/assets/logo-menu-resume.svg);
  width: 79.99px;
  height: 57.91px;
  background-size: cover;
}
.ico-logo-footer-resume {
  background-image: url(/frontend/assets/logo-footer-resume.svg);
  width: 74.99px;
  height: 57.91px;
  background-size: cover;
}
.ico-close-menu {
  height: 35px;
  width: 35px;
  background-image: url(/frontend/assets/ico-fechar-menu.svg);
}
.ico-instagram {
  height: 21.13px;
  width: 21.57px;
  background-image: url(/frontend/assets/ico-instagram.svg);
}
.ico-instagram.black svg path {
  fill: black;
}
.ico-search {
  height: 25px;
  width: 22px;
  background-image: url(/frontend/assets/ico-search.svg);
}
.ico-search svg path {
  fill: white;
}
.ico-search svg path#search-plus-icon-svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.ico-search:hover svg path#search-plus-icon-svg {
  opacity: 1;
}
.ico-login {
  height: 24px;
  width: 22px;
  background-image: url(/frontend/assets/ico-login.svg);
}
.ico-cart {
  height: 26px;
  width: 27px;
  background-image: url(/frontend/assets/ico-cart.svg);
}
.ico-cart #el-item-cart {
  transition: all 0.5s ease;
  transform: translate(-1129.905px, -424.532px);
}
.ico-cart.motion-in #el-item-cart {
  transform: translate(-1129.905px, -432.532px);
}
.ico-whatsapp {
  width: 32px;
  height: 32px;
  background-image: url(/frontend/assets/ico-whatsapp.svg?v=2);
}
.ico-whatsapp svg {
  width: 32px;
  height: 32px;
}
.ico-play-video {
  width: 35px;
  height: 35px;
  transition: all 0.8s cubic-bezier(0.27, 0.16, 0, 1.01);
  transform-origin: center center;
  background-image: url(/frontend/assets/ico-play.svg);
}
.ico-arrow-bt {
  width: 19.49px;
  height: 13.3px;
  background-image: url(/frontend/assets/ico-arrow-bt.svg);
}
.ico-arrow-send {
  width: 22px;
  height: 15.01px;
  background-image: url(/frontend/assets/arrow-send.svg);
}
.ico-arrow-send.black svg path {
  fill: black;
}
.ico-arrow-filter {
  width: 16.49px;
  height: 13.03px;
  background-image: url(/frontend/assets/arrow-filter.svg);
}
.ico-footer-curve-arrow {
  width: 140.28px;
  height: 93.79px;
  background-image: url(/frontend/assets/footer-curve-arrow.svg);
}
.ico-arrow-next-gal {
  width: 22px;
  height: 15.01px;
  background-image: url(/frontend/assets/arrow-next-gallery.svg);
}
.ico-arrow-prev-gal {
  width: 22px;
  height: 15.01px;
  background-image: url(/frontend/assets/arrow-prev-gallery.svg);
}
.ico-minus {
  width: 17px;
  height: 1px;
  background-image: url(/frontend/assets/ico-minus.svg);
}
.ico-plus {
  width: 15px;
  height: 15px;
  background-image: url(/frontend/assets/ico-plus.svg);
}
.ico-mouse-zoom {
  width: 40px;
  height: 40px;
  background-image: url(/frontend/assets/mouse-zoom.svg);
}
.ico-one {
  /* width: 83.07px;
  height: 15.48px; */
  width: 137.6px;
  height: 18.6px;
  background-image: url(/frontend/assets/powered-by-one.svg);
}
.ico-one svg path {
  fill: black;
}
@media (max-width: 768px) {
  .ico-logo-header {
    width: 134px;
    height: 30px;
  }
  .ico-logo-resume {
    width: 59.99px;
    height: 43.91px;
  }
}

.act-bt,
.act-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 230px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.27, 0.16, 0, 1.01);
  background-color: black;
  color: white;
  padding: 0 20px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  cursor: pointer;
}
.act-bt.bg-loading,
.act-link.bg-loading {
  background-color: transparent;
  border: 1px solid black;
  pointer-events: none;
}
.act-bt.bg-loading *,
.act-link.bg-loading * {
  color: black;
}
.act-bt--add,
.act-link--add {
  height: 45px;
  max-width: 250px;
}
.act-bt--clear-filter,
.act-link--clear-filter {
  min-width: auto;
}
.act-bt--clear-filter p,
.act-link--clear-filter p {
  font-size: 11px !important;
}
.act-bt--success,
.act-link--success {
  background-color: rgb(32, 184, 32);
  pointer-events: none;
}
.act-bt--error,
.act-link--error {
  background-color: rgb(255, 46, 46);
  pointer-events: none;
}
.act-bt--disable,
.act-link--disable {
  pointer-events: none;
  opacity: 0.2;
}
.act-bt p,
.act-link p {
  color: white;
  white-space: nowrap;
  font-size: 1.5rem;
}
.act-bt svg,
.act-link svg {
  transition: all 0.4s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.act-bt:hover, .act-bt.active,
.act-link:hover,
.act-link.active {
  background-color: white;
  border: 1px solid black;
}
.act-bt:hover p, .act-bt.active p,
.act-link:hover p,
.act-link.active p {
  color: black;
}
.act-bt:hover svg:not(.response), .act-bt.active svg:not(.response),
.act-link:hover svg:not(.response),
.act-link.active svg:not(.response) {
  transform: translateX(20px);
}
.act-bt:hover svg path, .act-bt.active svg path,
.act-link:hover svg path,
.act-link.active svg path {
  fill: black;
}
@media (max-width: 768px) {
  .act-bt p,
  .act-link p {
    font-size: 1.6rem;
  }
}

.playBtn {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.playBtn span,
.playBtn p,
.playBtn svg {
  transition: all 0.5s ease;
}
.playBtn p {
  color: white;
  font-size: 1.6rem;
}
.playBtn:hover p, .playBtn.active p {
  transform: translateX(-5px);
}
.playBtn:hover span, .playBtn.active span {
  transform: translateX(5px);
  transition-delay: 0.1s;
}
.playBtn:hover span svg, .playBtn.active span svg {
  transform: scale(1.02);
}

.act-bt.dropdown-toggle {
  display: flex;
  justify-content: space-between;
}
.act-bt.dropdown-toggle .ico {
  margin-left: 10px;
  transition: all 0.2s ease;
}
.act-bt.dropdown-toggle::after {
  display: none;
}
.act-bt.dropdown-toggle:hover p {
  color: black;
}
.act-bt.dropdown-toggle:hover svg path {
  fill: black;
}
.act-bt.dropdown-toggle.show .ico {
  transform: scaleY(-1);
}

.dropdown-menu {
  border-radius: 10px;
  border: 1px solid #707070;
  top: 10px !important;
}
.dropdown-menu::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background-color: white;
  border-left: 1px solid #707070;
  border-top: 1px solid #707070;
}
.dropdown-menu .dropdown-item {
  font-size: 1.6rem;
  padding: 10px;
}
.dropdown-menu .dropdown-item:hover {
  color: white;
  background-color: #707070;
}
.dropdown-menu .dropdown-item.active {
  background-color: #707070;
}

.act-newsletter {
  width: 45px;
  height: 300px;
  background-color: #707070;
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  transition: width 0.2s linear;
}
.act-newsletter p {
  transition: transform 0.1s linear;
  font-size: 1.8rem;
  color: white;
  writing-mode: vertical-lr;
  transform: translateX(5px) scale(-1, -1);
}
.act-newsletter .ico {
  transform: translateX(2px);
}
.act-newsletter:hover {
  width: 50px;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
  color: #000000;
}

.sl-overlay {
  background-color: #FFFFFF;
}

.sl-wrapper .sl-counter {
  display: none !important;
}

.sl-wrapper .sl-close {
  transition: all 0.5s;
  transform-origin: center center !important;
  width: 16px !important;
  height: 44px !important;
  right: 3rem !important;
}
.sl-wrapper .sl-close:hover {
  transform: rotate(90deg);
}

/* .ico-zoom{
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 6;
    @media (max-width:gbl.$mobile) {
        right: 10px;
        bottom: 10px;
    }
} */
.sl-image {
  cursor: grab;
}

/* .img-zoom{
    .ico-zoom{
        //background-color: rgba(gbl.$white, .5);
       // border: 5px solid rgba(gbl.$white, .0);
        bottom: 40px;
        right: 40px;
        @media (max-width:gbl.$mobile) {
            right: 10px;
            bottom: 10px;
        }
        svg{
            path{
                fill : gbl.$white;
            }
        }
        @media(max-width: gbl.$mobile){
            //display: none;
        }
    }
} */
.fancybox__container {
  --fancybox-color: #334155;
  --fancybox-bg: #fff;
  --fancybox-content-color: #6B7280;
  --fancybox-content-bg: #fff;
  --fancybox-thumbs-width: 48px;
  --fancybox-thumbs-ratio: 1;
  --carousel-button-svg-stroke-width: 1.5;
  --carousel-button-svg-filter: none;
}

/**
*  Navigation buttons
*/
.fancybox__nav {
  --carousel-button-bg: #E5E7EB;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  --carousel-button-svg-stroke-width: 3;
}

.fancybox__nav .carousel__button.is-next {
  right: 30px;
}

.fancybox__nav .carousel__button.is-prev {
  left: 30px;
}

.fancybox__nav .carousel__button.is-prev,
.fancybox__nav .carousel__button.is-next {
  border-radius: 5px !important;
  background-color: transparent;
  border: 2px solid #000;
}

.carousel__button.is-close {
  top: 0;
  right: 0;
  z-index: 10;
}

/**
*  Toolbar
*/
.fancybox__toolbar {
  padding: 0;
  background: var(--fancybox-bg);
  text-shadow: none;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
}

.fancybox__toolbar {
  display: flex;
  border-bottom: 1px solid #E5E7EB;
}

/**
* Thumbnails
*/
.fancybox__thumbs .carousel__slide {
  width: 68px;
  height: auto;
}

.is-nav-selected .fancybox__thumb::after {
  display: none;
}

.carousel__slide.has-thumb:hover,
.carousel__slide.has-thumb.is-nav-selected {
  border-color: #6B7280;
}

.carousel__slide.has-thumb.has-video {
  --fancybox-thumbs-ratio: 16 / 9;
}

.carousel__slide.has-thumb.has-video .fancybox__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  background-position: center center;
  background-size: 60% 60%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24.38"><path d="M35.46 3.81A4.58 4.36 0 0032.24.75C29.37 0 17.93 0 17.93 0S6.48 0 3.63.72c-1.54.4-2.8 1.6-3.23 3.1-.75 2.72-.75 8.37-.75 8.37s0 5.68.75 8.37a4.58 4.36 0 003.22 3.07c2.9.75 14.3.75 14.3.75s11.45 0 14.32-.72a4.58 4.36 0 003.22-3.07c.75-2.72.75-8.37.75-8.37s.03-5.68-.75-8.4zm0 0" fill="white"/><path d="M14.29 17.4l9.51-5.21-9.51-5.22zm0 0" fill="black"/></svg>');
}

.fancybox__caption {
  font-size: 1.6rem;
  font-family: "aptos", sans-serif;
}

.pagination {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: 2px;
}
.pagination a {
  background-color: white;
  transition: all 0.5s ease;
  font-size: 14px;
  color: #000 !important;
  padding: 12px;
  height: 45px;
  min-width: 45px;
  color: #000 !important;
  margin: 0;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination a:hover, .pagination a.active {
  background-color: #F5F5F5;
}

header .wrap-sandwitch {
  display: none;
  top: 0px;
}
header.header-1 {
  position: absolute;
  top: -500px;
  left: 0;
  width: 100%;
  z-index: 3;
  transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
  background: transparent;
  background-color: transparent;
}
header.header-1 .explore-wrap .box-fx {
  width: 30px;
  height: 20px;
}
header.header-1 .explore-wrap .box-fx span {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 1px;
  background-color: white;
  transition: all cubic-bezier(0.27, 0.16, 0, 1.01) 0.15s;
  transform-origin: center center;
}
header.header-1 .explore-wrap .box-fx span:nth-child(1), header.header-1 .explore-wrap .box-fx span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%);
}
header.header-1 .explore-wrap .box-fx span:nth-child(2), header.header-1 .explore-wrap .box-fx span:nth-child(4) {
  left: 50%;
  transform: translatex(-50%);
}
header.header-1 .explore-wrap .box-fx span:nth-child(1) {
  left: 0;
}
header.header-1 .explore-wrap .box-fx span:nth-child(2) {
  top: 0;
}
header.header-1 .explore-wrap .box-fx span:nth-child(3) {
  right: 0;
}
header.header-1 .explore-wrap .box-fx span:nth-child(4) {
  bottom: 0;
}
header.header-1 .explore-wrap p {
  color: white;
  font-size: 1.4rem;
}
header.header-1 .explore-wrap:hover .box-fx span:nth-child(1) {
  left: calc(100% - 10px);
}
header.header-1 .explore-wrap:hover .box-fx span:nth-child(3) {
  right: calc(100% - 10px);
}
header.header-1 .explore-wrap:hover .box-fx span:nth-child(2), header.header-1 .explore-wrap:hover .box-fx span:nth-child(4) {
  left: 50%;
  transform: translatex(-50%) rotate(270deg);
}
header.header-1 .explore-wrap:hover p {
  font-style: italic;
}
header.header-1 .header-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
header.header-1 .header-logo svg {
  transition: all 1.5s cubic-bezier(0.83, 0, 0.17, 1);
  transform: translateY(50vw);
  height: 100%;
  width: 100%;
}
header.header-1 .header-logo svg path {
  transition: all 0.3s cubic-bezier(0.27, 0.16, 0, 1.01);
}
header.header-1 .header-logo:hover #letter-2,
header.header-1 .header-logo:hover #letter-4,
header.header-1 .header-logo:hover #letter-5,
header.header-1 .header-logo:hover #letter-6 {
  height: 0;
  opacity: 0;
  transform: translateY(-100px);
}
header.header-1 .header-logo:hover #letter-2 {
  animation-delay: 1.1s;
}
header.header-1 .header-logo:hover #letter-3 {
  animation-delay: 1.65s;
}
header.header-1 .header-logo:hover #letter-4 {
  animation-delay: 2.2s;
}
header.header-1 .header-logo:hover #letter-5 {
  animation-delay: 2.75s;
}
header.header-1 .header-logo:hover #letter-1 {
  transform: translateX(62px);
}
header.header-1 .header-logo:hover #letter-3 {
  transform: translateX(28px);
}
header .total-cart-float {
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
}
header.header-absolute {
  position: absolute;
  top: -500px;
}
header.header-absolute svg {
  transform: translateX(0px);
  filter: brightness(100);
}
header .total-cart-float {
  color: white;
}
header.motion-in {
  top: 0px;
}
header.motion-in nav {
  transform: translateY(0);
  opacity: 1;
  display: flex;
}
header.motion-in .header-logo svg {
  transition-delay: 0.3s;
  transform: translateY(0px);
}
header.motion-in.scrolling, header.motion-in.header-white {
  padding: 0;
  position: fixed;
  z-index: 3;
  background-color: white;
}
header.motion-in.scrolling p, header.motion-in.scrolling a, header.motion-in.header-white p, header.motion-in.header-white a {
  color: black;
}
header.motion-in.scrolling .explore-wrap .box-fx span, header.motion-in.header-white .explore-wrap .box-fx span {
  background-color: black;
}
header.motion-in.scrolling svg:not(#carrinho) path, header.motion-in.header-white svg:not(#carrinho) path {
  fill: black;
}
header.motion-in.scrolling svg#carrinho path, header.motion-in.header-white svg#carrinho path {
  fill: black;
}
header.motion-in.scrolling svg#carrinho path#Caminho_4237, header.motion-in.header-white svg#carrinho path#Caminho_4237 {
  fill: white;
}
header.motion-in.scrolling .total-cart-float, header.motion-in.header-white .total-cart-float {
  color: black;
}
header.motion-in.scrolling.header-black, header.motion-in.header-white.header-black {
  background-color: black;
}
@media (max-width: 1200px) {
  header.header-1 {
    padding: 0rem 0;
    position: fixed;
  }
  header.header-1.scrolling {
    padding: 1.5rem 0;
  }
  header.header-1.scrolling .wrap-sandwitch {
    top: 0;
  }
  header .wrap-sandwitch {
    display: flex;
    z-index: 3;
  }
}

.wrap-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: black;
  z-index: 5;
  transition: all 1s cubic-bezier(0.27, 0.16, 0, 1.01);
  pointer-events: none;
  opacity: 0;
}
.wrap-menu .close-menu {
  position: absolute;
  top: 3rem;
  left: 3rem;
  z-index: 4;
  transition: all 0.5s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.wrap-menu .close-menu:hover {
  transform: rotate(45deg);
}
.wrap-menu video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrap-menu .mask-circle {
  transition: left 1.2s cubic-bezier(0.27, 0.16, 0, 1.01);
  z-index: 2;
  left: -45%;
  top: 50%;
  transform: translateY(-50%) scale(1.4);
  aspect-ratio: 1;
  width: 85vw;
  border-radius: 50%;
  background-color: black;
}
.wrap-menu .wrap-menu-content {
  height: 80vh;
}
.wrap-menu .wrap-menu-content .menu-logo-open svg path {
  transition: all 0.5s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.wrap-menu .wrap-menu-content .menu-logo-open:hover svg path:nth-child(1) {
  transform: translateX(-2px);
}
.wrap-menu .wrap-menu-content .menu-logo-open:hover svg path:nth-child(2) {
  transform: translateX(2px);
}
.wrap-menu .wrap-menu-content nav ul li {
  opacity: 0;
  transition: opacity 0.7s ease;
  will-change: opacity;
  margin-bottom: 6vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 410px;
}
.wrap-menu .wrap-menu-content nav ul li a {
  text-decoration: none;
  color: white;
  position: relative;
}
.wrap-menu .wrap-menu-content nav ul li a p {
  transition: all 0.3s ease;
  font-size: clamp(1.4rem, 4vw, 6rem);
}
.wrap-menu .wrap-menu-content nav ul li a p:nth-child(2) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
@media (min-width: 768px) {
  .wrap-menu .wrap-menu-content nav ul li:hover a p:nth-child(1) {
    opacity: 0;
  }
  .wrap-menu .wrap-menu-content nav ul li:hover a p:nth-child(2) {
    opacity: 1;
  }
}
.wrap-menu .wrap-menu-content nav.motion-in ul li {
  opacity: 1;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(1) {
  animation-delay: 0.15s;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(2) {
  animation-delay: 0.3s;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(3) {
  animation-delay: 0.45s;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(4) {
  animation-delay: 0.6s;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(5) {
  animation-delay: 0.75s;
}
.wrap-menu .wrap-menu-content nav.motion-in ul li:nth-child(6) {
  animation-delay: 0.9s;
}
.wrap-menu .wrap-menu-content .menu-instagram svg {
  transition: all 0.5s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.wrap-menu .wrap-menu-content .menu-instagram:hover svg {
  transform: scale(1.1);
}
.wrap-menu.active {
  pointer-events: all;
  opacity: 1;
}
.wrap-menu.active .mask-circle {
  left: -25%;
}
@media (max-width: 992px) {
  .wrap-menu.active .mask-circle {
    transform: translateY(-50%) scale(2.2);
    height: 50vh;
    left: -50%;
  }
  .wrap-menu .close-menu {
    left: 2rem;
  }
  .wrap-menu .wrap-menu-content {
    height: 70vh;
  }
  .wrap-menu .wrap-menu-content nav ul {
    -moz-columns: 1;
         columns: 1;
  }
}

section {
  position: relative;
}
section .menus-sticky, section.section-half-webdoor .wrap-scroll-x, section.section-list .wrap-filters {
  position: sticky;
  top: 75px;
  z-index: 4;
}
section .menus-sticky a, section.section-half-webdoor .wrap-scroll-x a, section.section-list .wrap-filters a {
  text-decoration: none;
  color: inherit;
}
section .menus-sticky a p, section.section-half-webdoor .wrap-scroll-x a p, section.section-list .wrap-filters a p {
  font-size: 1.4rem;
}
section.section-list {
  position: relative;
  padding-top: 75px;
  min-height: 200px;
}
section.section-list::before {
  content: "";
  position: absolute;
  top: 0;
  height: 75px;
  width: 100%;
  background-color: black;
}
section.section-list .wrap-filters h2 {
  font-size: 2rem;
}
section.section-list .wrap-filters .wrap-bts {
  -moz-column-gap: 15px;
       column-gap: 15px;
}
section.section-list .wrap-filters .wrap-bts a p {
  font-size: 1.4rem;
}
section.section-list .wrap-filters .act-link {
  width: 135px;
}
section.section-list .wrap-filters .act-bt.dropdown-toggle {
  min-width: 160px;
}
section.section-list .wrap-filters .act-bt.dropdown-toggle p {
  font-size: 1.4rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  section.section-list .wrap-filters .act-bt.dropdown-toggle {
    padding: 0 15px;
    min-width: 130px;
  }
}
section.section-half-webdoor {
  position: relative;
  padding-top: 75px;
}
section.section-half-webdoor::before {
  content: "";
  position: absolute;
  top: 0;
  height: 75px;
  width: 100%;
  background-color: black;
}
section.section-half-webdoor nav.nav-anchors, section.section-half-webdoor nav.nav-links {
  gap: 20px;
  padding: 0 3rem;
  background-color: white;
  height: 75px;
  white-space: nowrap;
  width: 100%;
}
section.section-half-webdoor nav.nav-anchors a.active p, section.section-half-webdoor nav.nav-links a.active p {
  color: #707070;
}
@media (max-width: 992px) {
  section.section-half-webdoor nav.nav-anchors, section.section-half-webdoor nav.nav-links {
    padding: 0;
  }
}
section.section-half-webdoor .mosaic {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3);
  grid-gap: 15px;
  overflow: hidden;
}
section.section-half-webdoor .mosaic .mosaic-item {
  padding-bottom: 50%;
  position: relative;
}
section.section-half-webdoor .mosaic .mosaic-item picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.section-half-webdoor .mosaic .mosaic-item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
}
section.section-half-webdoor .mosaic .mosaic-item.item-1 {
  grid-column: 1/3;
  grid-row: 1/1;
}
section.section-half-webdoor .mosaic .mosaic-item.item-2 {
  grid-column: 1/2;
  grid-row: 2/4;
  padding-bottom: 100%;
}
section.section-half-webdoor .mosaic .mosaic-item a {
  pointer-events: none;
}
section.section-half-webdoor .wrap-status {
  border: 1px solid #707070;
}
section.section-half-webdoor .wrap-status .fs-text.status-number {
  font-size: 3.5rem;
}
section.section-half-webdoor .wrap-about-timeline .wrap-tl {
  border-left: 1px solid #707070;
  padding: 20px 20px;
  width: 20%;
}
section.section-half-webdoor .wrap-about-timeline .wrap-tl .fs-small {
  line-height: 2rem;
  min-height: 40px;
}
section.section-half-webdoor .wrap-about-timeline .wrap-tl:last-child {
  border-right: 1px solid #707070;
}
@media (max-width: 992px) {
  section.section-half-webdoor .wrap-about-timeline {
    flex-wrap: wrap;
  }
  section.section-half-webdoor .wrap-about-timeline .wrap-tl {
    width: 50%;
  }
}
@media (max-width: 540px) {
  section.section-half-webdoor .wrap-about-timeline .wrap-tl {
    width: 100%;
  }
}
section.section-half-webdoor .row-premios .wrap-logos {
  gap: clamp(20px, 4vw, 100px);
}
section.section-half-webdoor .row-premios img {
  max-width: 100%;
  width: auto;
}
@media (max-width: 992px) {
  section.section-half-webdoor .row-premios .wrap-logos {
    flex-wrap: wrap;
  }
}
section.section-half-webdoor .wrap-news {
  text-decoration: none;
  color: inherit;
  border: 1px solid #707070;
  padding: 20px;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.7s cubic-bezier(0.27, 0.16, 0, 1.01);
}
section.section-half-webdoor .wrap-news picture {
  overflow: hidden;
}
section.section-half-webdoor .wrap-news picture img {
  transition: transform 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
section.section-half-webdoor .wrap-news:hover {
  background-color: #707070;
}
section.section-half-webdoor .wrap-news:hover picture img {
  transform: scale(1.1);
}
section.section-half-webdoor .wrap-news:hover .act-link p {
  color: white;
}
section.section-half-webdoor .wrap-news:hover .act-link svg path {
  fill: white;
}
section.section-half-webdoor .wrap-news:hover .act-link::after {
  bottom: 0;
}
@media (min-width: 992px) {
  section.section-half-webdoor .wrap-news:hover .act-link p {
    transform: translate(-2px, 0px);
  }
  section.section-half-webdoor .wrap-news:hover .act-link svg {
    transform: translateX(3px);
  }
}
@media (max-width: 992px) {
  section.section-half-webdoor .wrap-news {
    min-height: 550px;
  }
}
section.section-half-webdoor .ico-share {
  transition: all 0.2s ease;
}
section.section-half-webdoor .ico-share:hover {
  transform: translateY(3px);
}

.g-5,
.gx-5 {
  --bs-gutter-x: 5rem;
}

.wrap-thumb-product a {
  text-decoration: none;
}
.wrap-thumb-product picture {
  position: relative;
  padding-bottom: 125.5%;
  background-color: #F5F5F5;
}
.wrap-thumb-product picture img {
  transition: all 0.5s cubic-bezier(0.27, 0.16, 0, 1.01);
  will-change: opacity;
  transform-origin: center center;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100% !important;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.wrap-thumb-product picture img.mold {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.wrap-thumb-product picture img:nth-child(2) {
  z-index: 1;
  opacity: 0;
}
.wrap-thumb-product picture.picture-mold {
  background-color: #F5F5F5;
  max-height: 553px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  cursor: auto;
}
@media (min-width: 992px) {
  .wrap-thumb-product picture.picture-mold {
    height: 34vw;
  }
}
.wrap-thumb-product picture.picture-mold img {
  height: auto;
  max-height: 523px;
  position: static;
  transform: scale(0.99);
}
.wrap-thumb-product picture.picture-mold:hover * {
  cursor: url("/frontend/images/mouse-zoom.png?v=2"), pointer;
}
.wrap-thumb-product:hover picture img:nth-child(2) {
  opacity: 1;
}

.wrap-thumb-artist picture {
  position: relative;
  border-radius: 50%;
  aspect-ratio: 1;
  margin: 0 auto;
  overflow: hidden;
}
.wrap-thumb-artist picture img {
  transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrap-thumb-artist:hover picture img {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .wrap-thumb-artist picture {
    max-width: 80%;
  }
}

.wrap-thumb-post picture {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.wrap-thumb-post picture img {
  transition: all 0.5s ease;
}
.wrap-thumb-post:hover picture img {
  transform: scale(1.1);
}

.wrap-thumbs-frame-ajax {
  width: -moz-fit-content;
  width: fit-content;
}
.wrap-thumbs-frame-ajax .thumb-frame-ajax {
  border-style: solid;
  width: 50px;
  height: 50px;
  border-left: transparent !important;
  border-right: transparent !important;
  border-bottom: transparent !important;
}

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