.bg-vid {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

:root {
    --ty: calc(-100% + 60px);
    --tyy: calc(-100% + 180px);
}

.forcehide .w-nav-overlay {
    transition-duration: 0s !important;
    height: 0 !important;
    display: none !important;
}

    .forcehide .w-nav-overlay .nav-menu {
        transition-duration: 0s !important;
    }

.w-nav-overlay.show-gea-btn {
    height: 60px;
}

.w-nav-overlay {
    /*background: rgba(0,0,0,.6);
    transition: background-color 100ms ease;*/
    height: 0;
    transition: height 400ms ease;
    display: block !important;
    z-index: 3000;
}
/*.menu-overlay {
      transition: opacity 400ms ease;
      opacity: 0;
}
.menu-overlay.open {
      opacity: 1;
      transition: opacity 400ms ease;
}*/
@@media screen and (max-width: 992px) {
    .nav-button {
        transition: opacity 0.4s ease .3s;
    }
}

.w-nav-overlay .nav-button.quick-show {
    transition: opacity 0s ease;
}

.menu-button {
    opacity: 0;
}

.w-nav-overlay.open {
    height: 100vh
}

.w-nav-overlay .nav-menu {
    transform: translateY(var(--ty));
    transition: transform 400ms ease 0s;
}

    .w-nav-overlay .nav-menu.open {
        transform: translateY(0px);
    }

@@media (min-width: 992px) {
    .w-nav-overlay, .w-nav-overlay * {
        display: none !important;
    }
}

.opacity-50 {
    opacity: 50% !important;
}

.slide-text-block .typed-text {
    font-weight: 700;
    color: white;
    font-family: 'TTcommon', sans-serif;
    font-weight: 700;
    font-size: 80px;
    line-height: 88px;
    word-break: break-all;
    letter-spacing: -0.03em;
}

.container p span.cursor {
    font-size: 80px;
    line-height: 88px;
    font-family: 'TTcommon', sans-serif;
    font-weight: 700;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    opacity: 50%;
    margin-left: 0.1rem;
    width: 1px;
    animation: blink 1s infinite;
    letter-spacing: -0.03em;
}

    .container p span.cursor.typing {
        animation: none;
    }

@@keyframes blink {
    0% {
        background-color: rgb(247, 255, 247);
    }

    49% {
        background-color: rgb(249, 251, 249);
    }

    50% {
        background-color: transparent;
    }

    99% {
        background-color: transparent;
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@@media only screen and (max-width: 600px) {
    .slide-text-block .typed-text {
        font-weight: 700;
        color: white;
        font-family: 'TTcommon', sans-serif;
        font-weight: 700;
        font-size: 48px;
        line-height: 48px;
        word-break: break-all;
        letter-spacing: -0.03em;
    }

    .container p span.cursor {
        font-size: 48px;
        line-height: 48px;
        font-family: 'TTcommon', sans-serif;
        font-weight: 700;
        display: inline-block;
        background-color: rgb(255, 255, 255);
        opacity: 50%;
        margin-left: 0.1rem;
        width: 1px;
        animation: blink 1s infinite;
        letter-spacing: -0.03em;
    }
}

.w-nav-overlay .dropdown-list {
    height: 0;
    display: block;
    transition: height ease .3s;
}

    .w-nav-overlay .dropdown-list.w--open {
        height: 136px;
    }

    .w-nav-overlay .dropdown-list.contact.w--open {
        height: 92px;
    }

.dropdown-toggle img {
    transition: all 0.75s;
    transform: rotate(0deg);
}

.dropdown-toggle.open img {
    transform: rotate(-180deg);
}

.home-scroller {
    white-space: nowrap;
    will-change: transform;
    animation: homeMarquee 320s reverse linear infinite;
    /* manipulate the speed of the marquee by changing "40s" line above*/
}

@@keyframes homeMarquee {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}

@@keyframes itemMarque {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}

.top-scroller {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: itemMarque 280s reverse linear infinite;
}

.bottom-scroller {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: itemMarque 250s reverse linear infinite;
}

@@media screen and (max-width: 990px) {
    .home-scroller {
        animation: homeMarquee 320s reverse linear infinite;
    }

    .top-scroller {
        animation: itemMarque 280s reverse linear infinite;
    }

    .bottom-scroller {
        animation: itemMarque 250s reverse linear infinite;
    }
}



/*******/


input#menu {
    display: none;
}

.icon {
    background: transparent;
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 24px;
    /*padding: 16px;*/
    width: 24px;
    pointer-events: auto;
}

label.icon {
    margin: 0;
    /*position: fixed;
    z-index: 200;*/
}

.icon .menu,
.icon .menu::before,
.icon .menu::after {
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    transition: background ease .3s, top ease .3s .3s, transform ease .3s;
    width: 20px;
}

.icon .menu {
    background: #000 !important;
}

.icon:hover .menu,
.icon:hover .menu::before,
.icon:hover .menu::after {
    background: #fff;
}

.icon .menu {
    /*left: 18px;
    top: 27px;*/
}

    .icon .menu::before {
        top: -4px;
    }

    .icon .menu::after {
        top: 4px;
    }

#menu:checked + .icon .menu {
    background: transparent;
}

    #menu:checked + .icon .menu::before {
        transform: rotate(45deg);
    }

    #menu:checked + .icon .menu::after {
        transform: rotate(-45deg);
    }

    #menu:checked + .icon .menu::before,
    #menu:checked + .icon .menu::after {
        top: 0;
        transition: top ease .3s, transform ease .3s .3s;
    }