@charset "UTF-8";
*::before,
*::after,
* {
  clear: both;
  float: none;
  z-index: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  box-sizing: border-box;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  background: none;
  text-align: match-parent;
  text-decoration: none;
  text-transform: inherit;
  text-shadow: 0;
  overflow-wrap: normal;
  opacity: 1;
  visibility: visible;
  outline: 0;
  overflow: visible;
}
html > body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100vw;
  grid-template-areas: "gaWebsiteHeader" "gaWebpage" "gaWebsiteFooter";
  position: relative;
  min-height: 100vh;
  overflow: clip auto;
}
html > body > header {
  grid-area: gaWebsiteHeader;
  width: 100%;
}
html > body > footer {
  grid-area: gaWebsiteFooter;
}
html > body > main {
  grid-area: gaWebpage;
  overflow-x: clip;
}
html > body > main > section {
  margin: auto;
  max-width: inherit;
}
html script {
  display: none;
  visibility: hidden;
}
html picture > img {
  aspect-ratio: auto;
  border-radius: inherit;
}
html img {
  display: block;
  width: inherit;
  max-width: 100%;
  overflow: auto;
  object-position: center;
}
html svg {
  display: block;
  width: inherit;
  max-width: 100%;
  height: inherit;
  max-height: inherit;
}
html video {
  display: block;
  max-width: 100%;
}
html label:has(> input[type="file"])::after {
  content: "Upload";
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 700;
}
html label:has(> input[type="file"]) > input[type="file"] {
  display: none;
}
html button {
  display: inline-block;
  text-align: center;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
  transition: background 250ms ease-in-out, transform 150ms ease;
}
html button:active {
  transform: scale(0.99);
}
html button:hover,
html button:focus {
  color: inherit;
  outline: 0;
}
html button > object[type="image/svg+xml"] {
  pointer-events: none;
}
html button > object[type="image/svg+xml"]:only-child {
  width: 100%;
  height: 100%;
}
html a {
  color: inherit;
  cursor: pointer;
}
html a:focus {
  color: inherit;
}
html a > object[type="image/svg+xml"] {
  pointer-events: none;
}
html a > object[type="image/svg+xml"]:only-child {
  width: 100%;
  height: 100%;
}
html strong,
html span,
html br {
  clear: none;
  text-transform: inherit;
  color: inherit;
}
html i {
  clear: none;
  text-transform: inherit;
  font-style: italic;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
html b {
  clear: none;
  text-transform: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: 700;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
*:root {
  font-family: "acumin-pro-wide", sans-serif;
  scroll-behavior: smooth;
  --unnamed-color-011434: #011434;
  --color-ui-base-foreground-dark: #011434;
  --color-ui-base-foreground-light: #F8F8F8;
  --color-text-webpage-product: #011434;
  --color-ui-elements-webpage-product: #011434;
  --color-product-profile-projection-webpage-product: #011434;
}
*.undisplay {
  display: none !important;
}
@keyframes parallax {
  to {
    transform: translateY(calc(var(--parallax-speed) * 200px));
  }
}
svg:hover *.st0.hotedit {
  /* transform: rotate(45deg) translate(-13px, 2px); */
  d: "M 28.21 0 L 0 0";
  /* d: path("M 0 0 L 28 0"); */
  transform: rotate(45deg);
  transform-origin: bottom left;
  transform-box: fill-box;
  transition: all 1s ease 0s;
}
@keyframes fadeInUntilHalf {
  0% {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeInFromHalf {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}
@keyframes fadeInOutCustom {
  0% {
    opacity: 0.3;
  }
  to {
    opacity: 0.5;
  }
}
nav.secondary {
  display: flex;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: 3em;
  margin: 68px auto;
  text-transform: uppercase;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  nav.secondary {
    margin: 34px auto;
  }
}
nav.secondary > a {
  display: inline-block;
  text-align: center;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@keyframes background-slide-in {
  from {
    background: linear-gradient(to right, gray, gray, transparent, transparent) 100% 0% / 200% 100%, var(--product-background, none) 0% 0% / 50% 100% no-repeat scroll padding-box border-box, linear-gradient(to right, transparent 50%, var(--product-main-color, gray) 50%) 0% 0%;
  }
  to {
    background: linear-gradient(to right, gray, gray, transparent, transparent) 0% 0% / 200% 100%, var(--product-background, none) 0% 0% / 50% 100% no-repeat scroll padding-box border-box, linear-gradient(to right, transparent 50%, var(--product-main-color, gray) 50%) 0% 0%;
  }
}
*#the-desired-element {
  animation-duration: 3s;
  animation-name: slide-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
*#the-desired-element {
  animation: 3s infinite alternate background-slide-in;
}
@keyframes background-color-slide-in {
  from {
    width: 100%;
  }
  to {
    width: 50%;
  }
}
*[data-carousel-id="welcome"] {
  --slide-text-and-ui-color: attr(data-ui-color type(<color>), #011434);
  display: grid;
  grid-template-rows: 127px 205px 450px 216px;
  grid-template-columns: 1fr repeat(2, 600px) 1fr;
  grid-template-areas: "...... gaMainHead  gaMainHead  ......" "...... gaProdHead  gaProdHead  ......" "gaPrev gaProdStuff gaProdStuff gaNext" "...... gaProdNav   gaProdNav   ......";
  place-content: center;
  place-items: center;
  gap: normal;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] {
    grid-template: "gaMainHead" 111px "gaProdHead" 1fr "gaProdImg" auto "gaProdStuff" auto "gaProdNav" auto "gaSwiperC" auto / 1fr;
    place-content: space-between;
    background: var(--product-main-color, gray);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  *[data-carousel-id="welcome"] {
    grid-template-rows: 127px auto auto 216px !important;
    grid-template-columns: minmax(16px, 1fr) 150px repeat(2, minmax(330px, 450px)) 150px minmax(16px, 1fr) !important;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  *[data-carousel-id="welcome"] {
    grid-template-rows: 127px auto auto 216px !important;
    grid-template-columns: 1fr 190px repeat(2, minmax(450px, 600px)) 190px 1fr !important;
  }
}
*[data-carousel-id="welcome"] svg#products-profiles-projections-container {
  grid-area: gaProdStuff;
  place-self: center;
  /* display: none; */
  position: absolute;
  z-index: 2;
  max-width: 1200px;
  max-height: 451px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] svg#products-profiles-projections-container {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  *[data-carousel-id="welcome"] svg#products-profiles-projections-container {
    place-self: start center;
    position: relative;
  }
}
*[data-carousel-id="welcome"] svg#products-profiles-projections-container path#target {
  fill: #F8F8F8;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper {
  grid-area: 1/1/5/5;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper {
    height: 100vh;
    max-height: 100vh;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide {
  background: url("../images/line-bg.png") 0% 0% / contain no-repeat scroll padding-box border-box, #CEB493 none 0% 0% / contain no-repeat scroll padding-box border-box;
  background: linear-gradient(to right, gray, gray, transparent, transparent) 100% 0% / 200% 100%, var(--product-background, none) 0% 0% / 50% 100% no-repeat scroll padding-box border-box, linear-gradient(to right, transparent 50%, var(--product-main-color, gray) 50%) 0% 0%;
  display: grid;
  grid-template-rows: 127px 205px 450px 216px;
  grid-template-columns: 250px repeat(2, 600px) 250px;
  grid-template-areas: "...... gaMainHead  gaMainHead  ......" "...... gaProdHead  gaProdHead  ......" "gaPrev gaProdStuff gaProdStuff gaNext" "...... gaProdNav   gaProdNav   ......";
  place-content: center;
  place-items: center;
  gap: normal;
  position: relative;
  color: var(--slide-text-and-ui-color, #011434);
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide {
    grid-template: "gaMainHead" 111px "gaProdHead" 1fr "gaProdImg" auto "gaProdStuff" auto "gaProdNav" auto / 1fr;
    place-content: space-between;
    padding: 21px 0;
    background: var(--product-main-color, gray);
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide h2.product {
  grid-area: gaProdHead;
  place-self: start center;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: inherit;
  font: normal normal 100 normal 18.75rem/0.7 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  z-index: -1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide h2.product {
    place-self: center;
    display: flex;
    flex-flow: column nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    aspect-ratio: 1 !important;
    font-size: clamp(64px, 15.625vw, 154px);
    line-height: 1;
    rotate: -90deg;
    z-index: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide h2.product {
    font-size: clamp(64px, 15.625vw, 300px);
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide p.product.slogan {
  grid-area: gaProdStuff;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  position: relative;
  z-index: 100;
  opacity: 0;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide p.product.slogan {
    color: inherit;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide p.product.slogan {
    font-size: 2.375rem;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide p.product.slogan > strong {
  font-weight: 300;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide *.product.profile-projection {
  grid-area: gaProdStuff;
  place-self: start center;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide *.product.profile-projection {
    display: none;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.main-image {
  grid-area: gaProdStuff;
  place-self: end center;
  position: relative;
  /* bottom: -118px; */
  bottom: -38%;
  max-width: 100vw;
  opacity: 0;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.main-image {
    grid-area: gaProdImg;
    bottom: auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.main-image {
    grid-area: 3/3/5/5;
    bottom: auto;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.main-image.animate__animated.animate__zoomIn {
  opacity: 1;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.background.bg-container.mobile {
  grid-area: 2/1/5/2;
  place-self: start center;
  position: absolute;
  z-index: -1;
  width: 65px;
  height: 450px;
  max-height: 80vh;
}
@media only screen and (min-width: 768px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.background.bg-container.mobile {
    grid-area: 1/1/5/4;
    place-self: stretch;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.background.bg-container.mobile > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions {
  grid-area: gaProdNav;
  display: flex;
  flex-flow: row nowrap;
  place-content: space-between;
  place-items: center;
  gap: normal;
  width: 100%;
  color: inherit;
  font: normal normal 300 normal 2.1875rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  transition: all 0s linear 0.3s;
  opacity: 0;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions {
    place-content: center;
    text-decoration: underline;
    font: normal normal 300 normal 1.125rem/1.44444444 "acumin-pro-wide", sans-serif;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions > a:first-of-type {
  text-align: left;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions > a:first-of-type {
    display: none;
  }
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions > a:last-of-type {
  text-align: right;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions > a:hover {
  text-decoration: underline;
}
*[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide *.background.bg-container.full-color {
  grid-area: 1/1/5/7;
  place-self: end;
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  background-color: var(--product-main-color, gray);
  animation: 0.6s 1 normal 3s background-color-slide-in;
  animation-fill-mode: forwards;
}
*[data-carousel-id="welcome"] h1.website {
  grid-area: gaMainHead;
  display: block;
  margin: 47.8px auto 51px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] h1.website {
    place-self: end;
    margin: 21px auto;
    width: 100px;
    z-index: 2;
  }
}
*[data-carousel-id="welcome"] *.swiper-button-prev,
*[data-carousel-id="welcome"] *.swiper-button-next {
  position: static;
  position: relative;
  z-index: 1;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  width: 140px;
  height: 56px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] *.swiper-button-prev,
  *[data-carousel-id="welcome"] *.swiper-button-next {
    grid-area: gaSwiperC;
    place-self: center;
    margin: 0 18px;
    display: none;
  }
}
*[data-carousel-id="welcome"] *.swiper-button-prev::after,
*[data-carousel-id="welcome"] *.swiper-button-next::after {
  content: none;
}
*[data-carousel-id="welcome"] *.swiper-button-prev:not(:hover) svg path,
*[data-carousel-id="welcome"] *.swiper-button-next:not(:hover) svg path {
  color: inherit;
  color: var(--slide-text-and-ui-color, #011434);
  stroke: currentColor;
  stroke-width: 1px;
}
*[data-carousel-id="welcome"] *.swiper-button-prev:not(:hover) svg path[data-name="arrow-body"],
*[data-carousel-id="welcome"] *.swiper-button-next:not(:hover) svg path[data-name="arrow-body"] {
  d: "M750.46 28.57H.56";
  d: path("M750.46 28.57H.56");
}
*[data-carousel-id="welcome"] *.swiper-button-prev:hover svg path,
*[data-carousel-id="welcome"] *.swiper-button-next:hover svg path {
  color: inherit;
  color: var(--slide-text-and-ui-color, #011434);
  stroke: currentColor;
  stroke-width: 2px;
}
*[data-carousel-id="welcome"] *.swiper-button-prev:hover svg path[data-name="arrow-body"],
*[data-carousel-id="welcome"] *.swiper-button-next:hover svg path[data-name="arrow-body"] {
  d: "M141.13 28.92H.92";
  d: path("M141.13 28.92H.92");
}
*[data-carousel-id="welcome"] *.swiper-button-prev svg path[data-name="arrow-body"],
*[data-carousel-id="welcome"] *.swiper-button-next svg path[data-name="arrow-body"] {
  transition: d 1s ease 0s, stroke-width 20s ease 0s;
  /* transition: d 0.3s ease-out 0s; */
}
*[data-carousel-id="welcome"] *.swiper-button-next {
  grid-area: gaNext;
  rotate: 180deg;
}
*[data-carousel-id="welcome"] *.swiper-button-prev {
  grid-area: gaPrev;
}
@media only screen and (min-width: 678px) {
  *[data-carousel-id="welcome"] {
    display: grid;
    grid-template-rows: 127px 205px 450px 216px;
    grid-template-columns: 1fr 250px repeat(2, 600px) 250px 1fr;
    grid-template-areas: ". ...... gaMainHead  gaMainHead  ...... ." ". ...... gaProdHead  gaProdHead  ...... ." ". gaPrev gaProdStuff gaProdStuff gaNext ." ". ...... gaProdNav   gaProdNav   ...... .";
    place-content: center;
    place-items: center;
    gap: normal;
    position: relative;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper {
    display: contents;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide {
    display: contents;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-prev),
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-next),
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-active) {
    transform: translateX(-100vw);
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-active) {
    z-index: -1000;
    opacity: 0 !important;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-active) * {
    z-index: -1000;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide h2.product {
    z-index: 1;
    opacity: 0;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide *.background.bg-container.full-color {
    z-index: 0;
    /* background-color: red; */
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide p.product.slogan {
    z-index: 3;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide *.product.profile-projection {
    display: none !important;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.main-image {
    z-index: 3;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide nav.product-actions {
    z-index: 3;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide picture.product.background.bg-container.mobile {
    z-index: -1;
  }
  *[data-carousel-id="welcome"] > h1.website {
    grid-area: gaMainHead;
    display: block;
    position: relative;
    z-index: 1;
    margin: 47.8px auto 51px;
    color: var(--slide-text-and-ui-color, #011434);
  }
  *[data-carousel-id="welcome"] > h1.website > svg {
    color: inherit;
    fill: var(--slide-text-and-ui-color, #011434);
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-active) *.background.bg-container {
    display: none;
  }
  *[data-carousel-id="welcome"] > *.swiper-wrapper > *.swiper-slide:not(.swiper-slide-active) nav.product-actions {
    display: none;
  }
}
@media only screen and (min-width: 678px) and only screen and (min-width: 320px) and (max-width: 479px) {
  *[data-carousel-id="welcome"] > h1.website {
    place-self: end;
    margin: 21px auto;
    width: 100px;
  }
}
*[data-carousel-id="welcome-mobile-only"] {
  display: none !important;
}
#homepage-section-01 div.website.welcome-call {
  padding-top: 40px;
  text-align: center;
  color: var(--unnamed-color-011434, #011434);
}
#homepage-section-01 div.website.welcome-call h2 {
  text-align: inherit;
  font: normal normal 300 normal 1.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  color: inherit;
}
#homepage-section-01 div.website.welcome-call a {
  display: block;
  margin: 19px;
  text-align: inherit;
  text-decoration: underline;
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  color: inherit;
}
section.categories.navigation.primary {
  display: flex;
  flex-flow: column nowrap;
  place-content: normal normal;
  place-items: normal;
  gap: 29px 0;
  max-width: max-content;
  padding-top: 32px;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 3.0625rem/1 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.categories.navigation.primary > a.products.category {
  display: grid;
  /* grid-template-rows: auto; */
  grid-auto-rows: auto;
  grid-template-rows: 67px auto 128px;
  grid-template-columns: 250px repeat(2, 350px) 250px;
  grid-template-areas: "...... ............ ............. ....." "gaName gaCenterLeft gaCenterRight gaCta" "...... ............ ............. .....";
  /* place-content: center; */
  /* place-items: center; */
  gap: normal;
  transition: all 1s linear 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category {
    grid-template: "gaName" auto "gaImages" auto "gaSlogan" auto "gaCta" auto / auto;
    padding: 18px;
  }
}
@media only screen and (min-width: 768px) {
  section.categories.navigation.primary > a.products.category:hover > span {
    transform: translate(-250px, 0);
  }
}
@media only screen and (min-width: 768px) {
  section.categories.navigation.primary > a.products.category:hover > *.default-shut {
    display: contents;
  }
}
section.categories.navigation.primary > a.products.category:hover > *.default-shut span.category.slogan {
  animation: fadeInDown;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
section.categories.navigation.primary > a.products.category:hover > *.default-shut picture.product {
  animation: zoomIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
section.categories.navigation.primary > a.products.category:hover > *.default-shut *.wrapper.ambient picture.ambient {
  width: 250px;
  opacity: 1;
}
section.categories.navigation.primary > a.products.category:hover > *.default-shut *.wrapper.ambient picture.ambient > img {
  animation: fadeInLeft;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  object-position: -120px 0;
}
section.categories.navigation.primary > a.products.category:hover > *.default-shut *.cta {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
section.categories.navigation.primary > a.products.category > span {
  grid-area: gaCenterLeft / gaCenterLeft / gaCenterLeft / gaCenterRight;
  height: fit-content;
  max-height: max-content;
  transition: transform 0.6s ease-out 0s;
  position: relative;
}
section.categories.navigation.primary > a.products.category > span::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category > span {
    grid-area: gaName;
    font-size: clamp(24px, 10vw, 49px);
  }
}
section.categories.navigation.primary > a.products.category > *.default-shut {
  display: contents;
}
section.categories.navigation.primary > a.products.category > *.default-shut *.wrapper.ambient {
  grid-area: 1/2/3/4;
  place-self: start center;
  display: block;
  width: 250px;
  height: 350px;
}
section.categories.navigation.primary > a.products.category > *.default-shut *.wrapper.ambient picture.ambient {
  display: block;
  overflow: hidden;
  width: 0;
  height: inherit;
  opacity: 0;
  transition: opacity 0.6s ease 0s, width 0.6s ease 0s;
}
section.categories.navigation.primary > a.products.category > *.default-shut *.wrapper.ambient picture.ambient > img {
  width: auto;
  max-width: none;
  height: inherit;
  object-fit: cover;
  object-position: center;
  animation: fadeOutLeft;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  object-position: -275px 0;
  transition: all 0.6s ease 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category > *.default-shut *.wrapper.ambient {
    grid-area: gaImages;
  }
}
section.categories.navigation.primary > a.products.category > *.default-shut picture.product {
  grid-area: 2/3/4/4;
  place-self: end start;
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 250px;
  height: 250px;
  animation: zoomOut;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category > *.default-shut picture.product {
    grid-area: gaImages;
    place-self: end;
  }
}
section.categories.navigation.primary > a.products.category > *.default-shut span.category.slogan {
  grid-area: 2/3/3/5;
  place-self: center;
  text-align: right;
  text-transform: none;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  width: 151px;
  max-width: 151px;
  height: auto;
  max-height: max-content;
  animation: fadeOutUp;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category > *.default-shut span.category.slogan {
    grid-area: gaSlogan;
    width: auto;
    max-width: 100%;
    text-align: center;
  }
}
section.categories.navigation.primary > a.products.category > *.default-shut span.cta {
  grid-area: 2/4/3/5;
  text-align: center;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/4.28571429 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  animation: fadeOutLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.categories.navigation.primary > a.products.category > *.default-shut span.cta {
    grid-area: gaCta;
  }
}
section.corporative {
  background: linear-gradient(180deg, #F8F8F8 50%, #F2EFE3 50%);
  display: grid;
  grid-template-rows: auto 165px;
  grid-template-columns: auto auto auto;
  grid-template-columns: 625px 200px 625px;
  grid-template-columns: 595px 200px 595px;
  place-content: center;
  /* place-items: normal; */
  gap: 0 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.corporative {
    grid-template-rows: auto 205px;
    grid-template-columns: 1fr 60px 1fr;
    gap: 0 12px;
  }
}
section.corporative.scrolled-animation > div.container {
  background-size: 110%;
  background-size: 124.4137931%;
}
section.corporative > div.container {
  grid-area: 1/1/2/4;
  width: 1450px;
  height: 685px;
  background: transparent url("/assets/images/homepage-corporative-background.jpg") center no-repeat padding-box;
  background-size: 100%;
  display: block;
  margin: auto;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  transition: all 1s ease 0s;
  z-index: 1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.corporative > div.container {
    width: 100vw;
    height: auto;
    aspect-ratio: 320/190;
  }
}
section.corporative > h2 {
  text-align: center;
  font: normal normal 100 normal 6.25rem/1.1 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  color: #F8F8F8;
  text-transform: uppercase;
  z-index: 3;
  grid-area: 1/1/2/4;
  place-self: center;
  opacity: 0;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.corporative > h2 {
    max-width: 100vw;
    font-size: clamp(24px, -90.375vw, 50px);
  }
}
section.corporative > h2 > strong {
  font-weight: 300;
}
section.corporative > picture {
  grid-area: 1/2/3/3;
  place-self: end center;
  margin-top: 100px;
  z-index: 2;
}
section.corporative > p {
  max-width: 219px;
  place-self: end;
  text-align: end;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.corporative > p {
    font-size: 0.8rem;
  }
}
section.corporative a.cta {
  place-self: end start;
  text-align: start;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/4.28571429 "acumin-pro-wide", sans-serif;
  line-height: normal;
  letter-spacing: 0px;
  display: inline-block;
  margin: 30px 0;
  text-transform: uppercase;
}
section.products-designers {
  padding: 70px 0 65px;
  background: #F2EFE3 0% 0% no-repeat padding-box;
  background: url("/assets/images/dev-miscellaneous/universum-logotype-light.svg") center 71.5% / 1200px no-repeat scroll padding-box border-box, #F2EFE3 none 0% 0% no-repeat padding-box;
}
section.products-designers > h2 {
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  position: absolute;
  margin-left: 360px;
  width: 192px;
  max-width: 250px;
  height: 100%;
  text-align: end;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.5rem/1.5 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-columns: auto auto;
  grid-template-areas: "gaPicture gaPicture" "gaCTAInst gaCTAProd";
  gap: 45px;
  width: auto;
  max-width: 600px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-designers > *.swiper-wrapper > *.swiper-slide {
    max-width: 90vw;
  }
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > picture.product-designer {
  grid-area: gaPicture;
  display: block;
  width: 600px;
  max-width: 600px;
  height: auto;
  max-height: 600px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-designers > *.swiper-wrapper > *.swiper-slide > picture.product-designer {
    width: auto;
    max-width: inherit;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  section.products-designers > *.swiper-wrapper > *.swiper-slide > picture.product-designer {
    pointer-events: none;
  }
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > picture.product-designer > img.product-designer {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a {
  display: inline-block;
  font-weight: 300;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a.product-designer.name.social-network {
  grid-area: gaCTAInst;
  place-self: start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 1em;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a.product-designer.products {
  grid-area: gaCTAProd;
  place-self: start end;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a > span {
  display: block;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.name {
  display: inline-block;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  letter-spacing: 0px;
}
section.products-designers > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.social-network.instagram {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1rem/1.25 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.products-designers .swiper-ui {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  gap: normal;
  margin-top: 85px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-designers .swiper-ui {
    flex-flow: column nowrap;
    gap: 25px;
    margin-top: 25px;
  }
}
section.products-designers .swiper-ui > menu.swiper-navigation {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  /* margin-top: 40px; */
  height: auto;
  position: absolute;
  left: 360px;
  display: inline-flex;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-designers .swiper-ui > menu.swiper-navigation {
    position: static;
  }
}
section.products-designers .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
  display: flex;
  place-self: center;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  width: fit-content;
  margin: auto;
  position: static;
  left: auto;
  bottom: auto;
  top: auto;
  font-size: 20px;
  font-weight: 300;
  margin-top: 85px;
  margin: 0;
  display: inline-flex;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-designers .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::before {
    content: "";
    place-self: center;
    display: inline-block;
    border-top: 1px solid var(--unnamed-color-011434, #011434);
    /*  transform: translateY(-1rem);*/
    position: absolute;
    top: auto;
    right: 100%;
    left: auto;
    bottom: auto;
    width: 100vw;
    margin-left: 0.7em;
  }
}
section.products-designers .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::after {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /*  transform: translateY(-1rem);*/
  position: absolute;
  top: auto;
  right: auto;
  left: 100%;
  bottom: auto;
  width: 100vw;
  margin-left: 0.7em;
}
section.products-designers .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span {
  padding: 0.5em;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.25rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.products-designers .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span.divider {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /* transform: translateY(-1rem); */
  /* position: absolute; */
  right: auto;
  left: 100%;
  bottom: 0;
  width: 1.7em;
  padding: 0;
}
main:has( > section.products-type) {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  --QUEUED-FOR-DELETION: "do not reuse this ruleset! It'll soon be removed";
}
nav.products {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-template-columns: 272px auto;
  grid-template-areas: "gaSearch gaSearch" "gaLines gaTypes";
  grid-template: "gaSearch gaSearch" auto "gaLines gaTypes" auto / 272px auto;
  gap: 47px 40px;
  margin: auto;
  margin-bottom: 56px;
  padding: 30px 0;
  max-width: 1200px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  nav.products {
    grid-template: "gaSearch" auto "gaLines" auto "gaTypes" auto / 1fr;
    max-width: 100vw;
    padding: 0 18px;
  }
}
nav.products > form.search-bar {
  grid-area: gaSearch;
  display: flex;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  border-bottom: solid black 1px;
}
nav.products > form.search-bar > input {
  order: 1;
  flex-grow: 1;
  display: block;
  height: 3.4375rem;
  padding: 10px;
  border: none;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.1875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
nav.products > form.search-bar > input::placeholder {
  text-align: inherit;
  text-transform: uppercase;
  color: inherit;
  font: inherit;
}
nav.products > form.search-bar > button {
  order: 2;
  padding: 10px;
  background-color: transparent;
  color: black;
  border: none;
}
nav.products > div.products-lines {
  grid-area: gaLines;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 42px;
}
nav.products > div.products-lines > div.products-line[data-selected="true"] > *.products-line.name {
  text-decoration: underline;
  font-weight: 300;
}
nav.products > div.products-lines > div.products-line[data-selected="true"] > p.products-line.description {
  font-weight: 300;
}
nav.products > div.products-lines > div.products-line > *.products-line.name {
  text-transform: uppercase;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
nav.products > div.products-lines > div.products-line > p.products-line.description {
  margin: 0;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
nav.products > div.products-categories {
  display: flex;
  flex-flow: row nowrap;
  place-content: space-between;
  place-items: flex-start;
  gap: 80px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  nav.products > div.products-categories {
    flex-flow: column nowrap;
  }
}
nav.products > div.products-categories *.category {
  width: 30%;
}
nav.products > div.products-categories *.category h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.25rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
nav.products > div.products-categories *.category ul {
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 5px;
  list-style: none;
  padding: 0;
}
nav.products > div.products-categories *.category ul > li {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
nav.products > div.products-categories *.category ul > li[data-selected="true"] {
  text-decoration: underline;
}
section.parallax {
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  z-index: 0;
  overflow: clip;
}
section.parallax > * {
  grid-area: stack;
  animation: parallax linear;
  animation-timeline: scroll();
}
section.loading.overlay.pingfeng {
  position: sticky;
  z-index: 1;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  height: 100vh;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  background: transparent url("/assets/images/dev-miscellaneous/pecas-e-fendas.jpg") 0% 0% / cover no-repeat scroll padding-box border-box;
  background-attachment: fixed;
  background: transparent url("/assets/images/dev-miscellaneous/pecas-e-fendas.jpg") center / cover no-repeat fixed padding-box border-box;
  background: transparent url("/assets/images/dev-miscellaneous/pecas-e-fendas.jpg") center / 100% auto no-repeat fixed padding-box border-box;
  transition: all 2s linear 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.loading.overlay.pingfeng {
    padding: 0;
    height: 100vh;
    max-height: 100vh;
  }
}
section.loading.overlay.pingfeng[data-loading-state="ongoing"] {
  background: transparent url("/assets/images/dev-miscellaneous/pecas-e-fendas.jpg") center / 105% auto no-repeat fixed padding-box border-box;
}
section.loading.overlay.pingfeng[data-loading-state="ongoing"] > h1 {
  opacity: 0;
  animation: fadeInUntilHalf, fadeInOutCustom;
  animation-duration: 0.6s, 1s;
  animation-timing-function: ease-out, ease;
  animation-delay: 0s, 0.6s;
  animation-iteration-count: 1, infinite;
  animation-direction: normal, alternate-reverse;
  animation-fill-mode: forwards, none;
}
section.loading.overlay.pingfeng[data-loading-state="concluded"] {
  background: transparent url("/assets/images/dev-miscellaneous/pecas-e-fendas.jpg") center / 110% auto no-repeat fixed padding-box border-box;
}
section.loading.overlay.pingfeng[data-loading-state="concluded"] > h1 {
  opacity: 1;
  animation: fadeInFromHalf;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
section.loading.overlay.pingfeng > h1 {
  --parallax-speed: 10;
  display: block;
  margin: auto;
  max-width: 1200px;
  text-align: center;
  font: normal normal 100 normal 9.375rem/1.2 "acumin-pro-wide", sans-serif;
  font-size: clamp(64px, 15.625vw, 150px);
  letter-spacing: 0px;
  color: #F8F8F8;
  text-transform: uppercase;
}
section.loading.overlay.pingfeng > h1 > strong {
  display: block;
  font-weight: 300;
}
div.wrapper.custom-faux-parallax {
  position: relative;
  z-index: 2;
  background: #F8F8F8 0% 0% no-repeat padding-box;
}
section.products-type:not(:first-of-type) {
  margin-top: 105px;
}
section.products-type > * {
  --swiper-theme-color: #011434;
  margin-left: 360px !important;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.products-type > * {
    margin-left: 36px !important;
  }
}
section.products-type > h2 {
  margin-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.1875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  position: relative;
}
section.products-type > h2::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide {
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: normal;
  position: relative;
  max-width: 275px;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > h3.product.name {
  text-decoration: underline;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > span.cta {
  opacity: 1;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > p.product.slogan {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 1s ease 0s, opacity 1s ease 0.5s;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image {
  grid-area: gaPic;
  order: 1;
  display: block;
  width: 275px;
  max-width: 275px;
  height: 275px;
  max-height: 275px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image {
    pointer-events: none;
  }
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > h3.product.name {
  grid-area: gaName;
  order: 2;
  margin-top: 0.625rem;
  font: normal normal 300 normal 1.25rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  text-transform: uppercase;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > span.cta {
  grid-area: gaSlogan;
  order: 3;
  opacity: 0;
  cursor: pointer;
  transition: opacity 1s ease 0.5s;
}
section.products-type *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > p.product.slogan {
  grid-area: gaSlogan;
  order: 3;
  display: block;
  opacity: 1;
  transition: transform 1s ease 0.5s, opacity 1s ease 0s;
}
section.products-type *.swiper > menu.swiper-navigation {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  margin-top: 40px;
  height: auto;
}
section.products-type *.swiper > menu.swiper-navigation > li::after {
  content: none;
}
section.products-type *.swiper > menu.swiper-navigation > li.swiper-button-prev,
section.products-type *.swiper > menu.swiper-navigation > li.swiper-button-next {
  position: static;
  margin-top: 0;
  width: 60px;
  height: 27px;
}
section.products-type *.swiper > menu.swiper-navigation > li.swiper-button-prev:hover #Path_417 {
  --emptyRuleset: none;
}
section.products-type *.swiper > menu.swiper-navigation > li.swiper-button-next:hover {
  --emptyRuleset: none;
}
main:has( > section.nav-bifurcation) {
  background: #F2EFE3 0% 0% no-repeat padding-box;
}
main:has( > section.nav-bifurcation) p {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.hero {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1200px min-content auto;
  grid-template-areas: "gaPic gaText .";
  place-content: stretch center;
  place-items: end;
  gap: 94px;
  margin: 0 110px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.hero {
    grid-template: "gaText" auto "gaPic" auto / auto;
    gap: 12px;
  }
}
section.hero > picture {
  grid-area: gaPic;
  display: block;
  width: 1200px;
  height: 750px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.hero > picture {
    max-width: 90vw;
    height: auto;
  }
}
section.hero > span {
  grid-area: gaText;
  text-align: end;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.hero > span {
    text-align: center;
    font-size: 1.5rem;
  }
}
section.hero > span > strong {
  font-weight: 300;
}
section#espacos-ressignificados,
section#equilibrio-sustentavel div.text,
section#ambito-criativo,
section#nossa-jornada {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: fit-content(485px) auto;
  grid-template-areas: "gaHeading gaHeading" "gaP1 gaP2" "gaSince gaSince";
  place-content: start;
  place-items: start;
  gap: 75px;
  max-width: 1200px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#espacos-ressignificados,
  section#equilibrio-sustentavel div.text,
  section#ambito-criativo,
  section#nossa-jornada {
    grid-template: "gaHeading" auto "gaP1" auto "gaP2" auto "gaSince" auto / auto;
    place-content: center;
  }
}
section#espacos-ressignificados > p,
section#equilibrio-sustentavel div.text > p,
section#ambito-criativo > p,
section#nossa-jornada > p {
  max-width: 485px;
}
section#espacos-ressignificados > p:nth-of-type(1),
section#equilibrio-sustentavel div.text > p:nth-of-type(1),
section#ambito-criativo > p:nth-of-type(1),
section#nossa-jornada > p:nth-of-type(1) {
  grid-area: gaP1;
}
section#espacos-ressignificados > p:nth-of-type(2),
section#equilibrio-sustentavel div.text > p:nth-of-type(2),
section#ambito-criativo > p:nth-of-type(2),
section#nossa-jornada > p:nth-of-type(2) {
  grid-area: gaP2;
}
section#espacos-ressignificados > div.since,
section#equilibrio-sustentavel div.text > div.since,
section#ambito-criativo > div.since,
section#nossa-jornada > div.since {
  grid-area: gaSince;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  width: 1200px;
  height: 750px;
  background: #473221 url("/assets/images/dev-miscellaneous/wood-raw-material.jpg") center / cover no-repeat scroll padding-box border-box;
  background-blend-mode: normal;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#espacos-ressignificados > div.since,
  section#equilibrio-sustentavel div.text > div.since,
  section#ambito-criativo > div.since,
  section#nossa-jornada > div.since {
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
  }
}
section#espacos-ressignificados > div.since > span,
section#equilibrio-sustentavel div.text > div.since > span,
section#ambito-criativo > div.since > span,
section#nossa-jornada > div.since > span {
  text-align: center;
  text-transform: uppercase;
  color: #F2EFE3;
  font: normal normal 100 normal 6.5625rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#espacos-ressignificados > div.since > span,
  section#equilibrio-sustentavel div.text > div.since > span,
  section#ambito-criativo > div.since > span,
  section#nossa-jornada > div.since > span {
    font-size: 3rem;
  }
}
section#espacos-ressignificados > div.since > span > strong,
section#equilibrio-sustentavel div.text > div.since > span > strong,
section#ambito-criativo > div.since > span > strong,
section#nossa-jornada > div.since > span > strong {
  font-weight: 300;
}
section#espacos-ressignificados {
  grid-template-rows: auto auto;
  grid-template-areas: "gaHeading gaHeading" "gaP1      gaP2";
  margin: 153px 110px 75px auto;
}
section#ambito-criativo {
  margin: 101px 110px 88px auto;
  grid-template-columns: 485px 485px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] {
  grid-area: gaSince;
  width: 100%;
  overflow: visible;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-columns: auto auto;
  grid-template-areas: "gaPicture gaPicture" "gaCTAInst gaCTAProd";
  gap: 45px;
  max-width: 600px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > picture.product-designer {
  grid-area: gaPicture;
  display: block;
  width: 600px;
  max-width: 600px;
  height: auto;
  max-height: 600px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > picture.product-designer > img.product-designer {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a {
  display: inline-block;
  font-weight: 300;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a.product-designer.name.social-network {
  grid-area: gaCTAInst;
  place-self: start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 1em;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a.product-designer.products {
  grid-area: gaCTAProd;
  place-self: start end;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a > span {
  display: block;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.name {
  display: inline-block;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  letter-spacing: 0px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.social-network.instagram {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1rem/1.25 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  gap: normal;
  margin-top: 85px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui > menu.swiper-navigation {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  /* margin-top: 40px; */
  height: auto;
  position: absolute;
  left: 360px;
  display: inline-flex;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
  display: flex;
  place-self: center;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  width: fit-content;
  margin: auto;
  position: static;
  left: auto;
  bottom: auto;
  top: auto;
  font-size: 20px;
  font-weight: 300;
  margin-top: 85px;
  margin: 0;
  display: inline-flex;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::after {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /*  transform: translateY(-1rem);*/
  position: absolute;
  right: auto;
  left: 100%;
  bottom: auto;
  width: 100vw;
  margin-left: 0.7em;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span {
  padding: 0.5em;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.25rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span.divider {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /* transform: translateY(-1rem); */
  /* position: absolute; */
  right: auto;
  left: 100%;
  bottom: 0;
  width: 1.7em;
  padding: 0;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide {
  display: inline-flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 40px;
  width: 599px;
  max-width: 599px;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > picture {
  display: block;
  width: 599px;
  max-width: 599px;
  height: auto;
  max-height: 388px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > h3 {
  text-align: inherit;
  text-transform: uppercase;
  color: inherit;
  font: normal normal 100 normal 2.1875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > h3 > strong {
  font-weight: 300;
}
section#ambito-criativo > *.swiper[data-carousel-id="creativity"] > *.swiper-wrapper > *.swiper-slide > p {
  max-width: 472px;
  text-align: inherit;
  color: inherit;
  font: normal normal 300 normal 0.875rem/1.57142857 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#nossa-jornada {
  margin: 145px 110px 153px auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#nossa-jornada {
    margin: 84px 0;
    place-content: center;
    gap: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#nossa-jornada > h2 {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#nossa-jornada > p {
    width: 100%;
    max-width: 80vw;
    padding: 24px;
  }
}
section#nossa-jornada > p:nth-of-type(1) {
  place-self: end;
  text-align: end;
}
section#equilibrio-sustentavel {
  max-width: 100%;
}
section#equilibrio-sustentavel > h2 {
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  max-width: 100%;
  height: 750px;
  text-align: center;
  text-transform: uppercase;
  color: #F2EFE3;
  font: normal normal 100 normal 2.8125rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  background: #795932 url("/assets/images/dev-miscellaneous/furniture-curves-detail.1920x750.jpg") 0% 0% / cover no-repeat scroll padding-box border-box;
  background-blend-mode: normal;
}
section#equilibrio-sustentavel > h2 > span {
  width: 586px;
  max-width: 586px;
}
section#equilibrio-sustentavel > h2 strong {
  font-weight: 300;
}
section#equilibrio-sustentavel > div.text {
  margin: 0 110px 0 auto;
}
section#forms-section {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 485px;
  grid-template-areas: "gaPicture gaForm";
  place-content: center;
  place-items: start stretch;
  gap: normal 113px;
  margin: 102px 0 117px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#forms-section {
    grid-template: "gaPicture" auto "gaForm" auto / auto;
  }
}
section#forms-section > picture {
  --animate-duration: 0.6s;
  grid-area: gaPicture;
  display: block;
  width: 600px;
  height: 750px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#forms-section > picture {
    place-self: center;
    width: 50vw;
    max-width: 50vw;
    height: auto;
  }
}
section#forms-section > picture > img {
  display: block;
}
section#forms-section > div {
  grid-area: gaForm;
}
section#forms-section > div > menu {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 4.21428571em;
  margin-bottom: 68px;
  list-style: none;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#forms-section > div > menu {
    flex-flow: column wrap;
    place-content: center;
  }
}
section#forms-section > div > menu > li > button {
  text-transform: uppercase;
}
section#forms-section > div > menu > li > button.active {
  text-decoration: underline;
}
section#forms-section > div > div.tab > h2 {
  margin-bottom: 2.79166667em;
  text-align: start;
  text-transform: uppercase;
  color: inherit;
  font: normal normal 300 normal 1.5rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#forms-section > div > div.tab > h2 {
    margin: auto;
    max-width: 260px;
    text-align: center;
  }
}
section#forms-section > div > div.tab > form {
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: normal;
  width: 485px;
  color: var(--unnamed-color-011434, #011434);
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section#forms-section > div > div.tab > form {
    place-self: center;
    margin: auto;
    width: 90%;
  }
}
section#forms-section > div > div.tab > form > label {
  text-align: start;
  color: inherit;
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#forms-section > div > div.tab > form > label::after {
  content: none;
}
section#forms-section > div > div.tab > form > label.attachment {
  margin: 47px 0 54px;
}
section#forms-section > div > div.tab > form > label > a.privacy-policy {
  text-decoration: underline;
}
section#forms-section > div > div.tab > form > input {
  width: 100%;
  border-bottom: solid var(--unnamed-color-011434, #011434) 1px;
  text-align: start;
  color: inherit;
  font: normal normal 300 normal 1.25rem/3 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section#forms-section > div > div.tab > form > input::placeholder {
  color: inherit;
}
section#forms-section > div > div.tab > form > button {
  place-self: end;
  padding: 1em 0;
  text-align: center;
  text-transform: uppercase;
  color: inherit;
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.localization {
  background: #F2EFE3 url("/assets/images/dev-miscellaneous/universum-localization-map.svg") center / cover no-repeat scroll padding-box border-box;
  background-blend-mode: multiply;
  grid-template-rows: auto auto auto;
  grid-template-columns: fit-content(485px) auto;
  grid-template-areas: "gaHeading gaHeading" "gaP1 gaP2" "gaSince gaSince";
  place-content: start;
  place-items: start;
  gap: 75px;
  --not-a-var-just-to-divide-above-fro-below: red;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: normal;
  background-position: left 37px;
  display: grid;
  place-content: start center;
  grid-template-columns: 52.5px fit-content(485px) auto;
  grid-template-areas: "............ gaHeading gaHeading" "............ gaP1         ........." "............ gaGoogleMaps ........." "............ gaTelephone  gaTelephone" "............ gaEmail      gaEmail" "gaBifurcated gaBifurcated gaBifurcated";
  place-items: center;
  padding-bottom: 213px;
  margin-top: 107px;
  /* background-image: none; */
  background-size: 100% 1080px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.localization {
    grid-template: "gaHeading" auto "gaP1" auto "gaGoogleMaps" auto "gaTelephone" auto "gaEmail" auto "gaBifurcated" auto / auto;
  }
}
section.localization > p {
  grid-area: gaP1;
  margin-bottom: 1lh;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.localization > a.google-maps {
  grid-area: gaGoogleMaps;
  place-self: flex-start;
  margin-bottom: 102px;
  text-align: left;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.localization > a.google-maps {
    place-self: unset;
    margin: 1em 0;
  }
}
section.localization > a.telephone,
section.localization > a.email {
  place-self: flex-end;
  margin-bottom: 46px;
  text-align: right;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.5rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  transition: all 0.3s ease-out 0s;
}
section.localization > a.telephone:hover,
section.localization > a.email:hover {
  text-decoration: underline;
  transform: translate(-20px);
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.localization > a.telephone,
  section.localization > a.email {
    margin: 1em 0;
    font-size: 1.125rem;
  }
}
section.localization > a.telephone {
  grid-area: gaTelephone;
}
section.localization > a.email {
  grid-area: gaEmail;
}
section.localization > h2 {
  margin-bottom: 66px;
  margin-bottom: 1.46666667em;
}
section.localization > *.nav-bifurcation {
  grid-area: gaBifurcated;
  place-self: center;
  grid-template-rows: auto 100px;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "gaArrowLeft gaCenter gaArrowRight" "gaBuyCta    gaCenter gaSubscribeCta";
  margin-top: 192px;
  width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  section.localization > *.nav-bifurcation {
    grid-template: "gaCenter" auto "gaBuyCta" auto "gaSubscribeCta" auto / auto;
  }
}
section.localization > *.nav-bifurcation > picture {
  width: 28px;
  height: 189px;
}
section.localization > *.nav-bifurcation a {
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.localization > *.nav-bifurcation > div.line-through {
  grid-area: 1/1/2/4;
  display: block;
  width: 848px;
  border-bottom: 1px solid var(--unnamed-color-011434, #011434);
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  section.localization > *.nav-bifurcation > div.line-through {
    display: none;
  }
}
section > h2 {
  grid-area: gaHeading;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  position: relative;
}
section > h2::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
section > h2 > strong {
  font-weight: 300;
}
nav.webpage > a.homepage {
  display: block;
  margin: 48px auto;
  width: 189px;
  height: 28px;
}
nav.webpage > div.webpage.sections {
  display: flex;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: 4.28571429em;
  margin: 65px auto;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  nav.webpage > div.webpage.sections {
    flex-flow: column wrap;
    gap: 2em;
  }
}
nav.webpage > div.webpage.sections > a {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  color: inherit;
}
main > picture {
  grid-area: gaPic;
  display: block;
  margin: auto;
  width: 1200px;
  max-width: 1200px;
  height: 750px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  main > picture {
    max-width: 100vw;
    height: auto;
  }
}
main > picture > img {
  aspect-ratio: auto;
}
main > a.products {
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  margin: 92px auto;
  width: 1200px;
  max-width: 1200px;
  height: 180px;
  text-align: center;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.25rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  background: transparent url("/assets/images/dev-miscellaneous/universum-logotype-light.svg") center / cover no-repeat scroll padding-box border-box;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  main > a.products {
    margin: 16px auto;
    max-width: 100vw;
    height: 90px;
    background-size: contain;
  }
}
*.nav-bifurcation {
  place-self: center;
  display: grid;
  grid-template-rows: 145px 100px 155px;
  grid-template-columns: 323px minmax(auto, 60px) 323px;
  grid-template-areas: "gaLeft gaCenter gaRight" "gaLeft gaCenter gaRight" "gaLeft gaCenter gaRight";
  place-content: center;
  place-items: center;
  gap: normal;
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path.arrow-body {
  d: path("M233 0H0");
  d: "M233 0H0";
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path {
  transition: all 1s ease 0s;
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path.arrow-head.left {
  opacity: 1;
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path.arrow-head.right {
  opacity: 0;
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path.arrow-head.half-top {
  rotate: 45deg;
}
*.nav-bifurcation:has(> div.left:hover) > div.line-through > svg path.arrow-head.half-bottom {
  rotate: -45deg;
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path.arrow-body {
  d: path("M699 0H466");
  d: "M699 0H466";
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path {
  transition: all 1s ease 0s;
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path.arrow-head.left {
  opacity: 0;
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path.arrow-head.right {
  opacity: 1;
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path.arrow-head.half-top {
  rotate: 45deg;
}
*.nav-bifurcation:has(> div.right:hover) > div.line-through > svg path.arrow-head.half-bottom {
  rotate: -45deg;
}
*.nav-bifurcation > picture {
  grid-area: gaCenter;
  display: block;
  height: 100%;
  max-height: 60vh;
}
*.nav-bifurcation > picture > img {
  display: block;
  height: inherit;
}
*.nav-bifurcation > div {
  display: grid;
  grid-template: "gaCallToAction" 145px ".............." 100px "gaDescription " 155px / 100%;
  place-content: stretch;
  place-items: center;
  gap: normal;
  width: 100%;
  height: 100%;
}
*.nav-bifurcation > div.left {
  grid-area: gaLeft;
  text-align: left;
}
*.nav-bifurcation > div.left *.cta {
  place-self: end start;
  transition: all 0.6s ease-out 0s;
}
*.nav-bifurcation > div.left *.cta:hover {
  text-decoration: underline;
  transform: translate(20px);
}
*.nav-bifurcation > div.left *.description {
  place-self: start start;
}
*.nav-bifurcation > div.left:hover *.description {
  animation: fadeInDown;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-duration: 0.6s;
}
*.nav-bifurcation > div.right {
  grid-area: gaRight;
  text-align: right;
}
*.nav-bifurcation > div.right *.cta {
  place-self: end end;
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.6s ease-out 0s;
}
*.nav-bifurcation > div.right *.description {
  place-self: start end;
}
*.nav-bifurcation > div.right:hover form {
  opacity: 1;
  pointer-events: auto;
}
*.nav-bifurcation > div.right:hover *.cta {
  opacity: 0;
  pointer-events: none;
}
*.nav-bifurcation > div.right:hover *.description {
  animation: fadeInDown;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-duration: 0.6s;
}
*.nav-bifurcation > div.right form {
  grid-area: gaCallToAction;
  place-self: end;
  position: relative;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease-out 0s;
}
*.nav-bifurcation > div.right form > input {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 20px/60px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
*.nav-bifurcation > div.right form > input::placeholder {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}
*.nav-bifurcation > div.line-through {
  grid-area: 2 / 1 / 3 / 4;
  display: block;
  position: relative;
  z-index: -1;
}
*.nav-bifurcation > div.line-through > svg {
  grid-area: gaArrowLeft-start / gaArrowLeft-start / gaArrowLeft-end / gaArrowLeft-end;
  grid-area: 2/1/3/4;
  display: block;
  width: 100%;
}
*.nav-bifurcation > div.line-through > svg path {
  transition: all 1s ease 0s;
}
*.nav-bifurcation > div.line-through > svg path.arrow-head.left {
  transform-origin: left;
}
*.nav-bifurcation > div.line-through > svg path.arrow-head.right {
  transform-origin: right;
}
*.nav-bifurcation > div span.cta,
*.nav-bifurcation > div a.cta {
  place-self: end center;
  text-align: inherit;
  text-transform: uppercase;
}
*.nav-bifurcation > div span.cta:hover + span.description,
*.nav-bifurcation > div a.cta:hover + span.description {
  display: inline-block;
  animation: fadeInDown;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-duration: 0.6s;
}
*.nav-bifurcation > div span.description,
*.nav-bifurcation > div a.description {
  grid-row-start: 3;
  grid-row-end: 4;
  place-self: start center;
  max-width: 165px;
  text-align: inherit;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  opacity: 0;
}
*.nav-bifurcation *.cta {
  grid-area: gaCallToAction;
}
*.nav-bifurcation *.description {
  grid-area: gaDescription;
  animation: fadeOutUp;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-duration: 0.6s;
}
div#page-product-entry.wrapper > h1 {
  margin: auto;
  width: min-content;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 15.625vw / normal "acumin-pro-wide", sans-serif;
  font-size: clamp(64px, 15.625vw, 300px);
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > h1 {
    padding: 50px 0;
  }
}
div#page-product-entry.wrapper > section.first-presentation {
  display: grid;
  grid-template: "gaSlogan    gaPicture" auto "gaParagraph gaPicture" auto "........... gaNav" auto / 1fr 1fr;
  place-content: center;
  place-items: end;
  gap: 46px 0;
  color: var(--unnamed-color-011434, #011434);
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation {
    grid-template: "gaSlogan" auto "gaParagraph" auto "gaPicture" auto "gaNav" auto / 1fr;
    place-items: center;
    gap: 23px 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > *:not(picture) {
    padding: 0 18px;
  }
}
div#page-product-entry.wrapper > section.first-presentation > span.product.slogan {
  grid-area: gaSlogan;
  margin-bottom: 9px;
  width: 319px;
  max-width: 319px;
  text-align: right;
  text-transform: uppercase;
  color: inherit;
  font: normal normal 100 normal 2.1875rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > span.product.slogan {
    width: auto;
    max-width: 100%;
    font-size: 1.75rem;
  }
}
div#page-product-entry.wrapper > section.first-presentation > span.product.slogan > strong {
  font-weight: 300;
}
div#page-product-entry.wrapper > section.first-presentation > p {
  grid-area: gaParagraph;
  place-self: start end;
  width: 350px;
  max-width: 350px;
  text-align: right;
  color: inherit;
  font: normal normal 300 normal 0.875rem/1.57142857 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > p {
    width: auto;
    max-width: 100%;
  }
}
div#page-product-entry.wrapper > section.first-presentation > picture.product.main-image {
  grid-area: gaPicture;
  place-self: center start;
  width: 910px;
  height: 456px;
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position: 50px center;
  width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > picture.product.main-image {
    height: auto;
    background-size: cover;
  }
}
div#page-product-entry.wrapper > section.first-presentation > picture.product.main-image > img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: left;
}
div#page-product-entry.wrapper > section.first-presentation > nav.webpage {
  grid-area: gaNav;
  place-self: start;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 2.5em;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > nav.webpage {
    flex-flow: column wrap;
    gap: 0;
  }
}
div#page-product-entry.wrapper > section.first-presentation > nav.webpage > a {
  text-align: start;
  text-transform: uppercase;
  color: inherit;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.first-presentation > nav.webpage > a {
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    min-height: 50px;
  }
}
div#page-product-entry.wrapper > section.first-presentation > nav.webpage > a:hover {
  text-decoration: underline;
  transform: translate(-10px);
}
div#page-product-entry.wrapper > section.product-presentation {
  margin: 70px 0;
}
div#page-product-entry.wrapper > section.product-presentation > h2 {
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  position: absolute;
  margin-left: 360px;
  width: 192px;
  max-width: 250px;
  height: 100%;
  text-align: end;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.5rem/1.5 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  display: none;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper {
  height: 850px;
  max-height: 850px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper {
    height: auto;
    max-height: none;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-columns: auto auto;
  grid-template-areas: "gaPicture gaPicture" "gaCTAInst gaCTAProd";
  gap: 45px;
  max-width: 600px;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > picture.product-designer {
  grid-area: gaPicture;
  display: block;
  width: 850px;
  max-width: 850px;
  height: auto;
  max-height: 850px;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a {
  display: inline-block;
  font-weight: 300;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a.product-designer.name.social-network {
  grid-area: gaCTAInst;
  place-self: start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 1em;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a.product-designer.products {
  grid-area: gaCTAProd;
  place-self: start end;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a > span {
  display: block;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.name {
  display: inline-block;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper > *.swiper-slide > a > span.product-designer.social-network.instagram {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1rem/1.25 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide {
  display: grid;
  height: 100%;
  max-height: inherit;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(odd) {
  grid-template: "........... gaMedia" auto "gaHeading   gaMedia" auto "gaParagraph gaMedia" auto "gaCta       gaMedia" auto "........... gaMedia" auto / fit-content(275px) 850px;
  place-content: center;
  place-items: end;
  gap: 40px 0px;
  width: auto;
  max-width: 1200px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(odd) {
    grid-template: "gaMedia" auto "gaHeading" auto "gaParagraph" auto "gaCta" auto / 1fr;
    max-width: 90vw;
    gap: 20px 0;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(odd) > *.product.media {
  width: 850px;
  max-width: 850px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(odd) > *.product.media {
    width: inherit;
    max-width: inherit;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(odd) > *.product.media > img {
  object-fit: contain;
  object-position: center;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(even) {
  grid-template: "gaMedia   gaMedia" auto "gaHeading gaParagraph" auto "......... gaCta" auto / 50% 50%;
  place-content: space-between;
  place-items: start end;
  gap: 46px 0;
  width: 850px;
  max-width: 850px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(even) {
    grid-template: "gaMedia" auto "gaHeading" auto "gaParagraph" auto "gaCta" auto / 1fr;
    max-width: 90vw;
    gap: 20px 0;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(even) > *.product.media {
  width: inherit;
  max-width: inherit;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide:nth-child(even) > *.product.media > img {
  object-fit: contain;
  object-position: center;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > *.product.media {
  grid-area: gaMedia;
  width: 850px;
  max-width: 850px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > *.product.media {
    pointer-events: none;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > *.product.media > img {
  object-fit: contain;
  object-position: center;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > h3 {
  grid-area: gaHeading;
  text-align: right;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.1875rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > h3 {
    font-size: 1.75rem;
  }
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > h3 > strong {
  font-weight: 300;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > p {
  grid-area: gaParagraph;
  text-align: right;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.57142857 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > a.cta {
  grid-area: gaCta;
  display: inline-block;
  width: fit-content;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  transition: all 0.3s ease-out 0s;
}
div#page-product-entry.wrapper > section.product-presentation > *.swiper-wrapper *.swiper-slide > a.cta:hover {
  text-decoration: underline;
  transform: translate(-20px);
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  gap: normal;
  margin-top: 85px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation .swiper-ui {
    flex-flow: column nowrap;
    gap: 25px;
    margin-top: 25px;
  }
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui > menu.swiper-navigation {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  /* margin-top: 40px; */
  height: auto;
  position: absolute;
  left: 360px;
  display: inline-flex;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation .swiper-ui > menu.swiper-navigation {
    position: static;
  }
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
  display: flex;
  place-self: center;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  width: fit-content;
  margin: auto;
  position: static;
  left: auto;
  bottom: auto;
  top: auto;
  font-size: 20px;
  font-weight: 300;
  margin-top: 85px;
  margin: 0;
  display: inline-flex;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-presentation .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::before {
    content: "";
    place-self: center;
    display: inline-block;
    border-top: 1px solid var(--unnamed-color-011434, #011434);
    /*  transform: translateY(-1rem);*/
    position: absolute;
    top: auto;
    right: 100%;
    left: auto;
    bottom: auto;
    width: 100vw;
    margin-left: 0.7em;
  }
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::after {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /*  transform: translateY(-1rem);*/
  position: absolute;
  top: auto;
  right: auto;
  left: 100%;
  bottom: auto;
  width: 100vw;
  margin-left: 0.7em;
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span {
  padding: 0.5em;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.25rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section.product-presentation .swiper-ui *.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal > span.divider {
  content: "";
  place-self: center;
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  /* transform: translateY(-1rem); */
  /* position: absolute; */
  right: auto;
  left: 100%;
  bottom: 0;
  width: 1.7em;
  padding: 0;
}
div#page-product-entry.wrapper > section.product-finishes {
  margin: 86px 0;
}
div#page-product-entry.wrapper > section.product-finishes > h2 {
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes > h2 {
    font-size: 2rem;
  }
}
div#page-product-entry.wrapper > section.product-finishes > h2 > strong.product.name {
  font-weight: 300;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category {
  margin: 60px 0 120px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category {
    margin: 30px 0 60px;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category > * {
  --swiper-theme-color: #011434;
  margin-left: 360px !important;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category > * {
    margin-left: 36px !important;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category > h2 {
  margin-bottom: 57px;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.1875rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  position: relative;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category > h2::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category > h2 {
    margin-bottom: 18px;
    font-size: 1.75rem;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide {
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: normal;
  position: relative;
  max-width: 335px;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > h3.product.name {
  text-decoration: underline;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > a.cta {
  opacity: 1;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide:hover > p.product.slogan {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 1s ease 0s, opacity 1s ease 0.5s;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image {
  grid-area: gaPic;
  order: 1;
  display: block;
  width: 335px;
  max-width: 335px;
  height: 100px;
  max-height: 100px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image {
    width: 100%;
    max-width: 100vw;
    pointer-events: none;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > picture.product.main-image > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > h3.product.name {
  grid-area: gaName;
  order: 2;
  margin-top: 41.7px;
  text-transform: uppercase;
  font: normal normal 300 normal 1.25rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > h3.product.name {
    margin-top: 18px;
    font-size: 1.125rem;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > hr {
  order: 2;
  margin-top: 17.5px;
  width: 100%;
  height: 1px;
  background-color: var(--unnamed-color-011434, #011434);
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > a.cta {
  grid-area: gaSlogan;
  order: 3;
  opacity: 0;
  cursor: pointer;
  transition: opacity 1s ease 0.5s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > a.cta {
    opacity: 1;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > *.swiper-wrapper > *.product-card.swiper-slide > p.product.slogan {
  grid-area: gaSlogan;
  order: 3;
  display: block;
  opacity: 1;
  transition: transform 1s ease 0.5s, opacity 1s ease 0s;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  margin-top: 48.9px;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation {
    margin-top: 18px;
  }
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation > li::after {
  content: none;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation > li.swiper-button-prev,
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation > li.swiper-button-next {
  position: static;
  margin-top: 0;
  width: 60px;
  height: 27px;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation > li.swiper-button-prev:hover #Path_417 {
  --emptyRuleset: none;
}
div#page-product-entry.wrapper > section.product-finishes *.product-finish-category *.swiper > menu.swiper-navigation > li.swiper-button-next:hover {
  --emptyRuleset: none;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto {
  display: grid;
  grid-template: "gaSpecs gaDownloads" minmax(200px, auto) / 1fr 1fr;
  gap: 0 68px;
  margin: 60px auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#downloads-e-dados-do-produto {
    grid-template: "gaDownloads" minmax(200px, auto) "gaSpecs" minmax(200px, auto) / 1fr;
    gap: 68px;
    padding: 18px;
  }
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product.specs > menu.tabs-control {
  place-content: flex-end;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product.downloads > menu.tabs-control {
  place-content: flex-start;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > menu.tabs-control {
  display: flex;
  flex-flow: row nowrap;
  place-content: center;
  place-items: center;
  gap: 2em;
  border-bottom: solid var(--unnamed-color-011434, #011434) 1px;
  padding-bottom: 0.85em;
  list-style: none;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 25px/35px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > menu.tabs-control {
    flex-flow: column nowrap;
    place-content: flex-start;
    place-items: flex-start;
    gap: 0.5em;
  }
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > menu.tabs-control > li:only-child > button {
  cursor: auto;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > menu.tabs-control > li > button {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  color: inherit;
  opacity: 0.3;
  transition: all 0.6s ease-out 0s;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > menu.tabs-control > li > button.active {
  opacity: 1;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product {
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: 2em;
  padding-top: 2em;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 14px/22px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product.specs {
  place-content: flex-end;
  place-items: flex-end;
  text-align: right;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product.specs {
    place-content: flex-start;
    place-items: flex-start;
    text-align: start;
  }
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product.downloads {
  place-content: flex-start;
  place-items: flex-start;
  list-style: inside "- " none;
  text-align: left;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product.downloads > a {
  display: list-item;
  text-align: inherit;
  transition: all 0.3s ease-out 0s;
}
div#page-product-entry.wrapper > section#downloads-e-dados-do-produto > div.product > div.product.downloads > a:hover {
  text-decoration: underline;
  transform: translate(20px);
}
div#page-product-entry.wrapper > section#produtos-relacionados {
  margin: 160px auto 0;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#produtos-relacionados {
    margin: 80px auto 0;
    padding-bottom: 32px;
  }
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes {
  display: grid;
  grid-template-rows: 250px minmax(275px, auto) 230px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "gaHeading gaCard" "gaNotes   gaCard" "gaBigName gaBigName";
  place-content: center;
  place-items: start;
  gap: 41px 0;
  padding-top: 36px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes {
    grid-template: "gaHeading" auto "gaNotes" auto "gaCard" auto "gaBigName" auto / 1fr;
    gap: 20px;
    margin-top: 32px;
    padding: 18px;
  }
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > h2 {
  place-self: end;
  width: 255px;
  max-width: 255px;
  text-align: right;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.1875rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > h2::before {
  content: none;
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > h2 > strong {
  font-weight: 300;
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer-notes {
  grid-area: gaNotes;
  place-self: start end;
  width: 255px;
  max-width: 255px;
  padding-bottom: 3.5em;
  text-align: right;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.57142857 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer-notes {
    padding-bottom: 0;
  }
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer-notes > p {
  margin-bottom: 1em;
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card {
  grid-area: 1/2/4/3;
  margin-left: 117px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card {
    grid-area: gaCard;
    gap: 20px;
    margin: 0;
    max-width: 90vw;
  }
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card > picture.product-designer {
  z-index: 1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card > picture.product-designer {
    max-width: 90vw;
    width: 90vw;
  }
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card > picture.product-designer > img.product-designer {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.card > a {
  z-index: 3;
}
div#page-product-entry.wrapper > section#notas-do-designer.product-designer-notes > div.product-designer.name.gigantic {
  grid-area: gaBigName;
  place-self: end center;
  z-index: 2;
  text-align: center;
  text-transform: uppercase;
  color: #F8F8F8;
  font: normal normal 100 normal 300px / normal "acumin-pro-wide", sans-serif;
  font-size: clamp(64px, 15.625vw, 300px);
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#page-product-entry.wrapper a {
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    min-height: 50px;
  }
}
main:has( > div#webpage-acquisition.wrapper) {
  background: #BDB5B2 0% 0% no-repeat padding-box;
}
div#webpage-acquisition.wrapper > section#main-acquaintances {
  display: grid;
  grid-template: "gaBanner gaBanner" 400px "gaEmail  gaTelephone" auto / 600px 600px;
  place-content: center;
  place-items: center;
  gap: 50px 0;
  /* max-width: 1200px; */
  text-align: center;
  color: white;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#main-acquaintances {
    grid-template: "gaBanner" auto "gaTelephone" auto "gaEmail" auto / auto;
    gap: 12px;
  }
}
div#webpage-acquisition.wrapper > section#main-acquaintances > h2 {
  grid-area: gaBanner;
  place-self: center;
  z-index: 1;
  text-align: inherit;
  text-transform: uppercase;
  color: #FFFFFF;
  font: normal normal 100 normal 2.8125rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#main-acquaintances > h2 {
    font-size: 1.5rem;
  }
}
div#webpage-acquisition.wrapper > section#main-acquaintances > h2::before {
  content: none;
}
div#webpage-acquisition.wrapper > section#main-acquaintances > h2 > strong {
  font-weight: 300;
}
div#webpage-acquisition.wrapper > section#main-acquaintances > video {
  grid-area: gaBanner;
  z-index: 0;
}
div#webpage-acquisition.wrapper > section#main-acquaintances > a {
  text-align: right;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1.5rem/1.5 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#main-acquaintances > a {
    margin: 1em;
    font-size: 18px;
  }
}
div#webpage-acquisition.wrapper > section#main-acquaintances > a.email {
  place-self: start;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#main-acquaintances > a.email {
    place-self: center;
  }
}
div#webpage-acquisition.wrapper > section#main-acquaintances > a.email:hover {
  text-decoration: underline;
  transform: translate(20px);
}
div#webpage-acquisition.wrapper > section#main-acquaintances > a.telephone {
  place-self: end;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#main-acquaintances > a.telephone {
    place-self: center;
  }
}
div#webpage-acquisition.wrapper > section#main-acquaintances > a.telephone:hover {
  text-decoration: underline;
  transform: translate(-20px);
}
div#webpage-acquisition.wrapper > section#representante-comercial {
  display: grid;
  grid-template: "gaForm  gaOutput" 50% "gaForm  gaOutput" 50% / 50% 50%;
  place-content: center;
  place-items: center;
  gap: normal;
  margin: 154px auto 0;
  max-height: 100vh;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial {
    grid-template: "gaForm" auto "gaOutput" auto / 1fr;
    gap: 45px;
    margin: 60px 0;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative {
  grid-area: gaForm;
  place-self: center end;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-end;
  place-items: normal;
  gap: normal;
  z-index: 3;
  width: 100%;
  background: #BDB5B2 0% 0% no-repeat padding-box;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative {
    place-self: center;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative select#user-state {
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 250px/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative select#user-state {
    font-size: 32px;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative select#user-state > option {
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 250px/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative select#user-state > option {
    font-size: 32px;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial form.commercial-representative button[type="submit"] {
  display: none;
}
div#webpage-acquisition.wrapper > section#representante-comercial > p.pingfeng.cta.explanation-text {
  grid-area: 1/2/2/3;
  place-self: center start;
  z-index: 2;
  margin: auto 145px;
  width: 270px;
  max-width: 270px;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 20px/36px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial > p.pingfeng.cta.explanation-text {
    margin: auto;
    text-align: center;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial > div[data-carousel-id="commercial-representatives"] {
  grid-area: gaOutput;
  z-index: 1;
  width: 100%;
  max-width: 100vw;
  padding: 0px 120px;
}
div#webpage-acquisition.wrapper > section#representante-comercial div.commercial-representative.card {
  display: flex;
  flex-flow: column nowrap;
  place-content: space-between;
  place-items: flex-start;
  gap: normal;
  width: 526px;
  text-align: start;
}
div#webpage-acquisition.wrapper > section#representante-comercial div.commercial-representative.card > h3 {
  text-align: inherit;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 20px/36px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#webpage-acquisition.wrapper > section#representante-comercial div.commercial-representative.card > span,
div#webpage-acquisition.wrapper > section#representante-comercial div.commercial-representative.card > a {
  text-align: inherit;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 16px/60px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#webpage-acquisition.wrapper > section#representante-comercial div.wrapper.custom-select {
  grid-area: gaForm;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 250px/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  line-height: 1;
  height: 2lh;
  max-height: 100%;
  background: #BDB5B2 0% 0% no-repeat padding-box;
  width: 100%;
}
div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"] {
  grid-area: gaForm;
  width: 100%;
  max-width: 100vw;
  height: 1lh;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-end;
  place-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  overflow: visible;
}
div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"]:hover *.swiper-slide:not(.swiper-slide-active) {
  opacity: 1;
  pointer-events: auto;
}
div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"] menu.swiper-navigation {
  position: static;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: normal;
  /* margin-top: 48.9px; */
  height: auto;
  rotate: 90deg;
}
div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"] div.swiper-slide {
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 250px/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  line-height: 1;
  height: auto;
  max-height: 1lh;
  transition: opacity 0.3s ease 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"] div.swiper-slide {
    font-size: 32px;
  }
}
div#webpage-acquisition.wrapper > section#representante-comercial div[data-carousel-id="custom-select-uf"] div.swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
  pointer-events: none;
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta {
  display: grid;
  grid-template: "....." 1fr "gaBig" 1fr "gaCta" 1fr / 328px;
  place-content: center;
  place-items: start center;
  gap: 82px 0;
  width: 100%;
  max-width: 100%;
  height: 750px;
  background: #795932 url("/assets/images/dev-miscellaneous/furniture-pattern-detail.1920x750.jpg") 0% 0% / cover no-repeat scroll padding-box border-box;
  background-blend-mode: normal;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta {
    height: 575px;
  }
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > h2 {
  grid-area: gaBig;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: normal;
  width: 100%;
  max-width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #F2EFE3;
  font: normal normal 100 normal 2.8125rem/1.4 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > h2::before {
  content: none;
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > h2 strong {
  font-weight: 300;
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > a.cta {
  grid-area: gaCta;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #EDE9DC;
  font: normal normal 300 normal 20px/60px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
  transition: all 0.3s ease-out 0s;
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > a.cta:hover {
  text-decoration: underline;
  transform: translate(20px);
}
div#webpage-acquisition.wrapper > section#pecas-e-fendas.cta > div.text {
  margin: 0 110px 0 auto;
}
main {
  position: relative;
  z-index: 2;
  background: #F8F8F8 0% 0% no-repeat padding-box;
}
footer {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: minmax(30px, 1fr) 250px repeat(2, 350px) 250px minmax(30px, 1fr);
  grid-template-areas: ". .......  gaNav1    gaNav1    gaHome    ." ". gaPrivP  gaNav2    gaNav2    gaSocNet  ." ". gaAuthor gaAddress gaAddress gaAddress .";
  place-content: start;
  place-items: start;
  gap: 60px 0;
  position: sticky;
  z-index: 1;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  padding: 73px 0 43px;
  background: #BDB5B2 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer {
    grid-template-columns: minmax(18px, 1fr) 1fr minmax(18px, 1fr);
    grid-template-areas: ". gaHome ." ". gaNav1 ." ". gaNav2 ." ". gaPrivP ." ". gaAddress ." ". gaAuthor .";
    gap: 18px 0;
    place-content: center;
    place-items: center;
  }
}
footer > section.universum.home.social-network {
  grid-area: gaHome;
  display: flex;
  flex-flow: column nowrap;
  place-content: space-between;
  place-items: flex-start;
  gap: normal;
  position: relative;
  margin: 0 76px;
  height: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.universum.home.social-network {
    place-content: center;
    place-items: center;
    gap: 1em;
    margin: auto;
  }
}
footer > section.universum.home.social-network > a.home {
  display: inline-block;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.universum.home.social-network > a.home {
    display: block;
    width: clamp(200px, 80vw, 400px);
  }
}
@media only screen and (max-width: 1023px) {
  footer > section.universum.home.social-network > a.home.desktop {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  footer > section.universum.home.social-network > a.home.mobile {
    display: none;
  }
}
footer > section.universum.home.social-network *.social-network {
  grid-area: gaSocNet;
  display: flex;
  flex-flow: column nowrap;
  place-content: normal normal;
  place-items: normal;
  gap: normal;
  text-align: start;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.78571429 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.universum.home.social-network *.social-network {
    flex-flow: row wrap;
    gap: 2em;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.universum.home.social-network *.social-network > a {
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    min-height: 50px;
  }
}
footer > section.navigation.primary {
  grid-area: gaNav1;
  display: flex;
  flex-flow: column nowrap;
  place-content: normal normal;
  place-items: normal;
  gap: 1.42857143em;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 3.0625rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.navigation.primary {
    margin: 0.5em;
    font-size: 2rem;
  }
}
footer > section.navigation.primary a {
  position: relative;
}
footer > section.navigation.primary a::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
footer > section.navigation.secondary {
  grid-area: gaNav2;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: 3.33333333em;
  text-align: left;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 18px/26px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.navigation.secondary {
    text-align: center;
  }
}
footer > section.privacy-policy {
  grid-area: gaPrivP;
  margin-right: 92px;
  text-align: right;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.75rem/1.41666667 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.privacy-policy {
    margin: auto;
    text-align: center;
  }
}
footer > section.privacy-policy > a.privacy-policy {
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.privacy-policy > a.privacy-policy {
    display: block;
  }
}
footer > section.horo.author {
  grid-area: gaAuthor;
  place-self: center end;
  margin-right: 92px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  footer > section.horo.author {
    margin: auto;
  }
}
footer > address {
  grid-area: gaAddress;
  text-align: left;
  text-transform: none;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 18px/35px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
menu#website-main-menu-toggler {
  position: fixed;
  z-index: 1001;
  top: 57px;
  right: 360px;
  bottom: auto;
  left: auto;
  width: 88px;
  height: 12px;
  color: var(--unnamed-color-011434, #011434);
  list-style: none;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  menu#website-main-menu-toggler {
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    top: 8px;
    right: 8px;
    width: auto;
    height: auto;
  }
}
menu#website-main-menu-toggler.active svg path#Path_324 {
  d: "M.354 28.639 28.63827125.35472875";
  d: path("M.354 28.639 28.63827125.35472875");
}
menu#website-main-menu-toggler.active svg path#Path_330 {
  d: "m.354.354 28.28427125 28.28427125";
  d: path("m.354.354 28.28427125 28.28427125");
}
menu#website-main-menu-toggler button {
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: 8px;
  gap: max(8px, 0.66666667em);
  font: normal normal 300 normal 0.75rem / normal "acumin-pro-wide", sans-serif;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  menu#website-main-menu-toggler button {
    min-width: 50px;
    min-height: 50px;
  }
}
menu#website-main-menu-toggler button > svg path {
  transition: all 1s ease 0s;
}
menu#website-main-menu-toggler button > span {
  text-transform: uppercase;
  color: inherit;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  menu#website-main-menu-toggler button > span {
    display: none;
  }
}
div#website-main-menu {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: minmax(30px, 1fr) 250px repeat(2, 350px) 250px minmax(30px, 1fr);
  grid-template-areas: ". .......  gaSearch  gaSearch  gaSearch  ." ". .......  gaNav1    gaNav1    gaHome    ." ". gaPrivP  gaNav2    gaNav2    gaSocNet  .";
  place-content: start;
  place-items: start;
  gap: 60px 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  padding: 73px 0 43px;
  backdrop-filter: blur(35px) contrast(0.8);
  transition: top 1s ease 0s;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu {
    grid-template: ". gaHome   ." auto ". gaNav1   ." auto ". gaNav2   ." auto ". gaSearch ." auto / minmax(18px, 1fr) 1fr minmax(18px, 1fr);
    gap: 18px 0;
    gap: normal;
    place-content: center;
    place-items: center;
    max-height: none;
    padding: 60px 0 21px;
  }
}
div#website-main-menu[data-state="closed"] {
  top: -100vh;
  opacity: 0;
  pointer-events: none;
}
div#website-main-menu[data-state="open"] {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}
div#website-main-menu > section.universum.home.social-network {
  grid-area: gaHome;
  display: flex;
  flex-flow: column nowrap;
  place-content: space-between;
  place-items: flex-start;
  gap: normal;
  position: relative;
  margin: 0 76px;
  height: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.universum.home.social-network {
    place-content: center;
    place-items: center;
    gap: 1em;
    margin: auto;
  }
}
div#website-main-menu > section.universum.home.social-network > a.home {
  display: inline-block;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.universum.home.social-network > a.home {
    display: block;
    width: clamp(200px, 80vw, 400px);
  }
}
@media only screen and (max-width: 1023px) {
  div#website-main-menu > section.universum.home.social-network > a.home.desktop {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  div#website-main-menu > section.universum.home.social-network > a.home.mobile {
    display: none;
  }
}
div#website-main-menu > section.universum.home.social-network *.social-network {
  grid-area: gaSocNet;
  display: flex;
  flex-flow: column nowrap;
  place-content: normal normal;
  place-items: normal;
  gap: normal;
  text-align: start;
  text-decoration: underline;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.78571429 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.universum.home.social-network *.social-network {
    flex-flow: row wrap;
    gap: 2em;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.universum.home.social-network *.social-network > a {
    display: flex;
    flex-flow: row nowrap;
    place-content: center;
    place-items: center;
    gap: normal;
    min-height: 50px;
  }
}
div#website-main-menu > section.navigation.primary {
  grid-area: gaNav1;
  display: flex;
  flex-flow: column nowrap;
  place-content: normal normal;
  place-items: normal;
  gap: 1.42857143em;
  text-align: left;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 3.0625rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.navigation.primary {
    margin: 0.5em;
    font-size: 2rem;
  }
}
div#website-main-menu > section.navigation.primary a {
  position: relative;
}
div#website-main-menu > section.navigation.primary a::before {
  content: "";
  display: inline-block;
  border-top: 1px solid var(--unnamed-color-011434, #011434);
  transform: translateY(-1rem);
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 300%;
}
div#website-main-menu > section.navigation.secondary {
  grid-area: gaNav2;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start;
  place-items: center;
  gap: 3.33333333em;
  text-align: left;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 18px/26px "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  div#website-main-menu > section.navigation.secondary {
    text-align: center;
  }
}
div#website-main-menu > form {
  grid-area: gaSearch;
  width: 100%;
  max-width: 100%;
}
div#website-main-menu > form > input {
  width: 100%;
  max-width: 100%;
  text-align: start;
  border-bottom: solid var(--unnamed-color-011434, #011434) 1px;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.5rem/1.5 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
div#website-main-menu > form > input::placeholder {
  text-align: inherit;
  text-transform: uppercase;
  color: inherit;
  font: inherit;
}
menu.swiper-navigation > li {
  position: static;
  margin-top: 0;
  width: 60px;
  height: 27px;
}
menu.swiper-navigation > li.swiper-button-disabled {
  opacity: unset;
  pointer-events: auto;
}
menu.swiper-navigation > li::after {
  content: none;
}
menu.swiper-navigation > li *.is-animated {
  transition: all 1s ease 0s;
}
menu.swiper-navigation:hover > li:not(:hover) *#arrow-head-top-half {
  rotate: 45deg;
  transform-origin: left;
  transition: all 1s ease 0s;
}
menu.swiper-navigation:hover > li:not(:hover) *#arrow-head-bottom-half {
  rotate: -45deg;
  transform-origin: left;
}
menu.swiper-navigation:hover > li:not(:hover) *#arrow-body {
  d: "M.35 13.45h19.6";
  d: path("M.35 13.45h19.6");
}
menu.swiper-navigation > li.swiper-button-next svg {
  rotate: 180deg;
}
menu.swiper-navigation > li svg path {
  stroke: var(--color-ui-elements-webpage-product, #011434);
}
*.product-designer.card {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-columns: auto auto;
  grid-template-areas: "gaPicture gaPicture" "gaCTAInst gaCTAProd";
  gap: 45px;
  max-width: 600px;
}
*.product-designer.card > picture.product-designer {
  grid-area: gaPicture;
  display: block;
  width: 600px;
  max-width: 600px;
  height: auto;
  max-height: 600px;
}
*.product-designer.card > a {
  display: inline-block;
  font-weight: 300;
}
*.product-designer.card > a.product-designer.name.social-network {
  grid-area: gaCTAInst;
  place-self: start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start;
  place-items: flex-start;
  gap: 1em;
}
*.product-designer.card > a.product-designer.products {
  grid-area: gaCTAProd;
  place-self: start end;
}
*.product-designer.card > a > span {
  display: block;
}
*.product-designer.card > a > span.product-designer.name {
  display: inline-block;
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  letter-spacing: 0px;
}
*.product-designer.card > a > span.product-designer.social-network.instagram {
  text-align: start;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 1rem/1.25 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
*.restricted-area {
  display: none !important;
}
menu#website-main-menu-toggler {
  /* backdrop-filter: blur(35px) contrast(0.8); */
  backdrop-filter: blur(2px);
  /* mix-blend-mode: multiply; */
  padding: 12px;
  width: auto;
  height: auto;
  /* box-shadow: 25px 25px 50px 0 red inset, -25px -25px 50px 0 red inset; */
  /* border-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%) 1; */
  /* border-image: linear-gradient(to right, transparent 0%, transparent 100%) 1; */
  /* border-radius: 5px; */
}
menu#website-main-menu-toggler {
  /*position: relative;*/
  transform-style: preserve-3d;
}
menu#website-main-menu-toggler::before {
  /* content: ""; */
  position: absolute;
  inset: -10px;
  /* background: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700); */
  /* filter: blur(21px); */
  /* transform: translate3d(-6px,-2px,-1px); */
  /* clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax 100vmax,-100vmax 100vmax,-100vmax -100vmax,calc(10px - -6px) calc(10px - -2px),calc(10px - -6px) calc(100% - -2px - 10px),calc(100% - -6px - 10px) calc(100% - -2px - 10px),calc(100% - -6px - 10px) calc(10px - -2px),calc(10px - -6px) calc(10px - -2px)); */
  pointer-events: none;
  /* background: lightgray; */
  backdrop-filter: blur(1px) opacity(65%);
  /* mask: linear-gradient(black, transparent); */
  /* box-shadow: 25px 25px 50px 0 red inset, -25px -25px 50px 0 red inset; */
  /* filter: opacity(65%); */
  /* background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%); */
  /* background-image: linear-gradient(to bottom, transparent, transparent 90%); */
}
section.no-results.user-feedback.website-search {
  min-height: 50vh;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  place-items: center;
  gap: 1em;
  text-align: center;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 300 normal 0.875rem/1.42857143 "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}
section.no-results.user-feedback.website-search > p {
  font: inherit;
}
section.no-results.user-feedback.website-search a.homepage {
  text-decoration: underline;
}
section.no-results.user-feedback.website-search a.homepage:hover {
  color: -webkit-link;
}
main h2.website-search {
  margin: 1em;
  text-align: center;
  text-transform: uppercase;
  color: var(--unnamed-color-011434, #011434);
  font: normal normal 100 normal 2.8125rem / normal "acumin-pro-wide", sans-serif;
  letter-spacing: 0px;
}