.elementor-4039 .elementor-element.elementor-element-736ea7e{--display:flex;--min-height:0px;--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;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--position:absolute;top:0px;--z-index:6;}.elementor-4039 .elementor-element.elementor-element-736ea7e, .elementor-4039 .elementor-element.elementor-element-736ea7e::before{--border-transition:0.3s;}body:not(.rtl) .elementor-4039 .elementor-element.elementor-element-736ea7e{left:0px;}body.rtl .elementor-4039 .elementor-element.elementor-element-736ea7e{right:0px;}.elementor-4039 .elementor-element.elementor-element-67cd3b0{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-4039 .elementor-element.elementor-element-b89693b{text-align:left;width:auto;max-width:auto;}.elementor-4039 .elementor-element.elementor-element-b89693b img{width:12vw;max-width:100%;}.elementor-4039 .elementor-element.elementor-element-b89693b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4039 .elementor-element.elementor-element-f2f7d01{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-4039 .elementor-element.elementor-element-e4d0ea1{z-index:9999;}@media(max-width:1024px){.elementor-4039 .elementor-element.elementor-element-b89693b img{width:22vw;}}@media(min-width:768px){.elementor-4039 .elementor-element.elementor-element-67cd3b0{--width:100%;}.elementor-4039 .elementor-element.elementor-element-f2f7d01{--width:17%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4039 .elementor-element.elementor-element-67cd3b0{--width:100%;}.elementor-4039 .elementor-element.elementor-element-f2f7d01{--width:12%;}}@media(max-width:767px){.elementor-4039 .elementor-element.elementor-element-736ea7e{--width:100vw;--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;--justify-content:center;--align-items:center;}.elementor-4039 .elementor-element.elementor-element-736ea7e.e-con{--align-self:center;}.elementor-4039 .elementor-element.elementor-element-67cd3b0{--width:50%;}.elementor-4039 .elementor-element.elementor-element-b89693b img{width:39vw;}.elementor-4039 .elementor-element.elementor-element-b89693b.elementor-element{--align-self:center;}.elementor-4039 .elementor-element.elementor-element-f2f7d01{--width:15%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;}}/* Start custom CSS for html, class: .elementor-element-e4d0ea1 */.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-5645 { 
	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: 2px;
	width: 34px;
	background: #FFFFFF;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
		
}

.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.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: #fff;
	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 */