@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');

/* ==============================================
     ROOT
  ============================================== */

:root {
  --black: #000000;
  --darkgrey: #1e1f22;
  --grey: #454545;
  --blackgrey: #111111;
  --textgrey: #8e8e8e;
  --lightgrey: #efefef;
  --white: #fefefe;
  --primary-font: "Zoom Pro Extended", sans-serif;
  --secondery-font: "Narkissblockextended", sans-serif;
  --paragraph-font: "DM Sans", sans-serif;
}


#pagecover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: #111111;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.5s ease;
}

::selection {
  background: #595959;
  mix-blend-mode: difference;
}
* {
  outline: none;
  font-weight: 400 !important;
}
.w-radio {
    margin: 0;
    padding: 0;
}

a {
  color: inherit;
  text-decoration: unset;
  cursor: pointer !important;
}

.w-form {
  margin:unset;
}
.w-input {
all:unset;
}

.slider {
  width:100%;
  cursor: grab;
  z-index: 9999;
}

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

input, select, textarea {
  font-size: 16px; /* Prevents zooming by using a font-size of 16px or larger */
}


  /* ==============================================
     Page Transition Logic
  ============================================== */


.page-overlay-first {
  width: 100%;
  height: 100dvh; /* Use svh for smaller viewport considerations */
  background: var(--blackgrey);
  position: fixed;
  top: 0; /* Anchor to the top */
  left: 0;
  pointer-events: none;
  z-index: 999999999;
  transform-origin: bottom; /* Anchor transformations to the bottom */
}


.page-overlay-second {
  width:100%;
  height:100vh;
  background:var(--black);
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  pointer-events:none;
  z-index:99999999;
}

html,
body {
  width: 100%;
  height: auto !important;
  min-height: 100%;
}
html {
  overflow:scroll;
  overflow-x:hidden;
}
::-webkit-scrollbar {
    display: none;
}


 /* ==============================================
     General
  ============================================== */

  html.lenis {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  .lenis.lenis-scrolling iframe {
    pointer-events: none;
  }
  
  canvas, img, video, picture, figure {
     max-width: 100%;
     height: auto;
     box-sizing: border-box;
     display: block;
  }
  
  a {
    color: inherit;
    text-decoration: inherit;
    cursor: pointer !important;
    
  }

  .main {
    overflow:hidden;
  }

  img {
        width: 100%;
      -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    /*
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    */
  }

  .split-parent,
  .split-child {
    overflow-y: clip !important;
    padding-bottom: 0.08vw;
    margin-bottom: -0.08vw;
  }


  /* ==============================================
     Hide Scrollbar
  ============================================== */

  body::-webkit-scrollbar{display: none;} /* Chrome, Safari, Opera */
  body {-ms-overflow-style: none;} /* IE & Edge */
  html {scrollbar-width: none;} /* Firefox */
  

  

  /* ==============================================
     Body
  ============================================== */


  
body {
  background: var(--black)!important;
  font-family: var(--primary-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: default;
  color: var(--white);
  overflow-x: hidden;
}
.page {
  width: 100%;
  display: flex;
  flex-direction: column;
}
body .home {
  background: var(--black) !important;
}
body .about {
  background: var(--darkgrey) !important;
}
body .brand{
  background:var(--white)!important;
}
body .brands{
  color:var(--black)!important;
  background: var(--lightgrey) !important;
}
body .catalog {
  color:var(--black)!important;
  background: var(--white)!important;
}
body .news {
  color:var(--black)!important;
  background: var(--lightgrey)!important;
}
.brands-catalog {
  height:100svh;
  overflow:hidden;
  background:var(--white)!important;
  justify-content:center;
  grid-gap:10vw;
}
.product-catalog {
  background:var(--white)!important;
  height:100svh;
  position:fixed;
}
.w-button {
  all: unset;
}

  /* ==============================================
     Typography
  ============================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  line-height:unset;
}
h1 {
  font-family: var(--primary-font);
  letter-spacing: -0.463vw;
  font-size: 7.5vw;
  line-height: 1;
  margin-top: -1vw;
}

[lang="he"] .home .container h1 {
  font-size:10vw;
}
h2 {
  font-size: 5vw;
  line-height: 1;
  letter-spacing: -0.289vw;
}
h3 {
  font-size: 3.7vw;
  line-height: 1;
  letter-spacing: -0.289vw;
}
[lang="he"] h3 {
  font-size:5vw;
  letter-spacing: -0.260vw; 
}
[lang="he"] .product-page-name {
    font-size: 4.051vw;
}
h4 {
  font-size: 3.472vw;
  line-height: 1;
  letter-spacing: -0.289vw;
}
[lang="he"] h4 {
  font-size:4vw;
  letter-spacing: -0.180vw; 
}
h5 {
  font-size: 1.157vw;
  line-height: 1;
  letter-spacing: -0.019vw;
}
[lang="he"] h5 {
  font-size:1.5vw;
}
h6 {
  font-size: 0.6vw;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1vw;
}
[lang="he"] h6 {
    font-size:0.8vw;
}
p {
  font-size: 0.926vw;
  line-height: 1.7;
  font-weight: 450 !important;
  font-family: var(--paragraph-font);
  color: var(--textgrey);
  margin: 0;
  padding: 0;
}
[lang="he"] p {
  font-family: "Noto Sans Hebrew", sans-serif;
  letter-spacing:0.02vw;
}

@media (max-width:767px){
  h1,
  h2,
  h3,
  h4 {
    font-size: 9vw;
  }
  h3 {
    letter-spacing:-0.5vw;
  }

  
  [lang="he"] h2,
  [lang="he"] h3,
  [lang="he"] h4 {
    font-size: 11vw;
    letter-spacing: -0.5vw; 
  }
  [lang="he"] .product-page-name {
    font-size: 9vw;
  } 
  h5,
  p {
    font-size: 3.488vw;
  }
  [lang="he"] h5 {
    font-size:4.6vw;
  }
  h5 {
    line-height:1.5;
  }
  h6 {
    font-size: 2vw;
  }
  [lang="he"] h6 {
    font-size:3vw;
  }
  [lang="he"] .home .container h1 {
    font-size:18vw;
  }
}


  /* ==============================================
     Basics
  ============================================== */

.navigation {
  position: fixed;
  justify-content: space-between;
  align-items: center;
  grid-gap: 0.6vw;
  z-index: 9999;
  mix-blend-mode: difference;
  width: 92%;
  top: 4vw;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  transition: top 0.8s cubic-bezier(0, 0.22, 0.25, 0.99);
  z-index:9999;
  height:2vw;
}
.navigation.hide {
  top: -4vw;
}
.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 3vw;
}

.menu-bg {
  width: 100%;
  height: 0;
  background: #0D0D0D;
  overflow: hidden;
  opacity: 1; 
  position: fixed; 
  top: 0;
  left: 0;
  z-index:9998;
}
.links {
  display: flex;
  font-size: 0.579vw;
  color: var(--white);
  text-transform: uppercase;
  justify-self: end;
  align-items: center;
  justify-content: space-between;
  grid-gap: 2.2vw;
}
[lang="he"] .links {
      font-size: 0.9vw;
}  
.burger {
    cursor: pointer !important;
    height: 1vw;
    display: flex;
    overflow: hidden;
    align-items: center;
}
.burger img {
  margin-top: -0.4vw;
  min-width: 2.778vw;
  max-width: 2.778vw;
  height:2vw;
}
.logo,
.logo img {
  z-index: 99999;
  min-width: 8vw;
  max-width: 8vw;
}
.nav-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
  height: 1vw;
  overflow-y:hidden;
}
.nav-btn span {
  height: 1vw;
  text-shadow: 0 1vw 0 rgba(241, 238, 235, 1);
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.42, 0, 0, 1);
}
.nav-btn:hover span {
  transform: translateY(-100%);
}
.catalog-button {
  background: var(--white);
  color: var(--black);
  padding: 0.7vw 0.76vw;
  line-height: 1;
  border:1px solid white;
  transition:background 0.3s ease, color 0.3s ease;
}
.catalog-button:hover {
  background:black;
  color:white;
  border:1px solid white;
}

.language-swticher {
  pointer-events:auto!important;
  position:absolute;
  z-index:999;
}

.home {
  background: var(--mtc-black);
}
.work {
  background: var(--mtc-white);
}
.work * {
  color: var(--mtc-black);
}
.w-webflow-badge {
  display: none !important;
}

#cursor {
  position: fixed;
  z-index: 999999 !important;
  left: 0;
  top: 0;
  border-radius: 100%;
  pointer-events: none;
  will-change: transform;
  mix-blend-mode: difference;
}
@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    border: solid 1.5px var(--white);
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
  #cursor.change .cursor__circle {
    width: 0.5vw;
    height: 0.5vw;
    background-color: var(--white);
    border-color: transparent;
  }
}



@media (max-width: 767px){
  /* GENERAL */

  .navigation {
    width: 88%;
    top: 7vw;
  }
  .navigation.hide {
    top: -7vw;
  }
  .menu .nav-btn:nth-child(1),
  .menu .nav-btn:nth-child(2),
  .menu .nav-btn:nth-child(3),
  .menu .nav-btn:nth-child(4),
  .menu .nav-btn:nth-child(5),
  .language {
    display: none;
  }
  .burger img {
    min-width: 11.163vw;
    max-width: 11.163vw;
    cursor: pointer !important;
    height: 45vw;
  }
  .burger {
    cursor: pointer !important;
    height: 5vw;
    overflow: hidden;
     margin-left:3vw;
  }
  [lang="he"] .burger {
    margin-left:0vw;
    margin-right:3vw;
  }
  
  .catalog-button {
    padding: 2vw 2.5vw;
    font-size: 2.326vw;
  }
  
  [lang="he"] .catalog-button {
    font-size: 3.5vw;
}
  
  .section {
    margin: auto;
    width: 88%;
    padding-top:5vw;
    padding-bottom:5vw;
  }
  .container-grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
    grid-gap: 12vw;
    padding: 10vw 0vw;
  }
  .text-block {
    margin-top: 5vw;
    grid-gap: 10vw!important;
  }
  #gallery-container {
    width: 88%;
    margin: auto;
  }
  #cursor {
    display:none!important;
  }
  .logo,
  .logo img {
    min-width: 27vw;
    max-width: 27vw;
  }
}


/* HOME PAGE */

.section {
  max-width: 92vw !important;
  margin: auto;
  padding-top:5vw;
  padding-bottom:5vw;
}
.hero {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  min-height: 100svh; 
  position: relative;
  overflow: hidden;
}
.hero h1 {
  mix-blend-mode:difference;
  text-shadow: 4px 4px 29px rgba(0,0,0,0.22);
}

.hero-elements {
  width: 22.158vw; 
  height: 22.158vw;
  position: absolute;
          direction: ltr !important;
  /*
  left:28vw;
  */
  z-index:-1;
}

.hero-elements img {
  width: 22.158vw; 
  height: 22.158vw;
  position: absolute;
}
.hero h6 {
  display: flex;
  justify-self: end;
  position: absolute;
  bottom: 4vw;
}
.hero-elements img:nth-of-type(1) {
  z-index: 5;
}
.hero-elements img:nth-of-type(2) {
  z-index: 4;
}
.hero-elements img:nth-of-type(3) {
  z-index: 3;
}
.hero-elements img:nth-of-type(4) {
  z-index: 2;
}
.hero-elements img:nth-of-type(5) {
  z-index: 1;
}
.home-gallery {
  min-height: 50vw;
  position: relative;
  z-index: 1;
}
.w-slide,
.w-slider {
  min-height: 46.123vw;
}
.w-slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
#gallery-container {
  position: relative;
  width: 92%;
  overflow: hidden;
  margin: auto;
}
#gallery {
  display: flex;
}
.gallery-slide,
.container-image {
  flex: 0 0 100%;
  height: 80vh;
  overflow: hidden;
}
.gallery-slide img,
.container-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-description {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 9998;
}
.nav-arrows {
  margin-top: 2vw;
  display: flex;
  justify-content: end;
  bottom: 3vw;
  right: 3vw;
  grid-gap: 2vw;
  cursor: pointer;
  display:none;
}
.prev,
.next {
  transition: opacity 0.3s ease;
}
.prev:hover,
.next:hover {
  opacity: 0.8;
}
.nav-arrow  {
  overflow-y: hidden;
  height: 1vw;
}
.nav-arrow span {
  height: 1vw;
  text-shadow: 0 1vw 0 rgba(241, 238, 235, 1);
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.42, 0, 0, 1);
}
.nav-arrow:hover span {
  transform: translateY(-100%);
}
.gallery-slide.active {
  opacity: 1;
}
.container-grid,
.container {
  padding: 6vw 0vw;
  width: 100%;
}
.container-padding {
  padding: 10vw 0vw;
}
.footer .container {
  padding: 0vw;
  padding-top: 5vw;
}
.footer {
  mix-blend-mode: difference;
}
.expertise {
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;
  max-width:60vw;
  grid-gap:0.6vw;
}
.niche {
  border:0.5px solid #919191;
  border-radius:30vw;
  padding:1vw 1.37vw;
}
.niche h5 {
  font-size:0.913vw;
}
[lang="he"] .niche h5 {
  font-size:1.3vw;
}
.text-block {
  display: flex;
  flex-direction: column;
  grid-gap: 3vw;
}
.read-more-btn img {

  min-width: 1vw;
  max-width: 1vw;
}
/*
.read-more-btn {
  cursor: pointer;
  display: flex;
  border: 1px solid var(--grey);
  justify-self: center;
  align-self: start;
  grid-gap: 0.7vw;
  padding: 0.8vw 1.8vw;
  font-size: 0.671vw;
  text-transform: uppercase;
  z-index: 999999 !important;
  position: relative;
  top: 0;
  background: transparent;
  overflow: hidden;
  transition: color 0.7s cubic-bezier(0.64, 0, 0, 1.01);
}
*/

.read-more-btn {
    cursor: pointer;
    display: flex;
    border: 1px solid var(--grey);
    justify-self: center;
    align-self: start;
    grid-gap: 0.7vw;
    padding: 0.8vw 1.8vw;
    font-size: 0.671vw;
    text-transform: uppercase;
    z-index: 999999 !important;
    position: relative;
    top: 0;
    background: transparent;
    overflow: hidden; /* Ensure no overflow artifacts */
    transition: color 0.7s cubic-bezier(0.64, 0, 0, 1.01);
    white-space: nowrap;
}

.read-more-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%; /* Use width for transform animations */
    background: var(--white);
    z-index: -1;
    transform: translateX(-100%); /* Start position */
    transition: transform 0.7s cubic-bezier(0.64, 0, 0, 1.01); /* Smooth animation */
    will-change: transform;
}

.read-more-btn:hover::before {
    transform: translateX(0); /* Animate to full width */
}

[lang="he"] .read-more-btn {
  font-size:0.8vw;
}
/*
.read-more-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 100%;
  background: var(--white);
  z-index: -1;
  transition: right 0.7s cubic-bezier(0.64, 0, 0, 1.01);
}
*/

.read-more-btn:hover {
  color: var(--black);
}

.width {
  display: inline-block;
  align-self: start;
  justify-self: start;
}
.grid-image img {
  width: 100%;
  height: 100%;
  object-fit:cover;
}
.grid-image:nth-of-type(1) {
  width: 28.704vw;
  height: 26.215vw;
}
.grid-image:nth-of-type(2) {
  margin-top: -7vw;
  width: 28.704vw;
  height:24.653vw;
}
.grid-image:nth-of-type(3) {
  margin-top: 7vw;
  width: 47.338vw;
  height: 32.523vw;
}
.grid-image:nth-of-type(4) {
  margin-top: -14.5vw;
  width: 34.896vw;
  height: 32.986vw;
}
.grid-image:nth-of-type(5) {
  margin-top: 7vw;
  margin-left:6.5vw;
  width: 22.512vw;
  height: 23.785vw;
}
.grid-image {
  overflow: hidden;
}
.grid-image img {
  object-fit: cover;
}
.logos {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 3.3vw;
  margin-top: 5vw;
}
.home-brand-logo {
  background: var(--blackgrey);
  width: 34.896vw;
  height: 16.435vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-brand-logo img {
  min-width: 12.804vw;
  max-width: 12.804vw;
  min-height: 1.911vw;
  max-height: 1.911vw;
}
.home-brand-logo:nth-of-type(2) img {
  min-height: 2.5vw;
  max-height: 2.5vw;
}
.home-brand-logo:nth-of-type(7) img {
  min-height: 2.8vw;
  max-height: 2.8vw;
}
.home-brand-logo:nth-of-type(8) img {
  min-width: 17vw;
  max-width: 17vw;
  min-height: 5vw;
  max-height: 5vw;
}
.home-brand-logo:nth-of-type(10) img {
  min-height: 3vw;
  max-height: 3vw;
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  align-self: center;
  grid-gap: 4vw;
}
.container .read-more-btn {
  align-self: center;
}
.all-partner-logos {
  display:flex;
  grid-gap:2vw;
}
.partner-logo {
  display:flex;
  justify-content:center;
  align-items:center;
  width:20vw;
  height:13vw;
  border:1px solid #444444;
}
.partner-logo img {
  width:11vw;
  max-height: 5vw;
}
.showrooms-container {
  min-width: 92vw;
}
.showrooms {
  display: flex;
  grid-gap: 2.6vw;
  width: 100%;
}
.link-btn img{
  mix-blend-mode:difference;
}
.branch {
  display: flex;
  flex-direction: column;
  grid-gap: 2vw;
  width:100%;
}
.branch-image {
  height: 30vw;
  overflow: hidden!important;
  background:transparent!important;
}
.branch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}

.w-slider {
      background: unset!important;
  height:100%;
}

.w-icon-slider-left, .w-icon-slider-right {

  position:relative;
  top:-15vw;
  font-size: 2vw!important;
}
.branch-details {
  display: flex;
  justify-content: space-between;
  align-items: start;
  text-align: left;
}
.branch-name {
  width: 60%;
  display: flex;
  flex-direction: column;
  grid-gap: 1.5vw;
}
[lang="he"] .branch-name {
  text-align:right;
  direction:rtl;
}
.branch-navigate {
  /*
  width: 23%;
  */
  display: flex;
  grid-gap: 3.5vw;
  flex-direction: column;
  text-align: right;
}
.branch-navigate img {
  min-width: 3vw;
  max-width: 3vw;
  border-radius: 50%;
}
.gps-navigate {
  display: flex;
  grid-gap: 0.6vw;
  justify-content: space-between;
}
.footer {
  margin: 4vw 4vw;
}
.footer .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-logo img {
  min-width: 41.088vw;
  max-width: 41.088vw;
}
.footer-links {
  display: flex;
  flex-direction: column;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.973vw;
  line-height: 1.45vw;
  grid-gap: 1.45vw;
  margin-left: 13.3vw;
  mix-blend-mode: difference;
  color:var(--white);
}
.footer .w-inline-block {
  display:flex;
}
.footer-links div {
  overflow: hidden;
  height: 1.7vw;
}
.footer-links div span {
  height: 3vw;
  text-shadow: 0 3vw 0 rgba(241, 238, 235, 1);
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.42, 0, 0, 1);
}
.footer-links div:hover span {
  transform: translateY(-100%);
}
.footer-credits {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 15vw;
}
.footer-credits p {
  font-size: 0.8vw;
  color: var(--white);
}
.footer-credits img {
  min-width: 6.192vw;
  max-width: 6.192vw;
}


@media (max-width:767px) {
  .hero-elements {
    left:28vw;
    margin-top:-16vw;
  }
  .hero-elements img {
    min-width: 42vw;
    max-width: 42vw;
    min-height: 42vw;
    max-height: 42vw;
  }
  .hero h6 {
    bottom: 8vw;
  }
  .read-more-btn {
    padding: 2vw 5vw;
    font-size: 2.695vw;
    margin-top: 5vw;
  }
  [lang="he"] .read-more-btn {
    font-size:3.2vw;
  }
  .read-more-btn img {
    min-width: 3.042vw;
    max-width: 3.042vw;
    margin-left: 2vw;
    margin-top: 1vw;
  }
  .nav-arrows {
    margin-top: 5vw;
    grid-gap: 4vw;
  }
  .expertise {
    max-width:90vw;
    grid-gap:2.3vw;
    justify-content:start;
  }
  .niche {
    padding:3vw 4vw;
  }
  .niche h5 {
    font-size:3.5vw;
  }
  
  [lang="he"] .niche h5 {
  font-size:4vw;
}
  
  .home-gallery-grid {
    margin-top: 20vw;
    width: 88vw;
    position: relative;
    left: 0;
    margin-bottom: 10vw;
    
  }
  .logos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4vw;
    margin-top: 10vw;
  }
  .logos > a {
    display: block;
    width: 100%;
  }
  .logos .width {
    grid-column: 1 / -1;
  }
  .home-brand-logo {
    width: 100%;
    height: 32vw;
  }
  .home-brand-logo img {
    /*zoom: 200%!important;*/
            min-width: 22vw!important;
        min-height: 4vw!important;
  }
  .partners-carousel {
    margin-top:10vw;
  }
  .partner-logo {
    display:flex;
    justify-content:center;
    align-items:center;
    width:50vw;
    height:30vw;
    border:1px solid #444444;
  }
  .partner-logo img {
    width:31vw;
    max-height:15vw;
  }
  .container-padding {
    padding:25vw 0vw;
  }
  .home-logos-marquee {
    margin-top:10vw;
  }
  .showrooms-container {
    min-width: unset;
  }
  .showrooms {
    margin-top:10vw;
    flex-direction: column;
    grid-gap: 15vw;
  }
  .branch {
    width: 100%;
    grid-gap: 7vw;
  }
  .branch-image {
    height: 60vw;
    overflow: hidden;
  }
  .branch-image img {
    min-width: 100%;
    height: 60vw;
    object-fit: cover;
    width: 100vw;
  }
  .branch-navigate {
    grid-gap: 9vw;
  }
  .gps-navigate {
    grid-gap: 2vw;
  }
  .branch-navigate img {
    min-width: 11vw;
    max-width: 11vw;
  }
  .footer {
    width: 88%;
    margin: auto;
    margin-top: 15vw;
    padding-bottom: 15vw;
    position: relative;
  }
  .footer .container {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .footer-logo {
    margin-top: 45vw;
  }
  .footer-logo img {
    min-width: 100%;
    max-width: 100%;
  }
  .footer-links {
    position: absolute;
    top: 1vw;
    left: -13vw;
    font-size: 7vw;
    grid-gap: 3.5vw;
    line-height: 5vw;
    text-align: left !important;
  }
  .footer-links div {
    overflow: hidden;
    height: 6vw;
  }
  .footer-links div span {
    height: 8vw;
    text-shadow: 0 8vw 0 rgba(241, 238, 235, 1);
    display: inline-block;
    transition: transform 0.5s cubic-bezier(0.42, 0, 0, 1);
  }
  .footer-links div:hover span {
    transform: translateY(-100%);
  }
  .footer-credits p {
    position: absolute;
    bottom: 0vw;
    left: 0vw;
    font-size: 3vw;
    margin-bottom: 4vw;
  }
  .footer-credits img {
    position: absolute;
    top: 0vw;
    right: 0vw;
    min-width: 15.814vw;
    max-width: 15.814vw;
  }
}

/* ABOUT PAGE */

.about .text-block {
  justify-content: center;
}
.about .container-image img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.thirty-years-h5 {
  font-size: 1.84vw;
}

.home .slider {
  min-height:unset!important;
}


.home .slider-item {
  width:unset;
}

.about-gallery-wrapper {
  display:flex;
  grid-gap:4vw;
  align-items:start;
  justify-content:start;
}
.about-gallery-item{
  min-width:40vw;
  max-width:40vw;
  min-height:30vw;
  max-height:30vw;
  display:flex;
  align-self:center;
}
.about-gallery-item img {
  object-fit:cover;
  width:100%;
}
.read-more-btn {
  display:flex;
  width:fit-content;
}
.about .read-more-btn {
  margin:auto;
  width:fit-content;
}
.link-btn {
	width:fit-content;
}
.thin-block {
  max-width:35vw;
}
.modulnova-section {
  position:relative;
  min-height:153vw;
}
.modulnova-lines {
  position: absolute;
  top: 0vw;
  left: 50%;
  transform: translate(-50%);
}
.modulnova-grid {
  position:relative;
  z-index:2;
  top:15vw;
  direction: ltr !important;
}
.modulnova-grid .grid-image:nth-of-type(1) {
  width: 35.069vw;
  position:relative;
  right:-0.5vw;
}
.modulnova-grid .grid-image:nth-of-type(2) {
  width: 34.896vw;
  position:relative;
  left:5.845vw;
}
.modulnova-grid .grid-image:nth-of-type(3) {
  width: 34.896vw;
  position:relative;
  left:-6.539vw;
}
.modulnova-grid .grid-image:nth-of-type(4) {
  width: 24.275vw;
  position:relative;
  right:0.5vw;
}
.modulnova-grid .grid-image:nth-of-type(5) {
  width: 24.595vw;
  position:relative;
  left:3.8vw;
}
.circle {
  width:5vw;
  height:5vw;
  border-radius:100%;
  border:1px solid #5C5C5C;
}
.line {
  width:0.01vw;
  height:153vw;
  background:#5c5c5c;
  margin:auto;
}

.marquee {
  overflow: hidden;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100vw;
  margin:auto;
  z-index:1;
}
.marquee-inner {
  display: flex;
  animation: scroll 8s linear infinite;
}
.marquee-inner::after {
  content: "";
  display: block;
  width: 100%;
}

.marquee img {
  width:112.558vw;
  flex-shrink: 0;
  padding:5vw;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


@media (max-width: 767px) {
  .thin-block {
    all:unset;
  }
  .text-block {
    display:flex;
    flex-direction:column;
  }
  .circle {
    width:15vw;
    height:15vw;
    border-radius:100%;
    border:1px solid #5C5C5C;
  }
  .line {
    width:0.1vw;
    height:220vw;
  }
  .marquee {
    top:48%;
    zoom:150%;
  }
  .marquee-inner {
    display: flex;
    animation: scroll 8s linear infinite;
  }
  .modulnova-section {
    min-height:260vw;
  }
  .modulnova-lines {
    top: 50vw;
    left: 60vw;
    transform: translate(-50vw, -50vw);
  }
  .modulnova-grid {
    top:35vw;
    display:flex;
    flex-direction:column;
  }
  .modulnova-grid .grid-image:nth-of-type(1) {
    min-width:35vw;
    left:-20vw;
  }
  .modulnova-grid .grid-image:nth-of-type(2) {
    min-width:35vw;
    left:20vw;
    bottom:-5vw;
  }
  .modulnova-grid .grid-image:nth-of-type(3) {
    min-width:25vw;
    bottom:-10vw;
    left:-20vw;
  }
  .modulnova-grid .grid-image:nth-of-type(4) {
    min-width:35vw;
    right:-20vw;
    bottom:-15vw;
  }
  .modulnova-grid .grid-image:nth-of-type(5) {
    min-width:35vw;
    left:-20vw;
  }
  .about .slider {
    margin-top:15vw;
    margin-bottom:20vw;
  }
  .about-gallery-wrapper {
    grid-gap:7vw;
  }
  .about-gallery-item {
    min-width:80vw;
    min-height:80vw;
  }
  .thirty-years-h5 {  
    margin-top:3vw;
    font-size:3vw;
  }
  [lang="he"] .thirty-years-h5 {
    font-size: 4vw;
  }
  .about .container-image img {  
    height:110vw;
  }
}



/* BRANDS PAGE */

/*

.w-dyn-items .w-dyn-item .label-icon:before {
  content: '';
  width: 0.8vw;
  height: 0.8vw;
  display: flex;
  background-size: 100%;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
}

.w-dyn-items .w-dyn-item:nth-of-type(1) .label-icon:before {
  background-image: url('https://cdn.prod.website-files.com/66b9ff332e5bba96a4fd7fea/66cdcff7de9ec0d502355b7d_furniture-icon.svg');
}
.w-dyn-items .w-dyn-item:nth-of-type(2) .label-icon:before {
  background-image: url('https://cdn.prod.website-files.com/66b9ff332e5bba96a4fd7fea/66cdcff6dc4fd6ea49899070_lighting-icon.svg');
}
.w-dyn-items .w-dyn-item:nth-of-type(3) .label-icon:before {
  background-image: url('https://cdn.prod.website-files.com/66b9ff332e5bba96a4fd7fea/66cdcff636f5bea50562c345_kitchen%20%26%20systems-icon.svg');
}
.w-dyn-items .w-dyn-item:nth-of-type(4) .label-icon:before {
  background-image: url('https://cdn.prod.website-files.com/66b9ff332e5bba96a4fd7fea/66cdcff6cf02c8bf3caff2a6_luxury%20contract-icon.svg');
}
*/


.brands-catalog .w-form-label {
  display:inline-flex;
  grid-gap:1vw;
  align-items:center;
  justify-content:center;
  border:unset!important;
  border-radius:30vw;
  padding:unset!important;
  width:fit-content!important;
  font-size:0.579vw;
  line-height:2;
  text-wrap: nowrap;
}


.brands-catalog .fs-cmsfilter_active .w-form-label {
  background: unset!important;
  color:unset!important;
  border: 0.7px solid var(--black);
  padding:unset!important;

}

.brands-catalog .flex-filters {
  grid-gap:0vw!important;
          align-items: center;
}

.brands-button-container, .brands-catalog .all-filter{
  display:inline-flex;
  grid-gap:0.3vw;
  align-items:center;
  justify-content:center;
  background:var(--white);
  border:0.7px solid var(--black);
  border-radius:30vw;
  padding:0.5vw 0.4vw;
  font-size:0.579vw;
  line-height:2;
  text-wrap: nowrap;
}

.brands-catalog .w-form-label {
    background:var(--white);
  border:0.7px solid var(--black);
}

.brands-button-container.fs-cmsfilter_active {
  background: var(--black)!important;
  color: var(--white)!important;
  position: relative;
  z-index: 1;
}

.fs-cmsfilter_active img {
  filter: invert(1)!important;
  mix-blend-mode: normal!important;
}

.brands-button-container img {
  min-width:0.8vw;
  max-width:0.8vw;
}
.catalog-grid {
  animation: FadeSoft 0.5s ease forwards 0s;
  opacity:0;
}

@keyframes FadeSoft {
  to {
    opacity:1;
  }
}


.brands-wrapper{
  min-width:100%;
  flex-wrap:nowrap;
  display:flex;
  grid-gap:4vw;
}

.brands-item figure {
  overflow: hidden;
	height:45vh;
  width:36vw;
}
.brands-item figure img{
  width: 100%;
  height:100%;
  object-fit: cover;
  transform: scale(1);
  transition:all 0.7s cubic-bezier(.33,.08,.2,.99);
}
.brands-item figure:hover img {
  transform: scale(1.150);
}

.brands .brand-logo {
  mix-blend-mode:difference;
  background:white;
}
.brands .brand-logo img {
	height:1.5vw;
  width:8vw;
	margin-top:2vh;
  mix-blend-mode:difference;
}




@media (max-width: 767px) {
  .w-dyn-items .w-dyn-item .label-icon:before {
    width:3vw;
    height:3vw;
  }
  .brands .slider-item figure {
    
    height:45vh;
    width:75vw;
    padding-bottom:unset;
  }
  .brands .catalog-container {
    align-items: start;
    grid-gap:0;
    height: 100dvh;
    justify-content: space-between;
    padding-bottom:35vw;
    margin:auto;
  }

  .brands-heading {
    align-self:center;
    padding:0vw 5vw;
  }
  .brands .brands-catalog h3 {
    text-align:center;
    align-items:center;
  }
  .brands .slider-item figure img{
    transform: scale(1);
    transition:all 0.7s cubic-bezier(.33,.08,.2,.99);
  }
  .brands .slider-item figure:hover img {
    transform: scale(1.150);
  }
  .brands-button-container  {
    grid-gap: 1vw;
  }
  
  .brands-catalog .w-form-label {
    font-size: 2vw;
    height: 5vw!important;
  }
  
  .brands-button-container img {
    min-width: 3vw;
    max-width: 3vw;
  }
  .brands .brand-logo {
    align-self:start;
    justify-content:start;
  }
  .brands .brand-logo img {

    width:unset;
    height:unset;
    max-height:6vw;
  }
  .brands .all-catalog-filters{
    scroll-behavior: smooth;
    position:absolute;
    bottom:15vw;
    overflow: visible!important;
    width: 100vw;
    /*
    padding-right:4vw;
    */
  }
  .brands .flex-filters {
    padding-top:2vw;
    padding-bottom:2vw;
    grid-gap: 2vw!important;
    width:92%;
  }
  .brands .slider-item {
    display: inline-block;
    width: 100vw;
  }
  .brands .slider-item figure {
    height:30vh;
    padding-bottom:unset;
  }
}

/* Brand Page */


.brands .catalog-container{
  margin-top:5vw;
  grid-gap:5vh;
}

.brand-hero-container {
  padding-top:10vw;
  mix-blend-mode:difference;
  display:flex;
  flex-direction: column;
  grid-gap:5vw;
  align-items:center;
}
.brand-hero-container .read-more-btn img {
  mix-blend-mode:difference;
}
.brand-main-image {
	padding:4vw;
}
.about-the-brand img {
  width:20vw;
  height:4vw;
  mix-blend-mode:difference;
}
.explore {
  overflow-y: hidden;
  height: 1.6vw;
  font-size:1vw;
}
.explore span {
  height: 2vw;
  text-shadow: 0 2vw 0 rgba(241, 238, 235, 1);
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.42, 0, 0, 1);
}
.explore:hover span {
  transform: translateY(-100%);
}

@media (max-width: 767px) {
  .brand-hero-container {
    padding-top:25vw;
  }
  .brand-main-image {
    padding:6vw;
  }
  .brand .thin-block {
    width:88%!important;
    margin:auto;
    margin-top:10vw;
    grid-gap:10vw;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .brand .thin-block p {
    text-align:center;
  }
  .brand .about-the-brand img {
    width:50vw;
    height:15vw;
  }
  .brand .home-gallery-grid {
    left:0;
    margin-bottom:0;
    max-width:88%;
  }
}


/* CATALOG PAGE */

.catalog {
  min-height:100svh;
}
.catalog-container{
  margin-top:10vw;
  grid-gap:3vw;
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}
.catalog-grid {
  max-width:92vw;
}
.all-catalog-filters {
  display:flex;
  flex-direction:column;
  grid-gap:1.5vw;
  justify-content:center;
  align-items:center;
  text-align: center;
  width:100%;
}
.filter {
  margin-left:-1vw;
}
.radio-btns-order {
  display:flex;
  grid-gap:0.6vw;
  text-transform:uppercase;
}
.all-filter {
  margin-right:0.6vw;
}
[lang="he"] .blog .all-filter {
  margin-left:0.6vw!important;
}
.inner-filters .all-filter {
  margin-right:0vw;
}
.items-filters {
  display:flex;
  grid-gap:1.6vw;
  font-size:0.579vw;
  color:var(--grey);
}
@media(min-width:767px) {
  .items-filters {
    /*
    max-width: 64.4vw;
    */
    flex-wrap:wrap;
    line-height:0;
  }
}
.w-form-label {
  text-wrap: nowrap!important;
}
.category-filters .w-form-label {
  display:inline-flex;
  grid-gap:1vw;
  align-items:center;
  justify-content:center;
  background:var(--white);
  border:0.7px solid var(--black);
  border-radius:30vw;
  padding:0.3vw 1vw;
  font-size:0.579vw;
  line-height:2;
  text-wrap: nowrap;
}

[lang="he"] .category-filters .w-form-label, [lang="he"] .items-filters {
    font-size: 0.9vw;
}
.category-filters .fs-cmsfilter_active .w-form-label {
  background:var(--black);
  color:var(--white);
  border:0.7px solid var(--black);
}
.catalog-grid {
  margin-top:3vw;
}
.catalog-thumb {
  display:flex;
  flex-direction:column;
  grid-gap:1vw;
  cursor:pointer;
}
.item-image-wrapper {
  width:100%;
  height:100%;
  min-height:18vw;
  max-height:18vw;
  overflow:hidden;
  background:var(--lightgrey);
  display:flex;
  justify-content:center;
  align-items:center;
}
.item-headline {
  margin:1vw 0;
}
.item-intro {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;  /* Number of lines displayed before it truncate */
  line-clamp: 3;
  overflow: hidden;
}
.catalog-thumb img{
  min-width:100%;
  transform: scale(1);
  transition:all 0.7s cubic-bezier(.33,.08,.2,.99);
  mix-blend-mode: multiply;
}
.catalog-thumb:hover img {
  transform: scale(1.150);
}
.catalog-thumb p {
  margin-top:-0.5vw;
      min-height: 3.4vw;
}
.flex-filters:nth-of-type(2) {
    grid-gap: 0.6vw;
}
.brands .flex-filters{
    grid-gap: 0.6vw;
}
.flex-filters:nth-of-type(3) .fs-cmsfilter_active .w-form-label  {
  text-decoration-line: underline;
  text-decoration-thickness: 0.054vw;
  text-underline-offset: 0.5vw;
}
.choose-brand {
  display:flex;
  flex-direction:column;
  width:100%;
  align-items:center;
}
.choose-brand .brands-filters {
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.choose-button {
  outline: none; 
  user-select: none;
  cursor:pointer;
  display:flex;
  grid-gap:0.6vw;
}
  [lang="he"] .choose-button h5 {
    font-size:2vw;
  }
.choose-button img {
  min-width:0.463vw;
  max-width:0.463vw;
}
.brands-filter {
  outline: none; 
}
.choose-button:focus,
.choose-button:active, 
.brands-filter:focus,
.brands-filter:active  {
  outline: none; 
  background-color: inherit; 
}
.brands-filter-space {
  display:flex;
  flex-direction:column;
  text-transform:uppercase;
  font-size:1.2vw;
  line-height:1.2vw;
  grid-gap:1.5vw;
}
.choose-brand .fs-cmsfilter_active .w-form-label  {
  text-decoration-line: underline;
  text-decoration-thickness: 0.054vw;
  text-underline-offset: 0.5vw;
}


@media (max-width: 767px){
  .catalog-container{
    padding-top:30vw;
    grid-gap:12vw;
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    
    width: 100%;
    margin:auto;
  }
  .products-gallery {
    width:100%;
    display:flex;
  }
  .catalog-content {
    position:relative;
    width:88vw;
  }
  .all-catalog-filters {
    background: var(--white);
    position: relative;
    z-index: 99;
    grid-gap:5vw;
    margin-bottom: 5vw;
  }
  .choose-brand {
    padding-bottom:5vw;
  }
  .choose-button {
    grid-gap:2vw;
  }
  [lang="he"] .choose-button h5 {
    font-size:6vw;
  }
  .choose-button img {
    min-width:2vw;
    max-width:2vw;
  }
  .brands-filter-space {
    font-size:4vw;
    line-height:4vw;
    grid-gap:3vw;
  }
  
  .inner-filters .all-filter {
    margin-right: -5vw;
  }

  .form-block {
    top: 0;
    left: 0;
    
    max-width: 88vw;
    overflow: hidden;
  }
  .flex-filters {
    display: flex;
    align-items: start;
    justify-content: start;
    width: 100%;
    overflow-x: scroll;
    overflow-y:hidden;
    scroll-behavior: smooth;
  }
  .blog .flex-filters {
    align-items: center;
    justify-content: center;
  }
  .flex-filters, .radio-btns-order {
    grid-gap:2vw;
  }
  .items-filters {
    font-size:2vw;
    grid-gap:5vw;
  }
  .w-form-label {
    white-space: nowrap!important;
  }
  .category-filters .w-form-label {
    font-size: 2vw;
    padding: 1vw 2vw;
  }
  .item-image-wrapper {
    min-height:50vw;
  }
  [lang="he"] .category-filters .w-form-label, [lang="he"] .items-filters {
    font-size:3.2vw;
  }
}

/* Product Page */

.product-catalog {
  justify-content:center;
}
.product-page-grid {
  padding-top:5vw;
  margin:4vw;
  display:flex;
  align-items:end;
  justify-content:end;
}
.product-picture, .product-info {
  /*width:50.5%;*/
  width:45%;
}
[lang="he"] .product-picture, [lang="he"] .product-info {
    width: 45.5%;
}
.product-picture {
  background:var(--lightgrey);
  padding:5vw;
  display:flex;
  justify-content:center;
  align-items:center;
}
.product-info {
  mix-blend-mode:difference;
  text-wrap: wrap;
  padding:5vw;
  display:flex;
  flex-direction:column;
  grid-gap:2vw;
}
.product-info h3 {
  width:50%;
}
.product-picture img {
  mix-blend-mode: multiply;
  width:50vw;
}
.w-pagination-next {
    color: #333333;
    background-color: transparent;
    border: 1px solid var(--black);
    border-radius: 50vw;
    margin-left: 0;
    margin-right: 0;
    margin-top:5vw;
    padding: 0.8vw 1.8vw;
    font-size: 0.6vw;
    text-transform: uppercase;
    display: block;
    width: unset;
  transition:background 0.3s ease, color 0.3s ease;
}
.w-pagination-next:hover {
  background:var(--black);
  color:var(--white);
}
.product-page .logo img {
  display:none;
  z-index:-9999!important;
}

.product-page .product-gallery {
  position: fixed;
  top: 0;
  left: 0vw;
  width: 100%;
  height: 100vh; 
  overflow: hidden; 
  pointer-events: none; 
}

.product-gallery .slider-wrapper {
  position: relative;
  display: flex;
  grid-gap:2vw;
  flex-direction: column;
  transform: translateY(0);
  will-change: transform;
  pointer-events: none; 
}

.product-gallery .slider-item {
  display: block;
  height: 100%;
  width: 40vw; 
  margin-bottom: 1vw;
  pointer-events: none; 
  background:#F5F5F5;
}



.overlay-form {
  display:none;
  width: 50vw;
  background: white;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999999999999; 
  color:black;
  padding:3vw;
  flex-direction:column;
  grid-gap:2vw;
}

form * {
line-height:1!important;
}
.overlay-form label {
  font-size:1vw;
  text-transform:uppercase;
}


.overlay-form .w-input, .overlay-form .w-select {
  color: var(--textgrey);
  text-transform:uppercase;
  border: 0.06vw solid #ccc;
  width: 97%;
  margin-bottom: unset;
  padding: 1vw 1vw;
  font-size: 0.6vw;
  line-height: unset;
  display: block;
  margin-bottom:1vw;
  margin-top:1vw;
}
.overlay-form .w-button {
  background:var(--black);
  color:var(--white);
  text-transform:uppercase;
  padding:1vw 2vw;
  font-size:1.2vw;
  margin-top:1vw;
  line-height:unset;
}
.overlay-form h4 {
  margin-bottom:3vw;
  font-size:3vw;
  letter-spacing:-0.1vw;
}
[lang="he"] .overlay-form h4 {
  font-size:4vw;
}
.overlay-form .w-form-done {
  font-size:0.8vw;
  padding:1vw;
}


@media(min-width:767px) {
  .product-gallery {
    display:flex;
  }
  .product-gallery-mobile {
    display:none;
  }
}
@media(max-width:767px) {
  .product-gallery {
    display:none;
  }
  .product-gallery-mobile {
    display:flex;
  }
}
.product-gallery-mobile .slider-wrapper {
  margin-top:18vw;
  position: relative;
  display: flex;
  flex-direction: row;
  grid-gap:4vw;
  margin-left:2vw;
  margin-right:2vw;
  transform: translateY(0);
  will-change: transform;
  pointer-events: none; 
}

.product-gallery-mobile .slider-item {
  display: block;
  min-width: 80vw; 
  max-width: 80vw;
  min-height: 80vw;
  max-height: 80vw;
  margin-bottom: 1vw;
  pointer-events: none; 
  overflow:hidden;
  background:#F5F5F5;
}

.product-gallery-mobile .slider-item img {
  width:100%;
  height:100%;
  object-fit:cover;
}

@media (max-width: 767px) {
  .catalog-thumb {
    grid-gap:2vw;
    margin-bottom:5vw;
  }
  .catalog-thumb h5 {
    margin-top:3vw;
  }
  .w-pagination-next {
    font-size:3vw;
    padding:1.8vw 6vw;
  }
  .product-page-grid { 
    flex-direction:column;
    margin:0;
  }
  .product-picture, .product-info {
    width:100%;
  }
  [lang="he"] .product-picture, [lang="he"] .product-info {
    width:100%;
  }
  .product-info {
    grid-gap:7vw;
    min-width:100%;
    margin-bottom:15vw;
  }
  .product-picture img {  
    width:100%;
  }
  .product-catalog {
    position:unset;
    height:unset;
    flex-direction: column-reverse;
  }
  .product-page .logo img {
    display:flex;
    z-index:-9999!important;
  }
  .overlay-form {
    width: 100vw;
    padding:5vw;
    border: 1px solid var(--black);
    flex-direction:column;
    padding-bottom:2vw;
  }
  .overlay-form h4 {
    margin-bottom:7vw;
    font-size:5vw;
    letter-spacing:-0.1vw;
  }
  [lang="he"] .overlay-form h4 {
    font-size:8vw;
  }
  .overlay-form label {
    font-size:2.8vw;
    text-transform:uppercase;
  }
  [lang="he"] .overlay-form label {
    font-size:4.2vw;
    font-family:var(--secondery-font)!important;
  }
  .overlay-form .w-input, .overlay-form .w-select {
    height:unset;
    padding: 3vw 3vw!important;
    font-size: 3vw;
    max-width:93%;
    margin-top:4vw;
    margin-bottom:3vw;
    border: 0.3vw solid #ccc;
  }
  [lang="he"] .overlay-form .w-input, .overlay-form .w-select {
    font-size:4vw;
  }
  .overlay-form .w-button {
    padding:3vw 4vw;
    font-size:4vw;
    margin-top:3vw;
  }
  .overlay-form .w-form-done {
    font-size:0.8vw;
    padding:1vw;
  }
}


/* Blog Page */

.blog-container{
  width:92%;
  margin-top:10vw;
  grid-gap:5vw;
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
  margin:auto;
}
.blog-hero {
  width:100%;
  justify-content:center;
  align-items:center;
  display:flex;
  flex-direction:column;
  grid-gap:3vw;
  margin-top:14vw;
  text-align:center;
  max-width:60vw;
}
.blog-image {
  min-width:100%;
}
.blog-image img {
  object-fit:cover;
  min-width:100%;
  max-height:50vw;
}
.blog-content {
  max-width:50vw;
  display:flex;
  flex-direction:column;
  grid-gap:1vw;
}
.blog-content h5 {
  line-height:1.5;
}
.blog-tag {
  display: inline-flex;
  grid-gap: 1vw;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 0.7px solid var(--black);
  border-radius: 30vw;
  padding: 0.3vw 1vw;
  font-size: 0.579vw;
  line-height: 2;
  text-wrap: nowrap;
}


@media (max-width: 767px) {
  .blog-hero {
    padding-top:13vw;
    max-width:88%;
  }
  .blog-container {
    width:88%;
  }
  .blog-content {
    max-width:100%;
  }

  .blog-tag {  
    margin-top:5vw;
    font-size:2vw;
    padding:1vw 2.5vw;
  }
}

/* Contact page */

.contact-heading {
  margin-top:7vw;
}
.contact-us .showrooms-section .link-btn{
  display:none;
}
.contact .form-container {
  display:flex;
  width:80%;
  justify-content:space-between;
  grid-gap:8vw;
  padding:4vw;
}
.contact .form-container .image, .form-container .form-block {
  width:50%;
}
.contact .form-container .form {
  width:100%;
  height:100%;
  background:grey;
}
.contact .form-container .image {
  width:50vw;
}
.contact .form-container label {
  text-align:left;
  text-transform:uppercase;
  font-size:1.157vw;
}
.contact .w-input, .w-select {
    background-color: #000;
    border: none;
    border-bottom: 0.8px solid #8E8E8E;
    width: 100%;
    height: 3vw;
    margin-bottom: 2vw;
    padding: unset;
    padding-left:0;
    font-size: 1vw;
    line-height:3vw;
    display: block;
    color:grey;
}

.contact .w-select {
    -webkit-appearance: none; /* Removes Safari's default styling */
    -moz-appearance: none;    /* For Firefox */
    appearance: none;         /* Standard */
    background-color: #000;   /* Your custom background */
    border: none;
    border-bottom: 0.8px solid #8E8E8E;
    text-align:right;
    background: #000 url('https://cdn.prod.website-files.com/66b9ff332e5bba96a4fd7fea/676199f8d1b903e665557e26_drop-select.svg') no-repeat left center;
    background-size: 1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media(max-width:767px) {
  .contact .w-select {
    background-size: 3vw;
  }
}
.contact .w-form-done {
  color:var(--black)
}
.contact .w-select {
  margin-top:2vw;
}
.contact .form-block .w-button {
  color:var(--black);
  width:100%;
  padding:1vw 0vw;
  background:var(--white);
  font-size:0.902vw;
  text-transform:uppercase;
}
/*
.contact .w-button, .contact .form-container label {
  font-size:1.5vw!important;
  padding:1vw 0vw!important;
   font-family:var(--secondery-font)!important;
}
*/

  [lang="he"] .contact .w-button, [lang="he"] .contact .form-container label {
    font-size:1.5vw!important;
    padding:0vw 0vw!important;
     font-family:var(--secondery-font)!important;
  }

[lang="he"] .contact .w-button  {
  font-size:2vw!important;
  padding:1.2vw 0vw!important;
}

@media (max-width: 767px) {
  .form-container {
    display:flex;
    flex-direction:column;
    width:100%;
    justify-content:space-between;
    grid-gap:8vw;
    padding:0vw;
  }  
  .form-container .image, .form-container .form-block {
    width:100%;
  }
  .form-container .image {
    min-width:100%;
    height:100%;
  }
  .form-container img { 
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .contact-heading {
    padding-top: 15vw;
  }
  .contact .form-container label {
    font-size: 3.5vw;
    margin-top:5vw;
    margin-bottom:3vw;
  }
  .contact .form-container {
    padding:0;
    width:88%;
  }
  .contact .w-input, .w-select {
    font-size:3vw;
    height:10vw;
    text-align: left;
    font-weight:normal;
    text-transform:uppercase;
  }
  
  .contact .w-button {
    font-size:5vw!important;
    padding:4vw 0vw!important;
  }
  .contact .w-button, .contact .form-container label {
    font-size:5vw!important;
    padding:3vw 0vw!important;
  }
  [lang="he"] .contact .w-button, [lang="he"] .contact .form-container label {
    font-size:5vw!important;
    padding:3vw 0vw!important;
     font-family:var(--secondery-font)!important;
  }
  [lang='he'] .contact .w-input{
    font-size:4.5vw;
  }
  [lang="he"] .contact .w-button  {
    font-size:7vw!important;
    padding:4vw 0vw!important;
  }
  [lang="he"] .contact .w-select {
    font-size:4vw!important;
  }

}




.weglot-container {
    position: fixed!important;
    bottom: 22px;
    left:22px;
  mix-blend-mode:difference!important;
 zoom:0.8;
  z-index:1;
}

.weglot_switcher.horizontal_expand .language-option {

  font-size:13px;
  padding:0;
  background:unset!important;
  border:1px solid var(--textgrey);
  color:white!important;
}

.language-option * {
  color:white!important;
  
}


@media (max-width: 767px) {
  .wg-default.weglot-container--left, .wg-default.weglot-container--left .country-selector {
    display:none;
  }
  .form-container label {
    font-size:3.5vw;
  }
  .w-input, .w-select {
    height:15vw;
    margin-bottom:5vw;
    font-size:3vw;
  }
  label {
    margin:unset;
  }
}

/* EXTRA STYLES */

.menu .open {
  position: relative;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  overflow:hidden;
}
.menu .open.links {
  display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 90dvh;
    justify-content: center;
    align-items: center;
    font-size: 1.2vw;
}
.menu .open .nav-btn {
  font-size:4.7vw;
  line-height:4.7vw;
  height: 4.3vw;
}

.menu .open .nav-btn span {
  height: 4vw;
  transition: transform 0.5s cubic-bezier(0,.11,0,.99);
  text-shadow: 
    0 -6vw 0 rgba(241, 238, 235, 1), /* Top shadow */
    0 6vw 0 rgba(241, 238, 235, 1); /* Bottom shadow */

}
.menu .open .nav-btn :hover span {
  transform: translateY(-6vw);
}
.menu .open.links .catalog-button {
  margin-top:5vh;
}
  .menu .open.links  .nav-btn:nth-child(1),
  .menu .open.links .nav-btn:nth-child(2),
  .menu .open.links  .nav-btn:nth-child(3),
  .menu .open.links  .nav-btn:nth-child(4),
  .menu .open.links  .nav-btn:nth-child(5),
  .menu .open.links .language {
    display: flex;
  }


  @media (max-width: 767px) {
    .menu .open.links {
      display: flex;
      flex-direction: column;
      position: absolute;
      width: 100%;
      height: 100svh;
      justify-content: center;
      align-items: center;
      font-size: 10vw;
    }
    .menu .open .nav-btn {
      font-size:10vw;
      line-height:10vw;
      height: 10vw;
      margin-bottom:2vw;
    
    }
    [lang="he"] .menu .open .nav-btn {
      font-size: 13vw;
    }  
    .menu .open .nav-btn span {
      height: 10vw;
      text-shadow: 
        0 -12vw 0 rgba(241, 238, 235, 1), /* Top shadow */
        0 12vw 0 rgba(241, 238, 235, 1); /* Bottom shadow */
    }
    .menu .open .nav-btn :hover span {
    transform: translateY(-12vw);
  }
    .menu .open.links .catalog-button {
      font-size:4vw;
    }
    [lang="he"] .menu .open.links .catalog-button {
      font-size: 5vw;
    }  

  }


/* - - - - - - - - - - - - - - - - - - -  
  Marquee Animation
- - - - - - - - - - - - - - - - - - - - */

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1rem));
  }
}
.scroll {
  animation: scroll 30s linear infinite;
}
.reverse {
  animation-direction: reverse;
}
.marquee-image {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#loader {
    transition: opacity 0.5s ease;
  pointer-events:none!important;
}


/* - - - - - - - - - - - - - - - - - - -  
  Extra
- - - - - - - - - - - - - - - - - - - - */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

.w-slider-dot {
    display: none;
}