.wb-fall .wb-letter{
display:inline-block;
transform:translateY(-18px);
opacity:0;
animation:wbFallIn 600ms ease forwards;
will-change:transform, opacity;
}
@keyframes wbFallIn{ to{ transform:translateY(0); opacity:1; } }
@media (prefers-reduced-motion: reduce){
.wb-fall .wb-letter{ animation:none; opacity:1; transform:none; }
} .wb-hero-video video{
opacity: 0;
transition: opacity .45s ease;
}
.wb-hero-video video.wb-ready{
opacity: 1;
} .wb-header{
position: fixed !important;
top:0; left:0; right:0;
z-index:9999;
background-color: transparent !important;
transition: background-color 220ms ease, box-shadow 220ms ease, color 220ms ease;
}
.wb-header, .wb-header a,
.wb-header .elementor-icon, .wb-header .elementor-icon svg,
.wb-header .elementor-nav-menu a,
.wb-header .e-icon, .wb-header .elementor-menu-toggle{
color:#fff !important;
fill:#fff !important;
}
.wb-header:hover{
background-color:#fff !important;
box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.wb-header:hover, .wb-header:hover a,
.wb-header:hover .elementor-icon, .wb-header:hover .elementor-icon svg,
.wb-header:hover .elementor-nav-menu a,
.wb-header:hover .e-icon, .wb-header:hover .elementor-menu-toggle{
color:#111 !important;
fill:#111 !important;
}
.wb-header.wb-scrolled{
background-color:#fff !important;
box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.wb-header.wb-scrolled, .wb-header.wb-scrolled a,
.wb-header.wb-scrolled .elementor-icon, .wb-header.wb-scrolled .elementor-icon svg,
.wb-header.wb-scrolled .elementor-nav-menu a,
.wb-header.wb-scrolled .e-icon, .wb-header.wb-scrolled .elementor-menu-toggle{
color:#111 !important;
fill:#111 !important;
} .wb-header .wb-logo--dark{ display:none; }
.wb-header .wb-logo--light{ display:inline-block; }
.wb-header:hover .wb-logo--light,
.wb-header.wb-scrolled .wb-logo--light{ display:none; }
.wb-header:hover .wb-logo--dark,
.wb-header.wb-scrolled .wb-logo--dark{ display:inline-block; } .wb-header .wb-header-divider,
.wb-header .wb-header-divider *{ border-color: rgba(255,255,255,.65) !important; }
.wb-header:hover .wb-header-divider,
.wb-header:hover .wb-header-divider *,
.wb-header.wb-scrolled .wb-header-divider,
.wb-header.wb-scrolled .wb-header-divider *{ border-color: rgba(17,17,17,.35) !important; } .wb-header .wb-header-btn a,
.wb-header .wb-header-btn .elementor-button{
background:#fff !important;
color:#111 !important;
border-color:#fff !important;
transition: all 220ms ease;
}
.wb-header:hover .wb-header-btn a,
.wb-header:hover .wb-header-btn .elementor-button,
.wb-header.wb-scrolled .wb-header-btn a,
.wb-header.wb-scrolled .wb-header-btn .elementor-button{
background:#111 !important;
color:#fff !important;
border-color:#111 !important;
} .wb-scroll-only{
opacity:0;
transform:translateY(-8px);
pointer-events:none;
transition: all 220ms ease;
}
body.wb-body-scrolled .wb-scroll-only{
opacity:1;
transform:translateY(0);
pointer-events:auto;
} .wb-mobilebar{
background: transparent !important;
transition: background-color 220ms ease, box-shadow 220ms ease, color 220ms ease;
}
.wb-mobilebar .wb-mbtn .elementor-button{
background:#fff !important;
color:#111 !important;
border-color:#fff !important;
transition: all 220ms ease;
}
.wb-mobilebar .wb-mlogo--dark{ display:none; }
.wb-mobilebar .wb-mlogo--light{ display:inline-block; }
body.wb-body-scrolled .wb-mobilebar{
background:#fff !important;
box-shadow:0 10px 30px rgba(0,0,0,.10);
}
body.wb-body-scrolled .wb-mobilebar .wb-mbtn .elementor-button{
background:#111 !important;
color:#fff !important;
border-color:#111 !important;
}
body.wb-body-scrolled .wb-mobilebar .wb-mlogo--light{ display:none; }
body.wb-body-scrolled .wb-mobilebar .wb-mlogo--dark{ display:inline-block; }