.elementor-479 .elementor-element.elementor-element-39b71c7f{--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;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:140px;top:0px;--z-index:9996;}body:not(.rtl) .elementor-479 .elementor-element.elementor-element-39b71c7f{left:0px;}body.rtl .elementor-479 .elementor-element.elementor-element-39b71c7f{right:0px;}@media(max-width:1024px){.elementor-479 .elementor-element.elementor-element-39b71c7f{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:40px;}}@media(max-width:767px){.elementor-479 .elementor-element.elementor-element-39b71c7f{--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-5d2069c2 */.burger-button {

color: #000;

display: flex;

height: 28px;

cursor: pointer;

position: relative;

z-index: 9999;

}

/* (change the number of the template with your own)*/

.elementor-477 {

width: 100%;

animation: fadeInRight 1s ease-in-out;

}

.burger-navigation {

position: fixed;

top: 0;

left: 0;

transform: translateX(100%);

overflow: hidden;

transition: all 0.5s ease-out;

width: 100%;

height: 100vh;

z-index: 100;

}

.burger-navigation {

display: flex;

justify-content: center;

align-items: center;

transition: all 0.5s ease-out;

}

.burger-button .burger {

position: relative;

}

.burger-button .burger span{

display: block;

height: .15em;

width: 34px;

background: #000;

transform-origin: 50% 50%;

transition: all 0.1s 0.2s ease, transform 0.2s ease;

border-radius: 2px;

}

.burger-button .burger span:nth-child(1) {

width: 40%;

}

.burger-button .burger span:nth-child(2) {

transform: translate(0, 6px);

}

.burger-button .burger span:nth-child(3) {

transform: translate(0, 12px);

width: 100%;

}

.burger-nav_control {

position: absolute;

left: -9999px;

width: 100%;

clip: rect(0, 0, 0, 0);

}

.burger-nav_control:checked~.burger-navigation {

transform: translateX(0);

opacity: 1;

transition: transform 0.3s, opacity 0.3s;

}

.burger-nav_control:checked~.burger-button .burger {

transition: all 0.1s 0s ease;

}

.burger-nav_control:checked~.burger-button .burger span {

background: #000;

transition: all 0.1s ease, transform 0.1s 0.2s ease;

}

.burger-nav_control:checked~.burger-button .burger span:first-child {

opacity: 0;

}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {

transform: translate(0, 6px) rotate(45deg);

}

.burger-nav_control:checked~.burger-button .burger span:nth-child(3) {

transform: translate(0, 4px) rotate(-45deg);

}

@keyframes fadeInRight {

from {

opacity: 0;

transform: translateX(300px);

}

to {

opacity: 1;

}

}/* End custom CSS */