/* window nav css  */
.pc #menu-item-4661 .sub-menu {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0px 20px;
}

.pc #menu-item-4661 a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pc #menu-item-4661 ul li a::before {
  content: none !important;
}

.pc #menu-item-5543 {
  display: contents;
}
.pc #menu-item-5543 > a {
  display: none;
}



.pc #menu-item-4661 .icon {
  width: 70px;
  height: auto;
  display: inline-block;
  perspective: 1000px;
}

#menu-item-4661 .icon svg {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}



.pc #menu-item-4661 .window {
  overflow: visible;
  transform-style: preserve-3d;
}



.pc #menu-item-4661 .window.casement .window-door {
  transform-box: fill-box;
  transform-origin: right center;
}

.pc #menu-item-4661 .window.casement .window-handle {
  transform-box: fill-box;
  transform-origin: left center;
}

.pc #menu-item-5535:hover .window-door {
  animation: window-casement-swing 0.75s ease-in-out infinite alternate;
}

.pc #menu-item-5535:hover .window-handle {
  animation: window-turn-handle-down 0.75s ease-in-out infinite alternate;
}



.pc .window.awning .window-door {
  transform-box: fill-box;
  transform-origin: center top;
}

.pc .window.awning .window-handle {
  transform-box: fill-box;
  transform-origin: left center;
}

.pc #menu-item-5536:hover .window-door {
  animation: window-awning-swing 0.75s ease-in-out infinite alternate;
}

#menu-item-5536:hover .window-handle {
  animation: window-turn-handle-up 0.75s ease-in-out infinite alternate;
}



.pc .window.single-hung .window-lower-sash {
  transform-box: fill-box;
  transform-origin: center top;
}

.pc #menu-item-5538:hover .window-lower-sash {
  animation: window-slide-up 0.75s ease-in-out infinite alternate;
}



.pc .window.double-hung .window-lower-sash,
.pc .window.double-hung .window-upper-sash {
  transform-box: fill-box;
  transform-origin: center top;
}

.pc #menu-item-5537:hover .window-lower-sash {
  animation: window-double-slide-up 2s ease-in-out infinite;
  animation-delay: 1s;
}

.pc #menu-item-5537:hover .window-upper-sash {
  animation: window-double-slide-down 2s ease-in-out infinite;
}



.pc .window.slider .window-left-sash {
  transform-box: fill-box;
  transform-origin: center top;
}

.pc #menu-item-5540:hover .window-left-sash {
  animation: window-slide-right 0.75s ease-in-out infinite alternate;
}


.mobile-menu .menu-item-5543 > a[href="#"] {
    display: none !important;
    visibility: hidden;
    height: 0;
}




@keyframes window-turn-handle-down {
  from { transform: rotate(0); }
  to { transform: rotateZ(45deg); }
}

@keyframes window-turn-handle-up {
  from { transform: rotate(0); }
  to { transform: rotateZ(-45deg); }
}

@keyframes window-casement-swing {
  from { transform: perspective(400px) rotateY(0deg); }
  to { transform: perspective(400px) rotateY(-40deg); }
}

@keyframes window-awning-swing {
  from { transform: perspective(400px) rotateX(0deg); }
  to { transform: perspective(400px) rotateX(-40deg); }
}

@keyframes window-slide-up {
  from { transform: translateY(0); }
  to { transform: translateY(-80%); }
}

@keyframes window-double-slide-down {
  from { transform: translateY(0); }
  25% { transform: translateY(80%); }
  50% { transform: translateY(0); }
}

@keyframes window-double-slide-up {
  from { transform: translateY(0); }
  25% { transform: translateY(-80%); }
  50% { transform: translateY(0); }
}

@keyframes window-slide-right {
  from { transform: translateX(0); }
  to { transform: translateX(80%); }
}