#header--outer-wrapper
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: center;
    transition: background-color 0.75s;
    padding: 0 16px;
}
#header__dropdown h2.active
{
    background-color: unset !important;
}
#header__dropdown .utils__language a.active
{
    background-color: unset !important;
}
#header__dropdown .mobile-menu .language a.active
{
    background-color: unset !important;
}
a.links
{
    text-decoration: underline;
    text-decoration-color: black;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
article, .article
{
    padding-top: 0 !important;
}
.parallax
{
    margin-top: 0 !important;
}
#header--inner-wrapper
{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

#header--nav-links
{
    display: flex;
    flex-direction: row;
    gap: 35px;
    align-items: center;
}
#header--nav-links p
{
    font-family: 'Circular', serif;
    font-size: 14px;
    margin-bottom: 0;
    letter-spacing: 0.082em;
}


#header--logo
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#header--icon-links
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

#header--icon-links p
{
    font-family: 'Circular', serif;
    font-size: 13px;
    margin-bottom: 0;
}

#brochure-button button
{
    background-color: transparent;
    padding: 8px 35px 6px 35px;
    font-family: 'Circular', serif;
    letter-spacing: 1px;
    width: 100%;
    max-width: none;
}
#brochure-button
{
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

#language-code
{
    display: flex;
    justify-content: flex-end;
}

#language-code span
{
    font-size: 8px;
    line-height: 34px;
    padding-left: 5px;
}

#search-svg
{
    display: flex;
    justify-content: flex-end;
}

#cart-svg
{
    display: flex;
    justify-content: flex-end;
}

#header--inner-wrapper .col-lg-3,
#header--inner-wrapper .col-md-3
{
    padding: 0 16px;
}
#header__dropdown .header_wrapper
{
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
}



/**
  _____  _____   ____  _____  _____   ______          ___   _
 |  __ \|  __ \ / __ \|  __ \|  __ \ / __ \ \        / / \ | |
 | |  | | |__) | |  | | |__) | |  | | |  | \ \  /\  / /|  \| |
 | |  | |  _  /| |  | |  ___/| |  | | |  | |\ \/  \/ / | . ` |
 | |__| | | \ \| |__| | |    | |__| | |__| | \  /\  /  | |\  |
 |_____/|_|  \_\\____/|_|    |_____/ \____/   \/  \/   |_| \_|

 */
#container-fluid
{
    padding: 0 16px !important;
}
#header__dropdown .header_wrapper
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#header__dropdown h2,
#header__dropdown p
{
    font-family: 'Antwerp', sans-serif;
}
/*#header__dropdown .navigation a,*/
/*#header__dropdown .navigation p,*/
/*#header__dropdown .navigation h2*/
/*{*/
/*    display: inline-block;*/
/*    width: min-content;*/
/*    text-wrap: nowrap;*/
/*}*/

#header__dropdown.black h2,
#header__dropdown.black p
{
    color: white;
}
#header__dropdown.white h2,
#header__dropdown.white p
{
    color: black;
}

#header__dropdown
{
    position: fixed;
    top: 0;
    z-index: 99998;
    width: 100%;
    height: 100vh;
    display: flex;
    transition: all 0.4s ease-in-out, opacity 0s;

}
#header__dropdown h2
{
    font-size: 24px;
    margin-bottom: 1em;
}
#header__dropdown p
{
    font-size: 18px;
    margin-bottom: 0;
}
#header__dropdown.closed
{
    clip-path: polygon(100% 0%, 100% 0%, 0% 0%, 0% 0%, 0% 0%);
	opacity: 0;
}
#header__dropdown.open
{
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 0%, 0% 100%);
}
#header__dropdown.black
{
    background: black;
}
#header__dropdown.white
{
    background: white;
}
#header__dropdown.white p
{
    color: black;
}
#header__dropdown.black p
{
    color: white;
}
#header--nav-links button
{
    display: none;
    position: absolute;
    background: none;
    border: none;
    padding: 10px 30px 10px 0;
}

#header--outer-wrapper.white #header--nav-links svg path
{
    fill: black;
}

#header__dropdown .navigation
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 16px;
}
#header__dropdown .navigation div
{
    width: 290px;
    display: flex;
    flex-direction: column;
}
#header__dropdown.black .image-preview
{
    height: 70%;
    display: flex;
    justify-content: center;
    border-left: 1px solid white;
    margin-top: 75px;
}
#header__dropdown.white .image-preview
{
    height: 70%;
    display: flex;
    justify-content: center;
    border-left: 1px solid black;
    margin-top: 75px;
}
#header__dropdown .image-preview .image_container
{
    display: flex;
    align-items: center;
    justify-content: center;
}
#header__dropdown img 
{
	max-height: 90%;
    max-width: 90%;
}
.percentage-70
{
    width: 70%;
}
.percentage-30
{
    width: 30%;
}
#header__dropdown .navigation.mobile-menu.inner-menu
{
    display: none;
}
#header__dropdown .navigation.mobile-menu.inner-menu div
{
    opacity: 0;
    padding-bottom: 84px;
}
button.chevron
{
    display: none;
    left: -4px;
}
#header--outer-wrapper.black svg.logo-mobile
{
    display: none;
    fill: white;
    width: 45px;
}
#header--outer-wrapper.white svg.logo-mobile
{
    display: none;
    fill: black;
    width: 45px;
}
#header__dropdown .navigation.percentage-70.mobile-menu div h2,
#header__dropdown .navigation.mobile-menu.inner-menu div a
{
    cursor: pointer;
}

#header__dropdown.white .bottom_utils
{
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0 20px 16px;
    background: white;
}
#header__dropdown.black .bottom_utils
{
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0 20px 16px;
    background: black;
}
#header__dropdown.white .bottom_utils button
{
    background: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    color: black;
    font-family: 'Circular', sans-serif;
    letter-spacing: 0.1em;
    padding: 0 20px 10px 0;
}
#header__dropdown.white .search_arrow path {
    fill: black;
}
#header__dropdown.black .bottom_utils button
{
    background: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    font-family: 'Circular', sans-serif;
    letter-spacing: 0.1em;
    padding: 0 20px 10px 0;
}
#header__dropdown .navigation.mobile-menu.language
{
    display: none;
    opacity: 0;
}
#header__dropdown .navigation.mobile-menu.language .languages
{
    gap: 10px;
}
#header__dropdown .navigation.mobile-menu.language .languages h2.active
{
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
}
#header__dropdown .navigation.mobile-menu.language .languages a
{
    display: inline;
}
.utils__wrapper
{
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
}
#header__dropdown .utils__wrapper .utils__language
{
    flex-direction: column;
    justify-content: center;
}
#header__dropdown .utils__wrapper .utils__language a
{
    width: 100%;
    display: flex;
    justify-content: center;
}
#header__dropdown.black .utils__wrapper .utils__language a.active
{
    border-bottom: 1px solid white;
}
#header__dropdown.white .utils__wrapper .utils__language a.active
{
    border-bottom: 1px solid black;
}

#header__dropdown .utils__wrapper .utils__language a h2
{
    font-size: 48px;
    margin: 0;
    line-height: 1.5em;
}
#header__dropdown .utils__wrapper .utils__search,
#header__dropdown .utils__wrapper .utils__language
{
    align-items: center;
}
.utils__search
{
    width: 100%;
    justify-content: center;
}
#header__search-form
{
    width: 50%;
    display: flex;
    justify-content: center;
}
#header_search_container
{
    background-color: transparent;
    padding: 0;
    width: 65%;
    border-bottom: 1px solid white;
    display: flex;
    align-items: center;
}
.white #header_search_container > input
{
    color: black;
    font-size: 32px;
    font-family: 'Antwerp', sans-serif;
    background: transparent;
    padding: 0;
    line-height: 1.7em;
    width: 90%;
    border-bottom: 1px solid black;
}
.black #header_search_container > input
{
    font-size: 32px;
    font-family: 'Antwerp', sans-serif;
    background: transparent;
    padding: 0;
    line-height: 1.7em;
    width: 90%;
    color: white;
}
#header_search_container .search-arrow__wrapper
{
    width: 10%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 5px;
    justify-content: flex-end;
}
#header_search_container > input:focus::placeholder {
    color: transparent;
}
#header_search_container button
{
    background: transparent;
    border: none;
    padding: 0;
}
#brochure-button,
#brochure-button button
{
    transition: all 0.5s;
}
#brochure-button:hover
{
    background-color: white;
}
#brochure-button:hover button
{
    color: black;
}
#language-code,
#search-svg,
#cart-svg
{
    cursor: pointer;
}

#header__dropdown .utils__wrapper .utils__language a:not(.active) h2:hover,
#header__dropdown p:hover
{
    color: #CEC8BD;
}

#header__dropdown .utils__wrapper .utils__language a:not(.active) h2,
#header__dropdown p:hover
{
    transition: 0.3s;
}

/**
  __  __ ______ _____ _____             ____  _    _ ______ _____  _____ ______  _____
 |  \/  |  ____|  __ \_   _|   /\      / __ \| |  | |  ____|  __ \|_   _|  ____|/ ____|
 | \  / | |__  | |  | || |    /  \    | |  | | |  | | |__  | |__) | | | | |__  | (___
 | |\/| |  __| | |  | || |   / /\ \   | |  | | |  | |  __| |  _  /  | | |  __|  \___ \
 | |  | | |____| |__| || |_ / ____ \  | |__| | |__| | |____| | \ \ _| |_| |____ ____) |
 |_|  |_|______|_____/_____/_/    \_\  \___\_\\____/|______|_|  \_\_____|______|_____/

 */
@media (max-width: 1024px)
{
    #brochure-button
    {
        display: none;
    }
    /*#header--logo*/
    /*{*/
    /*    padding: 0 !important;*/
    /*    justify-content: normal;*/
    /*    width: 50%;*/
    /*}*/
    /*#text-collection, #text-build, #text-brand*/
    /*{*/
    /*    display: none;*/
    /*}*/
}



/*Tablet*/
@media (max-width: 1280px)
{
    #header__dropdown.black .image-preview,
    #header__dropdown.white .image-preview
    {
        display: none;
    }
    #header__dropdown .navigation
    {
        width: 100%;
    }
}

/*Before Mobile*/
@media (min-width: 1281px)
{
    .mobile-menu
    {
        display: none !important;
    }
}
/*Mobile*/
@media (max-width: 1280px)
{
    #header__search-form
    {
        width: 100%;
    }
    #header_search_container
    {
        width: 75%;
    }
    #header_search_container > input
    {
        font-size: 24px;
    }
    #header__dropdown .utils__wrapper .utils__search
    {
        margin-top: -400px;
    }
    #header__dropdown .navigation.mobile-menu.inner-menu div h2
    {
        margin-bottom: 1em;
    }
    #header--outer-wrapper.black svg.logo-desktop,
    #header--outer-wrapper.white svg.logo-desktop
    {
        display: none;
    }
    #header--outer-wrapper.black svg.logo-mobile,
    #header--outer-wrapper.white svg.logo-mobile
    {
        display: block;
    }
    #header__dropdown h2
    {
        margin: 0;
    }
    #header--nav-links,
    #header--icon-links
    {
        width: 25%;
        padding: 0 !important;
    }
    #language-code,
    #search-svg
    {
        display: none;
    }
    #header--logo
    {
        width: 50%;
        padding: 0 !important;
    }
    /*#header--icon-links*/
    /*{*/
    /*    display: none;*/
    /*}*/
    .desktop-menu
    {
        display: none !important;
    }
    #header__dropdown .navigation a
    {
        display: none;
    }
    #header__dropdown .navigation
    {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }
    #header__dropdown .navigation div
    {
        width: 100%;
    }
    #header__dropdown .navigation.percentage-70.mobile-menu
    {
        row-gap: 10px;
    }
    #header__dropdown div.header_wrapper
    {
        align-items: unset;
        margin-top: 150px;
    }
}