.elementor-2766 .elementor-element.elementor-element-3532d42a{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:25px;--padding-bottom:10px;--padding-left:20px;--padding-right:40px;top:0px;--z-index:99999;}.elementor-2766 .elementor-element.elementor-element-3532d42a:not(.elementor-motion-effects-element-type-background), .elementor-2766 .elementor-element.elementor-element-3532d42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1CBAE00;}body:not(.rtl) .elementor-2766 .elementor-element.elementor-element-3532d42a{left:0px;}body.rtl .elementor-2766 .elementor-element.elementor-element-3532d42a{right:0px;}.elementor-2766 .elementor-element.elementor-element-2436c07e{--display:flex;--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-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2766 .elementor-element.elementor-element-3c5b8f4f{--display:flex;--justify-content:flex-start;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2766 .elementor-element.elementor-element-3c5b8f4f.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2766 .elementor-element.elementor-element-595f3b9b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:right;}.elementor-2766 .elementor-element.elementor-element-595f3b9b > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-2766 .elementor-element.elementor-element-595f3b9b.elementor-element{--align-self:flex-end;}.elementor-2766 .elementor-element.elementor-element-595f3b9b img{width:65%;opacity:1;}.elementor-2766 .elementor-element.elementor-element-595f3b9b:hover img{opacity:1;}.elementor-2766 .elementor-element.elementor-element-456c5bc0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:right;}.elementor-2766 .elementor-element.elementor-element-456c5bc0.elementor-element{--align-self:flex-end;}.elementor-2766 .elementor-element.elementor-element-456c5bc0 img{width:65%;}.elementor-2766 .elementor-element.elementor-element-10dc179e{--display:flex;--justify-content:flex-start;--z-index:99;}.elementor-2766 .elementor-element.elementor-element-2a142716 > .elementor-widget-container{margin:0px -15px 0px 0px;}.elementor-2766 .elementor-element.elementor-element-2a142716.elementor-element{--align-self:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2766 .elementor-element.elementor-element-4e5587b .elementor-button{background-color:#BAC5A3;font-family:"BaseNeueTrial-Wide semibold", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;}.elementor-2766 .elementor-element.elementor-element-4e5587b .elementor-button:hover, .elementor-2766 .elementor-element.elementor-element-4e5587b .elementor-button:focus{background-color:#000000;color:#DDFF82;}.elementor-2766 .elementor-element.elementor-element-4e5587b > .elementor-widget-container{margin:0px -18px 0px 0px;}.elementor-2766 .elementor-element.elementor-element-4e5587b.elementor-element{--align-self:flex-end;}.elementor-2766 .elementor-element.elementor-element-4e5587b .elementor-button:hover svg, .elementor-2766 .elementor-element.elementor-element-4e5587b .elementor-button:focus svg{fill:#DDFF82;}.elementor-2766 .elementor-element.elementor-element-1ddeca4e{--display:flex;--justify-content:flex-start;--z-index:999;}.elementor-2766 .elementor-element.elementor-element-6da379 > .elementor-widget-container{--e-transform-translateX:-15px;--e-transform-translateY:3px;}.elementor-2766 .elementor-element.elementor-element-6da379.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-2766 .elementor-element.elementor-element-6da379{z-index:99999999;}.elementor-2766 .elementor-element.elementor-element-37b71365 > .elementor-widget-container{--e-transform-translateX:-15px;--e-transform-translateY:3px;}.elementor-2766 .elementor-element.elementor-element-37b71365.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2766 .elementor-element.elementor-element-3c5b8f4f{--width:13%;}.elementor-2766 .elementor-element.elementor-element-10dc179e{--width:87%;}.elementor-2766 .elementor-element.elementor-element-1ddeca4e{--width:5%;}}@media(max-width:767px){.elementor-2766 .elementor-element.elementor-element-3532d42a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-2766 .elementor-element.elementor-element-3c5b8f4f{--width:50%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2766 .elementor-element.elementor-element-595f3b9b{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;text-align:left;}.elementor-2766 .elementor-element.elementor-element-595f3b9b > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-2766 .elementor-element.elementor-element-456c5bc0 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-2766 .elementor-element.elementor-element-456c5bc0{--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;text-align:left;}.elementor-2766 .elementor-element.elementor-element-10dc179e{--width:0%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2766 .elementor-element.elementor-element-1ddeca4e{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2766 .elementor-element.elementor-element-6da379 > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-2766 .elementor-element.elementor-element-37b71365{width:100%;max-width:100%;}}/* Start custom CSS for image, class: .elementor-element-595f3b9b */.elementor-2766 .elementor-element.elementor-element-595f3b9b
{
    mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6da379 *//* (optional) add this code in the right container in order to get the scroll on the 
y axes in case you have more content */



/* add this code to the icon list widget */



.burger-button span > svg {
    padding-right: 3rem;
    color: red;
    /*background: blue;*/
 }


/* add this code in the left container for a glass effect. if you decide that you 
don`t want this, then make sure that image is not set as a bg overlay otherwise 
the content of the page will show through */



/* code to style the burger menu (add this to the HTML widget) */

.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-2688 { 
	width: 100%;
animation: fadeIn 1s ease forwards;
}


.burger-navigation {
	position: fixed;
	top: 0;
	right: 0;
opacity:0;
	overflow: hidden;
	transition:  all 0.5s ease-out;
	width: 545px;
	height: 90vh;
	z-index: -1;
	display: none;
	
}

.burger-navigation {

	justify-content: center;
	align-items: center;
	transition:  all 0.5s ease-out;
}

.burger-button .burger {
	position: relative;

}

.burger-button .burger span{
	display: block;
	height: 2.5px;
	width: 34px;
	background: #000;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
		
}

.burger-button .burger span:nth-child(1) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(2) {
	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(0px);
    opacity: 1;
    transition: transform 3s, opacity 3s;
    display: block;
    margin-top: -10px;
        right: -40px;
}

.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;

    height: 3.9px;
}



.burger-nav_control:checked~.burger-button .burger span:nth-child(1) {
	transform: translate(0, 6px) rotate(0deg);
	 
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {
    transform: translate(0, 4px) rotate(-45deg);
    width: 41px;
}

@keyframes fadeIn {
  from {
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  to {
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37b71365 *//* (optional) add this code in the right container in order to get the scroll on the 
y axes in case you have more content */



/* add this code to the icon list widget */



.burger-button span > svg {
    padding-right: 3rem;
    color: red;
    /*background: blue;*/
 }


/* add this code in the left container for a glass effect. if you decide that you 
don`t want this, then make sure that image is not set as a bg overlay otherwise 
the content of the page will show through */



/* code to style the burger menu (add this to the HTML widget) */

.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-2688 { 
	width: 100%;
animation: fadeIn 1s ease forwards;
}


.burger-navigation {
	position: fixed;
	top: 0;
	right: 0;
opacity:0;
	overflow: hidden;
	transition:  all 0.5s ease-out;
	width: 545px;
	height: 90vh;
	z-index: -1;
	display: none;
	
}

.burger-navigation {

	justify-content: center;
	align-items: center;
	transition:  all 0.5s ease-out;
}

.burger-button .burger {
	position: relative;

}

.burger-button .burger span{
	display: block;
	height: 2.5px;
	width: 34px;
	background: #000;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
		
}

.burger-button .burger span:nth-child(1) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(2) {
	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(0px);
    opacity: 1;
    transition: transform 3s, opacity 3s;
    display: block;
    margin-top: -10px;
        right: -40px;
}

.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;

    height: 3.9px;
}



.burger-nav_control:checked~.burger-button .burger span:nth-child(1) {
	transform: translate(0, 6px) rotate(0deg);
	 
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {
    transform: translate(0, 4px) rotate(-45deg);
    width: 41px;
}

@keyframes fadeIn {
  from {
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  to {
    opacity: 1;
  }
}/* End custom CSS */