.header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
    height: var(--header-height);
}

.scroll-down .header-container,
.scroll-up .header-container {
    height: var(--header-height-collapsed);
}

.topEdge .header-container {
    height: var(--header-height);
}

.home #brx-content {
    margin-top: 0
}

.home #brx-header,
.topEdge.home #brx-header {
    background-color: transparent;
}

.home .logo-white {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.home .logo-color {
    opacity: 0;
    visibility: hidden;
}

.scroll-up.home #brx-header {
    background-color: #fff;
}

.home.topEdge #menu-main-nav li a,
.home #menu-main-nav li a {
    color: #fff
}

.scroll-up.home #menu-main-nav li a,
.scroll-down #menu-main-nav li a {
    color: #000
}

.home #brx-header .icon-right path,
.home.topEdge #brx-header .icon-right path {
    color: #fff
}

.scroll-up.home #brx-header .icon-right path,
.scroll-down #brx-header .icon-right path {
    color: #000
}

.scroll-up #menu-main-nav .sub-menu li a,
.scroll-down #menu-main-nav .sub-menu li a {
    color: #fff
}

.scroll-up #brx-header,
.scroll-down #brx-header {
    height: var(--header-height-collapsed);
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    background-color: #fff;
}

.topEdge #brx-header {
    height: var(--header-height);
}

.topEdge.home #brx-header {
    box-shadow: none;
}

.scroll-up .header-right nav,
.scroll-down .header-right nav {
    transform: translateY(35px);
}

.scroll-down .header-right .header-phone {
    transform: translateY(0px);
}

.header-right nav,
.topEdge .header-right nav {
    transform: translateY(calc(var(--header-height) / 2 - 12px));
    transition: all 0.3s;
}

.scroll-up .header-right .brxe-button,
.scroll-down .header-right .brxe-button {
    transform: translateY(20px);
}

.header-right .brxe-button,
.topEdge .header-right .brxe-button {
    transform: translateY(calc(var(--header-height) / 2 - 24px));

    transition: all 0.3s;
}


.logo-white {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.logo-color {
    transition: all 0.3s;
}

.logo-text {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    transform: translateY(-100px)
}

.scroll-up.home .logo-white,
.scroll-down.home .logo-white {
    transform: translateY(calc(var(--header-height) * -1));
}

.scroll-up .logo-text,
.scroll-down .logo-text {
    transform: translateY(24px)
}

.topEdge .logo-text {
    transform: translateY(-100px)
}

.topEdge.home .logo-white {
    transform: translateY(0);
}

.scroll-up .logo-color,
.scroll-down .logo-color {
    transform: translateY(calc(var(--header-height) * -1));
}

.topEdge .scroll-up .logo-color,
.topEdge.scroll-down .logo-color {
    transform: translateY(0);
}