/*.custom_header {*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    z-index: 1000;*/
/*}*/
/*.custom_header_above {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    padding: 5px 4%;*/
/*    background-color: white;*/
/*    height: 80px;*/
/*}*/
/*.custom-header-above-logo {*/
/*    display: inline-block;*/
/*    height: 100%;*/
/*    line-height: 0;*/
/*}*/
/*.custom_main_logo {*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*    max-height: 100%;*/
/*}*/
/*.custom_header_link_email {*/
/*    text-decoration: none;*/
/*    margin-right: 20px;*/
/*    color: #494949;*/
/*}*/
/*.custom_header_link_tel {*/
/*    text-decoration: none;*/
/*    color: #494949;*/
/*    margin-left: 10px;*/
/*    padding: 10px;*/
/*}*/
/*.custom_header_nav {*/
/*    height: 40px;*/
/*    padding: 10px 4%;*/
/*    color: white;*/
/*    display: flex;*/
/*    justify-content: end;*/
/*    gap: 10px;*/
/*    margin: 0 auto;*/
/*    background-color: #5F5F5F;*/
/*}*/
/*.custom_header_nav_element {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 5px;*/
/*    gap: 5px;*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*}*/
/*.custom_header_nav_element_sublink {*/
/*    position: absolute;*/
/*    display: none;*/
/*    left: 0;*/
/*    top: 50px;*/
/*    color: black;*/
/*    width: 350px;*/
/*    box-shadow: 10px 0 20px black;*/
/*}*/
/*.custom_header_nav_element_sublink a {*/
/*    text-decoration: none;*/
/*    color: #0b0b0b;*/
/*    border-bottom: 2px solid #1BB76D;*/
/*    margin: 0;*/
/*    text-transform: uppercase;*/
/*    background-color: white;*/
/*    padding: 10px;*/
/*    width: 100%;*/
/*    font-weight: 300;*/
/*}*/

/*.custom_header_nav_element_sublink a:hover {*/
/*    background-color: #1BB76D;*/
/*    color:white;*/
/*    transition: ease-in-out 200ms;*/
/*}*/
/*.custom_header_nav_element_sublink_show {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*.custom_header_nav_element_a {*/
/*    all: unset;*/
/*    font-weight: 300;*/
/*    font-family: "Open Sans", sans-serif;*/
/*}*/
/*.custom_header_nav_element_icon {*/
/*    background-image: url("../img/icons/arrow.svg");*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-size: cover;*/
/*}*/


/*.custom_header_nav_small {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    background-color: white;*/
/*    border-top: 2px solid #1BB76D;*/
/*    border-bottom: 2px solid #1BB76D;*/
/*}*/
/*.custom_header_nav_small_element_contact {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    padding: 10px;*/
/*}*/
/*.custom_header_nav_small_element {*/
/*    cursor: pointer;*/
/*}*/
/*.custom_header_nav_small_element_title:hover {*/
/*    background-color: #5F5F5F;*/
/*    color: #f7f7f7;*/
/*    transition: ease-in-out 200ms;*/
/*}*/
/*.custom_header_nav_small_element_title {*/
/*    display: flex;*/
/*    padding: 10px 5px;*/
/*    justify-content: space-between;*/
/*}*/
/*.custom_header_nav_small_element_title span {*/
/*    text-transform: uppercase;*/
/*}*/
/*.custom_header_nav_small_element_links {*/
/*    display: none;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/
/*.custom_header_nav_small_element_link {*/
/*    padding: 10px 20px;*/
/*}*/
/*.custom_header_nav_small_element_link:hover {*/
/*    color: white;*/
/*    transition: ease-in-out 200ms;*/
/*}*/
/*.custom_header_nav_small_burger {*/
/*    display: none;*/
/*    background-image: url("../img/icons/burger.svg");*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    background-size: cover;*/
/*    cursor: pointer;*/
/*}*/
/*.custom_header_nav_element_icon_dark {*/
/*    background-image: url("../img/icons/arrow_dark.svg");*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    background-size: cover;*/
/*}*/
/*.custom_header_nav_small_element a {*/
/*    all: unset;*/
/*    text-transform: uppercase;*/
/*}*/

/*@media (max-width: 776px) {*/
/*    .custom_header_nav {*/
/*        display: none;*/
/*    }*/
/*    .custom_header_above {*/
/*        padding: 20px 20px;*/
/*    }*/
/*    .open {*/
/*        display: flex;*/
/*        justify-content: end;*/
/*    }*/
/*    .custom_header_above_links {*/
/*        display: none;*/
/*    }*/
/*    .custom_header_nav_small_burger {*/
/*        display: block;*/
/*    }*/
/*    .open_small_links_header {*/
/*        display: block;*/
/*        background-color: #5F5F5F;*/
/*        color: #f7f7f7;*/
/*    }*/
/*}*/


/* --- OLD HEADER --- */
.custom_header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}
.custom_header_above {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 4%;
    background-color: white;
    height: 80px;
}
.custom-header-above-logo {
    display: inline-block;
    height: 100%;
    line-height: 0;
}
.custom_main_logo {
    height: 100%;
    object-fit: contain;
    max-height: 100%;
}
.custom_header_link_email {
    text-decoration: none;
    margin-right: 20px;
    color: #494949;
}
.custom_header_link_tel {
    text-decoration: none;
    color: #494949;
    margin-left: 10px;
    padding: 10px;
}

/* --- OLD NAVIGATION DESKTOP --- */
.custom_header_nav {
    height: 40px;
    padding: 10px 4%;
    color: white;
    display: flex;
    justify-content: end;
    gap: 10px;
    margin: 0 auto;
    background-color: #5F5F5F;
}
.custom_header_nav_element {
    display: flex;
    align-items: center;
    padding: 5px;
    gap: 5px;
    position: relative;
    cursor: pointer;
}
.custom_header_nav_element_sublink {
    position: absolute;
    display: none;
    left: 0;
    top: 50px;
    color: black;
    width: 350px;
    box-shadow: 10px 0 20px black;
}
.custom_header_nav_element_sublink a {
    text-decoration: none;
    color: #0b0b0b;
    border-bottom: 2px solid #1BB76D;
    margin: 0;
    text-transform: uppercase;
    background-color: white;
    padding: 10px;
    width: 100%;
    font-weight: 300;
}
.custom_header_nav_element_sublink a:hover {
    background-color: #1BB76D;
    color:white;
    transition: ease-in-out 200ms;
}
.custom_header_nav_element_sublink_show {
    display: flex;
    flex-direction: column;
}
.custom_header_nav_element_a {
    all: unset;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
}
.custom_header_nav_element_icon {
    background-image: url("../img/icons/arrow.svg");
    width: 10px;
    height: 10px;
    background-size: cover;
}

/* --- OLD NAVIGATION MOBILE --- */
.custom_header_nav_small {
    display: none;
    flex-direction: column;
    background-color: white;
    border-top: 2px solid #1BB76D;
    border-bottom: 2px solid #1BB76D;
}
.custom_header_nav_small_element_contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.custom_header_nav_small_element {
    cursor: pointer;
}
.custom_header_nav_small_element_title:hover {
    background-color: #5F5F5F;
    color: #f7f7f7;
    transition: ease-in-out 200ms;
}
.custom_header_nav_small_element_title {
    display: flex;
    padding: 10px 5px;
    justify-content: space-between;
}
.custom_header_nav_small_element_title span {
    text-transform: uppercase;
}
.custom_header_nav_small_element_links {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom_header_nav_small_element_link {
    padding: 10px 20px;
}
.custom_header_nav_small_element_link:hover {
    color: white;
    transition: ease-in-out 200ms;
}
.custom_header_nav_small_burger {
    display: none;
    background-image: url("../img/icons/burger.svg");
    width: 50px;
    height: 50px;
    background-size: cover;
    cursor: pointer;
}
.custom_header_nav_element_icon_dark {
    background-image: url("../img/icons/arrow_dark.svg");
    width: 20px;
    height: 20px;
    background-size: cover;
}
.custom_header_nav_small_element a {
    all: unset;
    text-transform: uppercase;
}


/* --- NEW NAVIGATION --- */
.new_navigation {
    height: 40px;
    padding: 10px 4%;
    color: white;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0 auto;
    background-color: #5F5F5F;
}

.new_navigation_left {
    display: flex;
    gap: 20px;
    align-items: center;
}
.new_navigation_right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.new_navigation_unit {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.new_navigation_unit_popup {
    display: none;
    position: absolute;
    top: 40px;
    background-color: whitesmoke;
    color: #0b0b0b;
    min-width: auto;
    width: max-content;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.unit_popup_big {
    width: auto;
    max-width: 1000px;
    white-space: normal;
}

.new_navigation_unit_popup > a {
    color: #0b0b0b;
    text-decoration: none;
}

.new_navigation_unit_popup_unit {
    padding: 10px 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.new_navigation_unit_popup_unit:hover {
    background-color: #1BB76D;
    color: whitesmoke;
    transition: ease-in 100ms;
}

.new_navigation_switch_right {
    width: 350px;
    padding: 20px;
    border-right: 2px solid #1BB76D;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.new_navigation_switch_right .new_navigation_unit_popup_unit.active {
    background-color: #1BB76D;
    color: whitesmoke;
}

.new_navigation_switch_left {
    padding: 20px;
    display: grid;
    overflow-y: auto;
    align-items: start;
}
.new_navigation_trigger {
    cursor: pointer;
}

.new_navigation_switch_left > div {
    /*display: none;*/
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
}
.unit_popup_big .new_navigation_switch_left > div.active {
    grid-template-columns: 1fr 1fr; /* only big popup uses 2 columns */
}

.new_navigation_switch_left > div.active {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr;
}

.new_navigation_switch_left > div.active[data-columns="2"] {
    grid-template-columns: 1fr 1fr;
}

.new_navigation_unit_popup_unit_switcher {
    text-decoration: none;
    color: #0b0b0b;
    padding: 2px 5px;
    width: auto;
    display: block;
    text-transform: uppercase;
}

.new_navigation_unit_popup_unit_switcher:hover {
    background-color: #1BB76D;
    transition: ease-in-out 200ms;
    color: whitesmoke;
}

.new_navigation_unit_popup_unit.active-switcher {
    background-color: #1BB76D;
    color: whitesmoke;
    transition: 0.2s ease-in-out;
}

.new_navigation_arrow_icon {
    display: inline-block;
    background-image: url("../img/icons/arrow.svg");
    width: 10px;
    height: 10px;
    background-size: cover;
}


/* --- MEDIA QUERIES --- */
@media (max-width: 776px) {
    .custom_header_nav {
        display: none;
    }
    .custom_header_above {
        padding: 20px 20px;
    }
    .open {
        display: flex;
        justify-content: end;
    }
    .custom_header_above_links {
        display: none;
    }
    .custom_header_nav_small_burger {
        display: block;
    }
    .open_small_links_header {
        display: block;
        background-color: #5F5F5F;
        color: #f7f7f7;
    }
    .new_navigation {
        display: none !important;
    }
}