.elementor-204 .elementor-element.elementor-element-8099be4{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;top:0px;--z-index:5;}.elementor-204 .elementor-element.elementor-element-8099be4, .elementor-204 .elementor-element.elementor-element-8099be4::before{--border-transition:0.3s;}.elementor-204 .elementor-element.elementor-element-7534c6b{--display:flex;--background-transition:0.3s;}.elementor-204 .elementor-element.elementor-element-47ed440{text-align:right;}.elementor-204 .elementor-element.elementor-element-47ed440 img{width:35%;}.elementor-204 .elementor-element.elementor-element-e80fc72{--display:flex;--background-transition:0.3s;}.elementor-204 .elementor-element.elementor-element-2cc0899{width:initial;max-width:initial;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-menu-toggle{margin:0 auto;background-color:#00000000;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu .elementor-item{font-family:"Open Sans Hebrew", Sans-serif;font-size:18px;font-weight:500;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-2cc0899 .e--pointer-framed .elementor-item:before,
					.elementor-204 .elementor-element.elementor-element-2cc0899 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-2cc0899 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-2cc0899 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-a634e11{--display:flex;--background-transition:0.3s;}.elementor-204 .elementor-element.elementor-element-c6028f5 .elementor-button{font-family:"Open Sans Hebrew", Sans-serif;font-size:18px;font-weight:normal;fill:var( --e-global-color-69b31de );color:var( --e-global-color-69b31de );background-color:#FFFFFF;padding:15px 40px 15px 40px;}.elementor-204 .elementor-element.elementor-element-fb37e58 .elementor-icon-wrapper{text-align:center;}.elementor-204 .elementor-element.elementor-element-fb37e58.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-fb37e58.elementor-view-framed .elementor-icon, .elementor-204 .elementor-element.elementor-element-fb37e58.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-fb37e58.elementor-view-framed .elementor-icon, .elementor-204 .elementor-element.elementor-element-fb37e58.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-204 .elementor-element.elementor-element-47ed440{text-align:center;}.elementor-204 .elementor-element.elementor-element-47ed440 img{width:90%;}.elementor-204 .elementor-element.elementor-element-2cc0899 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-204 .elementor-element.elementor-element-fb37e58 .elementor-icon{font-size:25px;}.elementor-204 .elementor-element.elementor-element-fb37e58 .elementor-icon svg{height:25px;}}@media(min-width:768px){.elementor-204 .elementor-element.elementor-element-7534c6b{--width:25%;}.elementor-204 .elementor-element.elementor-element-e80fc72{--width:50%;}.elementor-204 .elementor-element.elementor-element-a634e11{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-204 .elementor-element.elementor-element-7534c6b{--width:15%;}.elementor-204 .elementor-element.elementor-element-e80fc72{--width:70%;}.elementor-204 .elementor-element.elementor-element-a634e11{--width:15%;}}@media(max-width:767px){.elementor-204 .elementor-element.elementor-element-8099be4{--justify-content:space-between;--gap:0px 0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-204 .elementor-element.elementor-element-7534c6b{--width:40%;}.elementor-204 .elementor-element.elementor-element-47ed440 img{width:90%;}.elementor-204 .elementor-element.elementor-element-e80fc72{--width:25%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-204 .elementor-element.elementor-element-e80fc72.e-con{--order:-99999 /* order start hack */;}.elementor-204 .elementor-element.elementor-element-a634e11{--width:25%;}.elementor-204 .elementor-element.elementor-element-fb37e58 .elementor-icon{font-size:20px;}.elementor-204 .elementor-element.elementor-element-fb37e58 .elementor-icon svg{height:20px;}}/* Start custom CSS for html, class: .elementor-element-c75176e *//* edit the hamburger and close icon colors here */

.lytbox-button {
    --hamburger-color: #fff;
    --close-x-color: black;
    display: block;
    height: 18px;
    cursor: pointer;
    position: relative;
    z-index: 101;
    float: right;
}

/* must add in elementor template ID number to make the menu full width */
.elementor-811 {
    width: 100%;
    background-color: #000000a6;
}

/* end editing */

.lytbox-navigation {
    position: fixed;
    top: 0;
    left: 0; /* changed from right to left */
    transform: translateX(100%); /* start off-screen to the left */
    overflow: hidden;
    transition: transform 0.2s;
    width: 100%;
    height: 100vh;
    z-index: 100;
}

.lytbox-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* toggle hamburger*/

.lytbox-button .hamburguer {
    position: relative;
}

.lytbox-button .hamburguer span {
    display: block;
    height: 2px;
    width: 24px;
    background: var(--hamburger-color);
    transform-origin: 50% 50%;
    transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
    transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
    transform: translate(0, 12px);
}

.lytbox-nav_control {
    position: absolute;
    left: -9999px;
    width: 100%;
    clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked ~ .lytbox-navigation {
    transform: translateX(0); /* slide in to view from the left */
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer {
    transition: all 0.1s 0s ease;
}

/* closed X */

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span {
    background: var(--close-x-color);
    transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:first-child {
    opacity: 0;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(2) {
    transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(3) {
    transform: translate(0, 4px) rotate(-45deg);
}

.body-no-scroll {
    overflow: hidden;
    height: 100%; /* Ensure viewport height is contained */
    position: fixed; /* Prevents scrolling on all devices */
    width: 100%; /* Maintain full width */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8099be4 */#mainHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: top 0.3s ease, background-color 0.3s ease;
    z-index: 1000;
}/* End custom CSS */