.elementor-1445 .elementor-element.elementor-element-d48bc20 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1445 .elementor-element.elementor-element-2205fa2{width:auto;max-width:auto;top:19px;z-index:1003;}body:not(.rtl) .elementor-1445 .elementor-element.elementor-element-2205fa2{right:10px;}body.rtl .elementor-1445 .elementor-element.elementor-element-2205fa2{left:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){body:not(.rtl) .elementor-1445 .elementor-element.elementor-element-2205fa2{right:10px;}body.rtl .elementor-1445 .elementor-element.elementor-element-2205fa2{left:10px;}.elementor-1445 .elementor-element.elementor-element-2205fa2{top:0px;}}/* Start custom CSS for html, class: .elementor-element-2205fa2 */.logomob .logo{
position:fixed!important;
left:30px;
top:20px;
display:none;
z-index:1005;
}




.menu {
  background-color: transparent!important;
  border: none!important;
  color:#fff!important;
  cursor: pointer;
  display: flex;
  padding: 0;
  box-shadow:0 0 0 0!important;
  z-index:1001;
}
.menu .hamburger{
  transform: scale(0.45,0.45);
}


.menu:focus {
outline: none!important;
}

.menu.opened .hambu{
 transform: scale(0.45,0.45);
}

.menu.opened .logo{
z-index:1005!important;
}


.pop{
position:fixed;
display:none;
opacity:0;
animation: fadeOutFromNone 0.5s ease-out;
}

.menu.opened .pop{
position:absolute;
left:0;
display:block;
right:calc(-0vw - 10px);
left:auto;
top:-19px;
min-width:calc(90vw - 10px);
height:calc(90vh);
max-height:calc(800px);
background-color:rgba(0,0,0,0.5);
opacity:1;
animation: fadeInFromNone 0.5s ease-out;
}


@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeOutFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}


.pop .men {
    background-color:rgba(50,48,45,0.95);
    position: absolute;
    margin-left: 66.6666%;
    margin-top: 0px;
    width:33.333%;
    height:100%;
    padding:200px 30px 30px 30px;
}




.pop .men a{
cursor:pointer;
display:block;
font-size:3vw;
font-weight:900;
line-height:1.1em;
color:rgba(255,255,255,0);
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-text-stroke-color:rgba(255, 255, 255, 0.6);
-webkit-text-stroke-width:1px;
transition: all 0.4s ease;
}

.pop .men a:hover{
cursor:pointer;
color:rgba(255,255,255,1);
filter : blur(2px)
}

.men:hover a
{
opacity:0.5!important;
}

.men:hover a:hover
{
opacity:1!important;
}



.men .m1,
.men .m2,
.men .m3,
.men .m4,
.men .m5
{
opacity: 0;
transform: translateX(100px);
transition: all 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
}

.menu.opened .m1
{
opacity: 1;
transform: translateX(0px);
animation: min1 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
}

.menu.opened .m2
{
opacity: 1;
transform: translateX(0px);
animation: min2 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
}

.menu.opened .m3
{
opacity: 1;
transform: translateX(0px);
animation: min3 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
}

.menu.opened .m4
{
opacity: 1;
transform: translateX(0px);
animation: min4 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
}

.menu.opened .m5
{
opacity: 1;
transform: translateX(0px);
animation: min5 2s cubic-bezier(0.14, 0.9, 0.35, 0.99);
line-height:0.85em;
margin-top:10px;
}

.menu.opened .m5 span
{
font-size:0.8em;

}

.menu.opened .m5:before {
content:"";
display:block;
border-top:dotted 5px rgba(255,255,255,0.2);
width:5em;
margin-bottom:8px
}


@keyframes min1 {
    0% {
        display: none;
        opacity: 0;
        transform: translateX(150px);
    }

    10% {
        display: block;
        opacity: 0;
        transform: translateX(150px);
    }

    30% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
    100% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
}


@keyframes min2 {
    0% {
        display: none;
        opacity: 0;
        transform: translateX(150px);
    }

    20% {
        display: block;
        opacity: 0;
        transform: translateX(150px);
    }

    40% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
    100% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
}


@keyframes min3 {
    0% {
        display: none;
        opacity: 0;
        transform: translateX(150px);
    }

    30% {
        display: block;
        opacity: 0;
        transform: translateX(150px);
    }

    50% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
    100% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
}


@keyframes min4 {
    0% {
        display: none;
        opacity: 0;
        transform: translateX(150px);
    }

    40% {
        display: block;
        opacity: 0;
        transform: translateX(150px);
    }

    60% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
    100% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
}



@keyframes min5 {
    0% {
        display: none;
        opacity: 0;
        transform: translateX(150px);
    }

    50% {
        display: block;
        opacity: 0;
        transform: translateX(150px);
    }

    70% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
    100% {
        display: block;
        opacity: 1;
        transform: translateX(0px);
    }
  
}














@media screen and (min-width: 768px) and (max-width: 1024px){
.pop .men {
    background-color:rgba(50,48,45,0.90);
    position: absolute;
    margin-left: 60%;
    margin-top: 0px;
    width:40%;
    height:100%;
    padding:200px 30px 30px 30px;
}

.logomob{
display:block;
} 

.logomob .logo {
display:block;    
position:absolute;
left:70px;
top:calc((100vh - 750px) / 2);
min-width:186px!important;
width:186px!important; 
min-height:72px!important;
height:72px!important;
transform: scale(1,1);
filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.3)); 
}

menu.opened .logo{
 transform: scale(1,1)!important;
}

}



@media screen and (min-height: 900px) and (min-width: 1543px){
.menu.opened .pop{
position:absolute;
left:0;
display:block;
left:calc(-1280px);
top:-18px;
min-width:1390px;
min-height:calc(800px);
} 
}





@media screen and (max-width: 768px) {
.pop .men {
    background-color:rgba(50,48,45,0.90);
    position: absolute;
    margin-left: 0%;
    margin-top: 0px;
    width:100%;
    height:100%;
    padding:200px 30px 30px 30px!important;
}

.pop .men a{
cursor:pointer;
display:block;
font-size:40px;
font-weight:900;
line-height:1.2em;
color:rgba(255,255,255,0);
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-text-stroke-color:rgba(255, 255, 255, 0.8);
-webkit-text-stroke-width:1px;
transition: all 0.4s ease;
}


.logomob{
display:block;
}

.logomob .logo {
display:block;    
position:absolute;
left:30px;
min-width:186px!important;
width:186px!important; 
min-height:72px!important;
height:72px!important;
transform: scale(1,1);
filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.3)); 
}

.pop{
position:fixed;
display:none;
}

.menu.opened .pop{
position:absolute;
left:0;
display:block;
left:calc(-100vw + 100px);
top:-10px;
min-width:calc(100vw);
min-height:calc(100vh);
background-color:rgba(0,0,0,0.7);
height: calc(-webkit-fill-available) !important;
width: calc(-webkit-fill-available) !important; 
}

.menu.opened .logo{
 transform: scale(1,1);
}

}







.line {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
  stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.3)); 
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.line2 {
  stroke-dasharray: 50 60;
  stroke-width: 4;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 4;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-291da7d */.elementor-1445 .elementor-element.elementor-element-291da7d {
    position:absolute;
    width:100%;
}/* End custom CSS */