.elementor-67 .elementor-element.elementor-element-2b7df01{margin-top:0px;margin-bottom:0px;z-index:9999;}.elementor-bc-flex-widget .elementor-67 .elementor-element.elementor-element-48a29eb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-67 .elementor-element.elementor-element-48a29eb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}body:not(.rtl) .elementor-67 .elementor-element.elementor-element-bd4d65c{left:50px;}body.rtl .elementor-67 .elementor-element.elementor-element-bd4d65c{right:50px;}.elementor-67 .elementor-element.elementor-element-bd4d65c{top:50px;}.elementor-67 .elementor-element.elementor-element-7062800.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-67 .elementor-element.elementor-element-2394582{width:auto;max-width:auto;top:50px;}.elementor-67 .elementor-element.elementor-element-2394582 > .elementor-widget-container{margin:-10px -6px 0px 0px;}body:not(.rtl) .elementor-67 .elementor-element.elementor-element-2394582{right:50px;}body.rtl .elementor-67 .elementor-element.elementor-element-2394582{left:50px;}.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-67 .elementor-element.elementor-element-bd4d65c{left:20px;}body.rtl .elementor-67 .elementor-element.elementor-element-bd4d65c{right:20px;}.elementor-67 .elementor-element.elementor-element-bd4d65c{top:20px;z-index:9999;}body:not(.rtl) .elementor-67 .elementor-element.elementor-element-2394582{right:20px;}body.rtl .elementor-67 .elementor-element.elementor-element-2394582{left:20px;}.elementor-67 .elementor-element.elementor-element-2394582{top:20px;}}/* Start custom CSS for html, class: .elementor-element-bd4d65c */.elementor-67 .elementor-element.elementor-element-bd4d65c{
    width: 100px;
}

.logo-svg{
    fill:white;
}

.logo-svg.active{
    fill:black;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2394582 */.hamburger {
  cursor: pointer;
  display: inline-block;
  z-index: 9999;

}

.hamburger svg {
  height: 3em; /* contol overall size of icon */
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3; /* contol height of bars */
  transition:
    stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line-top-bottom {
  stroke-dasharray: 12 63;
}

.hamburger.active svg {
  transform: rotate(-45deg);
}

.hamburger.active .line-top-bottom {
  stroke-dasharray: 20 300;
  stroke-dashoffset: -32.42;
  /*stroke: black;*/
}

/*.hamburger.active .line{*/
/*  stroke: black;*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-721cad0 */#header-nav {
  width: 100%;
  z-index: 100;
  position: fixed; 
}
  

/*#mobile-header {*/
/*  z-index: 100;*/
/*  height: 70px;*/
/*  text-align: left;*/
/*  position: relative;*/
/*  color: white; }*/

#nav-wrapper {
  visibility:hidden;
  position: fixed;
  height: 0%;
  top: 0%;
  z-index: 99;
  width: 100%;
  background-color: #FBF6C5;
  animation-name: fadeout;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; 

    
}
  #nav-wrapper.active {
    animation-name: slidedown;
    animation-duration: 200ms;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards; }

   

@keyframes slidedown {
  0% {
    opacity: 0.1;
    height: 0%; }
  20% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    height: 100%; } }

@keyframes fadeout {
  0% {
    opacity: 1;
    height: 100%; }
  
  100% {
    opacity: 0;
    display:none;
    height: 100%; } }

/*@keyframes listdown {*/
/*  0% {*/
/*    opacity: 0;*/
/*    transform: rotateY(-45deg); }*/
/*  70% {*/
/*    transform: rotateY(-45deg);*/
/*    opacity: 0.3; }*/
/*  85% {*/
/*    transform: rotateY(30deg); }*/
/*  100% {*/
/*    opacity: 1;*/
/*    transform: rotateY(0deg); } }*/

#nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 30;
  height: 100%;
  width: 100%;
  user-select: none;
  touch-action: none;
  background-color: #FBF6C5; }

.nav {
  transition: top 1.1s ease 0.4s;
  z-index: 30;
  width: 100%; 
  /*margin-left:10px;*/
}

@media (max-width: 768px) {
    .nav {
  margin-left:0px;
}
}

ul.nav {
    padding-inline-start: 50px !important;
}

@media (max-width: 768px) {
    ul.nav {
  padding-inline-start:20px !important;
}
}

li {
  list-style: none;
  text-align: left;
  float: none;
  font-family: "Outfit", Sans-serif;
  text-transform: uppercase;
    }
  li a {
    font-size: 50px;
    font-weight: 700;
    color: #000;
    background-repeat: no-repeat;
    transition: .4s;
    text-decoration: none;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    
  }
    .left-to-right:hover,.left-to-right:focus {
    background-size: 100% 100%;
    background-image: linear-gradient(#000, #000);
     color: #fff; }

@media (max-width: 768px) {
    li a {
    font-size: 28px;
    }
}

.left-to-right {
  background-size: 0 100%;
}

.menu-contact{
    font-family: "Outfit", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    position: absolute;
    bottom: 0;
    margin-left: 50px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .menu-contact{
    margin-left: 20px;
    margin-bottom: 20px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8830b66 */.elementor-67 .elementor-element.elementor-element-8830b66{
    height: 0;
}/* End custom CSS */
/* Start custom CSS */#header{
    mix-blend-mode: difference;
}/* End custom CSS */