.page {
    &-contact-us {
        padding-top: 100px;

        @media(max-width: $mobile) {
            padding-top: 120px;
        }
    }

    /* &-products,
    &-projects,
    &-events,
    &-products {
        padding-top: 147px;

        @media(max-width: $mobile) {
            padding-top: 120px;
        }
    } */

    &--menu-open {
        .header {
            .container {
                .search {
                    @media(max-width: 900px) {
                        transition: opacity .3s, height .3s;
                        opacity: 0;
                        visibility: hidden;
                    }
                }
            }
            .center {
                .btn {
                    &--search {
                        @media(max-width: 900px) {
                            opacity: 0;
                            visibility: hidden;
                        }
                    }
                }
            }
        }
    }
    &-partner {
        .logo {
            .btn__logo {
                svg {
                    path {
                        &:first-child {
                            fill: transparent;
                            stroke: #b3b2c6;
                        }

                        &:last-child {
                            transition: all .3s;
                            fill: $white;

                            @media(max-width: $mobile) {
                                transition: all .3s;
                            }
                        }
                    }
                }
            }
        }

        .header {
            .center {
                .btn {
                    color: #fff;
                    transition: color .3s .15s;
                }

                .btn--search {
                    svg {
                        path {
                            fill: $white;
                            transition: all .3s .15s;

                            @media(max-width: $mobile) {
                                transition: all .3s;
                            }
                        }
                    }
                }

                .btn--menu {

                    &:after,
                    &:before,
                    >div {
                        background: $black;
                    }
                }
            }

            &.header--active {
                .center {
                    .btn {
                        color: $black;
                    }
                }

                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    fill: $black;
                                }
                            }
                        }
                    }
                }

                .btn--search {
                    svg {
                        path {
                            fill: $black;
                        }
                    }
                }
            }

            &.lower-height {
                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    transition: all .3s;
                                    fill: $black;
                                }
                            }
                        }
                    }
                }
            }

            &.header--dropdown--active {
                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    transition: all .3s;
                                    fill: $black;
                                }
                            }
                        }
                    }
                }

                .center {
                    .btn {
                        color: $black;
                        transition: color .3s;
                    }
                }
            }
        }

        &.has--tabs {
            .header {

                &.header--active {
                    .logo {
                        .btn__logo {
                            svg {
                                path {
                                    &:last-child {
                                        @media (max-width: 800px) {
                                            fill: $black;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                &.lower-height {
                    .center {
                        .btn {
                            @media (max-width: 800px) {
                                color: $black;
                            }
                        }
                    }
                }
            }
        }

        &.page--scrolled {
            .header {
                .center {
                    .btn {
                        @media(max-width: $mobile) {
                            color: $black;
                        }
                    }

                    .btn--search {
                        svg {
                            path {
                                @media(max-width: $mobile) {
                                    fill: $black;
                                }
                            }
                        }
                    }

                    .btn--menu {

                        &:after,
                        &:before,
                        >div {
                            @media(max-width: $mobile) {
                                background: $black;
                            }
                        }
                    }
                }
            }

            .tabs-container {
                .tabs {
                    .tab-buttons {
                        .tab {
                            transition: color .3s .2s;
                            color: $black !important
                        }
                    }
                }
            }
        }

        &.page--menu-open {
            .header {
                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    @media (max-width: 800px) {
                                        fill: $black;
                                    }
                                }
                            }
                        }
                    }
                }

                .container {
                    &:after {
                        height: 70px !important;
                        transition: height .3s .2s !important;
                    }
                }

                .center {
                    .btn {
                        @media(max-width: $mobile) {
                            color: $black;
                        }
                    }

                    .btn--search {
                        @media(max-width: $mobile) {
                            opacity: 0;
                            visibility: hidden;
                            svg {
                                path {
                                        fill: $black;
                                }
                            }
                        }
                    }

                    .btn--menu {

                        &:after,
                        &:before,
                        >div {
                            @media(max-width: $mobile) {
                                background: $black;
                            }
                        }
                    }
                }
            }

            .tabs-container {
                .tabs {
                    .tab-buttons {
                        transition: opacity .3s;
                        opacity: 0 !important;
                        visibility: hidden !important;
                    }
                }
            }
        }

        nav a:after,
        .swiper-pagination-bullet-quote,
        .newsletter,
        .search .btn--search:after {
            background: $yellow !important;
        }

        .hero .prefix,
        .btn.btn--green,
        .drop__current.green {
            color: $yellow !important;
        }

        .btn.btn--green.btn--round,
        .btn.btn--border.btn--input input:checked+label {
            color: $white !important;
            background-color: $yellow !important;
        }

        .btn.btn--green.btn--mobile-round {
            @media(max-width: $mobile) {
                background: $yellow;
                color: $white !important;
            }
        }

        .tags .tag {
            color: $yellow !important
        }

        .tags .tags__line {
            border-color: $yellow !important
        }

        .list__rows .list_row_item .list__content .list__row .row__content .green_check svg path,
        .padding-l-3cols .qoute path {
            fill: $yellow;
        }

        .hero .sideinfo--parent {
            background-color: $yellow !important;
        }

        footer div.container.container--10cols .social-media span:hover,
        .tabs-container .tabs .tab-buttons .tab.active:after {
            background-color: $yellow;
        }

        header {
            .right {
                .btn {
                    margin-top: -12px !important;
                    border-radius: 23px !important;
                    padding: 12px 14px !important;
                }
            }

            &.header--active {
                .btn--green {
                    transition: color .3s, background .3s;
                }
            }

            &.header--active {
                .btn--green {
                    background: $yellow;
                    color: $white !important;
                }
            }
        }
    }

    &--dark-hero {
        &.has--tabs {
            .hero {
                &:first-of-type {
                    >div {
                        @media(max-width: 800px) {
                            padding-top: 180px;
                        }
                    }
                }
            }
        }
        .logo {
            .btn__logo {
                svg {
                    path {
                        &:first-child {
                            fill: transparent;
                            stroke: #b3b2c6;
                        }

                        &:last-child {
                            transition: all .3s .3s;
                            fill: $white;

                            @media(max-width: $mobile) {
                                transition: all .3s;
                            }
                        }
                    }
                }
            }
        }

        .header {
            .center {
                .btn {
                    color: #fff;
                    transition: color .3s .15s;
                    @media(max-width: 900px) {
                        transition: opacity .3s .3s;
                    }
                }

                .btn--search {
                    svg {
                        path {
                            fill: $white;
                            transition: all .3s .15s;

                            @media(max-width: $mobile) {
                                transition: all .3s;
                            }
                        }
                    }
                }

                .btn--menu {

                    &:after,
                    &:before,
                    >div {
                        background: $white;
                    }
                }
            }

            &.header--active {
                .center {
                    .btn {
                        color: $black;
                    }
                }

                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    fill: $black;
                                }
                            }
                        }
                    }
                }

                .btn--search {
                    svg {
                        path {
                            fill: $black;
                        }
                    }
                }
            }

            &.lower-height {
                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    transition: all .3s;
                                    fill: $black;
                                }
                            }
                        }
                    }
                }
            }

            &.header--dropdown--active {
                .logo {
                    .btn__logo {
                        svg {
                            path {
                                &:last-child {
                                    transition: all .3s;
                                    fill: $black;
                                }
                            }
                        }
                    }
                }

                .center {
                    .btn {
                        color: $black;
                        transition: color .3s;
                    }
                    .btn--search {
                        svg {
                            path {
                                fill: $black;
                            }
                        }
                    }
                }
            }
        }

        &.has--search-open {
            .header {
                .center {
                    .btn {
                        @media(max-width: 900px) {
                            transition: opacity .3s;
                        }
                    }
                }
            }
        }

        /* &.dark-hero-not-intersected {
            .logo {
                .btn__logo {
                    svg {
                        path {
                            &:last-child {
                                transition: all .3s .3s;
                                fill: $black;
                                @media(max-width: $mobile) {
                                    transition: all .3s;
                                }
                            }
                        }
                    }
                }
            } 
        } */
    }
}

.dark-hero-not-intersected {
    .logo {
        .btn__logo {
            svg {
                path {
                    &:last-child {
                        transition: all .3s .3s;
                        fill: $black;

                        @media(max-width: $mobile) {
                            transition: all .3s;
                        }
                    }
                }
            }
        }
    }

    .header {
        .center {
            .btn {
                color: $black;
            }

            .btn--search {
                svg {
                    path {
                        fill: $black;
                    }
                }
            }

            .btn--menu {

                &:after,
                &:before,
                >div {
                    background: $black;
                    
                }
            }
        }
    }
}
.overlay {
    &--dark {
        background: $black;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 8;
        visibility: hidden;
    }
}

.has-voucher {
    .container--list,
    .container--accordions,
    .container--titleSubText {
        &:first-of-type {
            padding-top: 245px;
            @media(max-width: $tablet) {
                padding-top: 175px;
            }
            @media(max-width: $mobile) {
                padding-top: 165px;
            }
        }
    }
}