body {
    --topmenu-height-base: 120px;
    --topmenu-height: var(--topmenu-height-base);
    --topmenu-transition: 200ms ease-out;
}

@media screen and (max-width: 1050px) {
    body {
        --topmenu-height-base: 70px;
    }
}

body.fixed-navbar {
    --topmenu-height: 70px;
}

#navbar {
    --bar-indent: 10px;
    --bar-height-hide: 0;
    height: var(--topmenu-height);
    top: 0;
    position: sticky !important;
    width: 100%;
    z-index: 10000;
    font-size: 1em;
    line-height: 1em;
    -webkit-transition: height var(--topmenu-transition);
    -moz-transition: height var(--topmenu-transition);
    -o-transition: height var(--topmenu-transition);
    transition: height var(--topmenu-transition);
    /*-moz-transform: translateX(0) translateY(var(--bar-height-hide));*/
    /*-webkit-transform: translateX(0) translateY(var(--bar-height-hide));*/
    /*-ms-transform: translateX(0) translateY(var(--bar-height-hide));*/
    /*transform: translateX(0) translateY(var(--bar-height-hide));*/
    padding: var(--body-padding);
    box-sizing: border-box;
}

#navbar:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    /*filter: url(/i/blur.svg#blur);*/
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');*/
    /*background: rgb(255, 255, 255, 0.2);*/
    z-index: -1;

    background-color: rgba(255, 255, 255, 0.5);
    /*background-color: #F6EDE64F;*/
    /*background-color: #FFE4C866;*/
    color: #fff;
    transition: background-color 300ms ease;
}

#navbar:hover:before {
    background-color: rgba(255, 255, 255, 0.9);
}


#navbar.hide {
    --bar-height-hide: calc(var(--topmenu-height) * -1);
}

#navbar.hide:before {
    display: none;
}

#navbar ul {
    white-space: nowrap;
    position: relative;
    margin: 0;
}

#navbar ~ section.slider:nth-of-type(2),
    /*#navbar ~ section.productCard:nth-of-type(2),*/
#navbar ~ section.img-snippet:nth-of-type(2),
#navbar ~ section.video:nth-of-type(2) {
    margin-top: calc(var(--topmenu-height-base) * -1);
}