/*
=================================
1. Header
=================================
 */
#main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;

}

#main-header.hidden {
    transform: translateY(-101%);
}

#language-container {
    margin-top: 32px;
    border-top: 1px solid rgba(238, 228, 220, .2);
}

#language-row p,
#language-row a {
    font-family: 'Helvetica Now Display';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    margin: 0;
}

#language-row p,
#language-row a {
    opacity: 1;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    position: absolute;
    z-index: 1;
    width: 100%;
    transform: translateY(-60px);
    color: #FFF;
    left: 0;
    text-align: left;
}

#language-row p.out,
#language-row a.out {
    opacity: 1;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    position: absolute;
    z-index: 1;
    width: 100%;
    transform: translateY(13px) !important;
    color: #FFF;
    left: 0;
}

#language-container-bottom #language-row p.out,
#language-container-bottom #language-row a.out {
    color: #302A27;
}

#language-row p.active,
#language-row a.active {
    transform: translateY(0);
    opacity: 1 !important;
    display: block;
    position: absolute;
    margin-top: 0;
    height: auto;
    width: auto;
    top: 0;
    /*left: auto;*/
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    z-index: 999;
    color: #FFF;
    overflow: hidden;
}

#language-row p.fade,
#language-row a.fade {
    opacity: 0 !important;
}

div#language-switcher {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    outline: none;
}

select::-ms-expand {
    display: none;
}

#selected-language,
.selected-language {
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    font-family: 'Trim Mono Web';
    font-style: normal;
    font-size: 14px;
    line-height: 12px;
    font-weight: 300;
    color: #FFF;
    position: relative;
    cursor: pointer;

}

#language-select,
.language-select {
    position: absolute;
    width: 45px;
    left: 48px;
    top: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(48, 42, 39, 0.4);
    box-sizing: border-box;
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
}

#language-select li:first-of-type,
.language-select li:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#language-select li:last-of-type,
.language-select li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#language-select.visible,
.language-select.visible {
    display: block;
}

#language-select li,
.language-select li {
    width: 100%;
    text-align: center;
    font-family: 'Trim Mono Web';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #302A27;
    padding: 8px 0;
    cursor: pointer;
}

#language-select li.active,
.language-select li.active {
    background-color: #E2E3E3;
}

.language-wrapper {
    position: relative;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: 24px;

}

.language-wrapper:before {
    position: absolute;
    width: 7px;
    height: 6px;
    right: 0;
    top: 3px;
    content: '';
    display: block;
    /* Orange */
    background-image: url("/wp-content/uploads/2021/05/Polygon-1.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

#language-container-bottom .language-wrapper:before {
    top: 2px;
}

/*.language-wrapper.active:before {*/
/*    transform: rotate(180deg);*/
/*}*/

#language-row #language-switcher p.active,
#language-row #language-switcher a.active {
    display: flex;
}

#language-switcher,
#whats-switcher,
#email-switcher {
    border-right: 1px solid rgba(238, 228, 220, .2);

}

#language-container a:hover,
#language-container a:focus {
    text-decoration-line: none;
    color: #F56038;
}

.header-link-wrapper div.icon {
    /*color: #EEE4DC;*/
    /*opacity: .5;*/
    display: flex;
    align-items: center;
    padding-right: 7px;
    margin-left: 32px;
}

.language-switcher .header-link-wrapper {
    flex-basis: 70%;
    width: 70%;
}

.language-switcher .language-wrapper {
    flex-basis: 30%;
    width: 30%;
    justify-content: flex-end;
    margin: 0 auto;
}

.header-link-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 16px 0;
    width: 100%;
    justify-content: center;

}

.link-wrapper {
    margin-left: 7px;
    position: relative;
    overflow: hidden;
    width: 145px;
    flex-basis: 145px;
    height: 16px;
}

/*
=====================
Main Menu
=====================
 */


#main-menu-container {
    padding-top: 19px;
    padding-bottom: 19px;
    border-top: 1px solid rgba(238, 228, 220, .2);
    border-bottom: 1px solid rgba(238, 228, 220, .2);
    position: relative;
    margin-top: -2px;
    height: 90px;
    overflow: hidden;
}

#main-menu {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    margin-left: -50px;
    padding-right: 35px;
}

#logo-wrapper {
    padding-left: 0;
    overflow: hidden;
}


#logo-wrapper a {

    /*display: block;*/
    /*width: 100%;*/
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    display: flex;
}

#main-menu li {
    /*padding-right: 33px;*/
    /*padding-left: 33px;*/
    padding: 0 20px;
    overflow: hidden;
}

#main-menu li.visible {
    overflow: visible;
}

#main-header-fixed #main-menu li {
    overflow: visible;
}

#main-menu li:last-of-type {
    padding-right: 0;
}

#main-menu li a {
    font-family: 'Trim Mono Web';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    color: #FFF;
    position: relative;
    display: block;

}


#main-menu li a:hover,
#main-menu li a:focus {
    text-decoration-line: none;
}

#main-menu li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -35px;
    height: 3px;
    width: 100%;
    background-color: #FFF;
    opacity: 1;
    left: 0;
    transform: translateY(4px);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

#main-header-fixed #main-menu li a:after {
    height: 3px;
}

#main-menu li a:hover:after,
#main-menu li a:focus:after {
    transform: translateY(0);
}

#menu-button-wrapper {
    padding-right: 0
}

#buttons-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -15px;
}

#buttons-menu li {
    overflow: hidden;
}

#buttons-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #FFF;
    padding: 9px 20px;
    border: 1px solid rgba(238, 228, 220, .2);
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#buttons-menu li a .circle {
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

#buttons-menu li:nth-of-type(2) a {
    background-color: #FFF;
    color: #302A27;
    border: 1px solid #FFF;
}

#buttons-menu li a:hover,
#buttons-menu li a:focus {
    text-decoration-line: none;
    color: #302A27;
    background-color: #FFF;
}

#buttons-menu li:first-of-type a {
    margin-right: 19px;
}

#buttons-menu li a span:first-of-type {
    margin-left: 0;
    margin-top: 0;
}

#buttons-menu li a span.circle {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #F56038;
    position: relative;
}

#buttons-menu li a span.jobs-icon {
    mask: url('/wp-content/uploads/2021/07/dots.svg') no-repeat center;
    -webkit-mask: url('/wp-content/uploads/2021/07/dots.svg') no-repeat center;
    background: #FFF;
    display: block;
    height: 9px;
    width: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#buttons-menu li a span.form-icon {
    mask: url('/wp-content/uploads/2021/07/form-icon.svg') no-repeat center;
    -webkit-mask: url('/wp-content/uploads/2021/07/form-icon.svg') no-repeat center;
    background: #FFF;
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#buttons-menu li a:hover,
#buttons-menu li a:focus {
    color: #FFF;
    background-color: #F56038;
    border-color: #F56038;
}

#buttons-menu li a:hover .circle,
#buttons-menu li a:focus .circle {
    background: #FFF;
}

#buttons-menu li a:hover .jobs-icon,
#buttons-menu li a:focus .jobs-icon {
    background: #F56038;
}

#buttons-menu li a:hover span.form-icon,
#buttons-menu li a:focus span.form-icon {
    background: #F56038;
}

#buttons-menu li a span {
    margin-left: 13px;
    /*margin-top: -5px;*/
}

#buttons-menu li a span:nth-of-type(2) {
    line-height: 20px;
}

#buttons-menu li a span:nth-of-type(2) img {
    margin-top: -2px;
}

.header-grey #main-menu li a {
    color: #302A27;
}

.header-grey #main-menu li a::after {
    background-color: #302A27;
}

.header-grey #selected-language, .selected-language {
    color: #302A27;
}

.header-grey #language-row p.active,
.header-grey #language-row a.active {
    color: #302A27;
}

.header-grey #buttons-menu li a {
    color: #302A27;
    border: 1px solid rgba(207, 195, 186, 1);
}

.header-grey #buttons-menu li a:hover,
.header-grey #buttons-menu li a:focus {
    background-color: #F56038;
    border-color: #F56038;
    color: #FFF;
}

.header-grey #main-menu-container {
    border-top: 1px solid rgba(48, 42, 39, .15);
    border-bottom: 1px solid rgba(48, 42, 39, .15);
}

.header-grey #language-container {
    border-top: 1px solid rgba(48, 42, 39, .15);
}

.header-grey #language-switcher, .header-grey #whats-switcher, .header-grey #email-switcher {
    border-right: 1px solid rgba(48, 42, 39, .15);
}

/*
==================
Main header fixed
=================
 */
#main-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*z-index: -99;*/
    background-color: #FFF;
    transform: translateY(-200px);
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    /*opacity: 0;*/
    z-index: 3;
    opacity: 1;


}

#main-header-fixed #main-menu-container {
    /*border-top: none;*/
    border-bottom: none;
    border-bottom: 1px solid rgba(48, 42, 39, .2);
}

#main-header-fixed.visible {
    transform: translateY(0);
    z-index: 6;
    opacity: 1;
}

#main-header-fixed.visible.footer-visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -99;
    transform: translateY(-101%);
}

#main-header-fixed #buttons-menu li:nth-of-type(2) a {
    background-color: #E2E3E3;
    border: 1px solid #E2E3E3;
}

#main-header-fixed #buttons-menu li a {
    color: #302A27;
    background-color: #FFF;
    border: 1px solid rgba(48, 42, 39, .2);
    /*display: inline-block;*/
}

#main-header-fixed #buttons-menu li a:hover,
#main-header-fixed #buttons-menu li a:focus {
    background-color: #F56038;
    border-color: #F56038;
    color: #FFF;
}

#main-header-fixed #main-menu li a {
    color: #302A27;
}

#main-header-fixed #main-menu li a::after {
    background-color: #F56038;
}

#mobile-menu-wrapper {
    display: none;
}

#mobile-menu,
#mobile-menu-2 {
    display: none;
}

#main-header #menu-row a.visible {
    transform: translateY(0);
}

/*
@media (min-width: 992px) {
    #main-header #main-menu li a {
        transform: translateY(100%);
    }

    #main-header #buttons-menu li a {

        transform: translateY(100%);
    }

    #main-header #logo-wrapper a {
        transform: translateY(100%);
    }
}
*/
@media (max-width: 1399.8px) {
    #logo-wrapper {
        max-width: 20%;
        flex: 20%;
    }

    #main-menu {
        margin-left: 0;
        padding-right: 0;
    }

    #main-menu li {
        padding: 0 10px;
    }

    #buttons-menu {
        margin-left: -30px;
        margin-right: -56px;
    }

    .language-switcher .language-wrapper {
        margin-left: 0;
        flex-basis: 30px;
        width: 30px;
    }

    div#language-switcher {
        padding-right: 0;
    }

    .language-switcher .header-link-wrapper {
        width: 225px;
        flex-basis: 225px;
    }

    #language-switcher .header-link-wrapper div.icon {
        margin-left: 0;
    }

    #language-select, .language-select {
        left: -11px;
    }
}

@media (max-width: 1119.8px) {
    #menu-button-wrapper {
        display: none;
    }

    #menu-wrapper {
        flex-basis: calc(100% - 20%);
        width: calc(100% - 20%);
        max-width: calc(100% - 20%);
    }

    #main-menu li a::after {
        bottom: -22px;
    }

    .language-switcher .header-link-wrapper {
        flex-basis: 180px;
        width: 180px;
    }

    #main-menu-container {
        height: auto;
    }
}

@media (max-width: 991.8px) {

    #mobile-menu-2.overflow {
        white-space: nowrap;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 74px;
    }

    #mobile-menu.overflow {
        white-space: nowrap;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 104px;
    }


    #logo-wrapper {
        flex-basis: 25%;
        width: 25%;
        max-width: 25%;
    }

    #logo-wrapper img {
        max-width: 135px;
        width: 135px;
    }

    #main-header #language-container {
        display: none;
    }

    #main-header-fixed #mobile-menu-2 #language-container {
        border-top: none;
    }

    #main-header #language-container.mobile-header-container,
    #main-header-fixed #language-container.mobile-header-container {
        display: block;
        margin-top: 0;
    }


    #menu-wrapper {
        display: none;
    }

    #main-menu-container {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #mobile-menu-wrapper {
        display: flex;
        margin-right: -15px;
        padding-right: 0;
    }

    nav {
        width: 100%;
        position: relative;
    }

    #menuToggle {
        display: block;
        position: absolute;
        top: -5px;
        right: 25px;

        z-index: 1;

        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: #000;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
        display: block;
        width: 18px;
        height: 2px;
        margin-bottom: 4px;
        position: relative;
        background: #FFF;
        border-radius: 0;
        z-index: 1;
        transform-origin: 4px 0;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    /*
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-4px, -9px);
        background: #FFF;
        width: 20px;
    }

    /*
     * But let's hide the middle one.
     */
    #menuToggle input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
        width: 20px;
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(-1px, 9px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu {
        position: relative;
        top: 0;
        left: 15px;
        width: calc(100vw - 30px);
        margin: 0 15px;
        height: auto;
        padding: 50px 0;
        padding-top: 10px;
        background: #FFF;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transform: translate(100%, 0);

    }

    #mobile-menu {
        transform: translateX(100%);
        width: 100%;
        min-height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        background: #675950;
        display: block;
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        -o-transition: .5s all;
        transition: .5s all;
        overflow: hidden;
        padding-top: 84px;
        padding-bottom: 22px;

    }

    .header-grey #mobile-menu {
        background-color: #FFF;
    }

    #main-header.header-grey::before {
        background-color: #FFF;
    }

    #main-header {
        z-index: 99;
        overflow: hidden;
    }

    #main-header:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #675950;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(100%);
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        -o-transition: .5s all;
        transition: .5s all;
    }

    #main-header.menu-visible:before {
        transform: translateX(0);
    }

    header #language-row .col-md-3 {
        border-bottom: 1px solid rgba(207, 195, 186, .15) !important;
        border-left: none !important;
        border-right: none !important;
    }

    header #main-header-fixed #language-row .col-md-3 {
        border-bottom: 1px solid rgba(48, 42, 39, .2) !important;
    }

    header #main-header-fixed #language-row {
        margin-top: 0;
        border-top: 1px solid rgba(48, 42, 39, .2)
    }

    header .language-switcher .language-wrapper {
        order: 2;
        margin-left: auto;
        margin-right: 18px;
    }

    header .language-switcher .header-link-wrapper {
        width: 210px;
        flex-basis: 210px;
    }


    #main-menu li {
        width: 100%;
        flex-basis: 100%;
        text-align: right;
        padding: 15px 0;
    }

    #mobile-menu.visible {
        transform: translateX(0);

    }

    #mobile-menu .container,
    #mobile-menu-2 .container {
        padding: 0;
    }

    #mobile-menu #language-row,
    #mobile-menu-2 #language-row {
        margin: 0 auto;
    }

    #mobile-menu-2 #language-container {
        margin-top: 0;
    }

    #language-row div.col-md-3 {
        padding-left: 0;
        padding-right: 0;
    }


    #mobile-menu-holder {
        overflow-x: hidden;
        position: absolute;
        top: 86px;
        width: 100%;
    }

    #main-menu {
        padding-top: 20px;
    }

    #main-menu li a {
        color: #FFF;
        text-decoration-line: underline;
    }

    #main-menu li a::after {
        display: none;
    }

    #mobile-menu #buttons-menu li a {
        color: #FFF;
        border: 1px solid rgba(207, 195, 186, 1);
    }

    /*#main-header-fixed.visible {*/
    /*    display: none;*/
    /*}*/
    #buttons-menu {
        margin: 0 auto;
        padding-left: 15px;
        justify-content: flex-end;
        padding-bottom: 35px;
        padding-top: 30px;
    }

    #buttons-menu li a {
        font-size: 13px;
    }

    #buttons-menu li:first-of-type a {
        margin-right: 15px;
    }

    /*
    ==================
    White Header
     */
    #menuToggle2 {
        display: block;
        position: absolute;
        top: -5px;
        right: 25px;

        z-index: 1;

        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle2 a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle2 a:hover {
        color: #000;
    }


    #menuToggle2 input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    .header-grey #menuToggle span,
    .header-grey #menuToggle input:checked ~ span {
        background-color: #000;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle2 span {
        display: block;
        width: 18px;
        height: 2px;
        margin-bottom: 4px;
        position: relative;
        background: #000;
        border-radius: 0;
        z-index: 1;
        transform-origin: 4px 0;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
    }

    #menuToggle2 span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle2 span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    /*
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle2 input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-4px, -9px);
        background: #000;
        width: 20px;
    }

    /*
     * But let's hide the middle one.
     */
    #menuToggle2 input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
        width: 20px;
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle2 input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(-1px, 9px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu {
        position: relative;
        top: 0;
        left: 15px;
        width: calc(100vw - 30px);
        margin: 0 15px;
        height: auto;
        padding: 50px 0;
        padding-top: 10px;
        background: #FFF;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transform: translate(100%, 0);

    }

    #mobile-menu-2 {
        transform: translateX(100%);
        width: 100%;
        min-height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        background: #FFF;
        display: block;
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        -o-transition: .5s all;
        transition: .5s all;
        overflow: hidden;
        padding-top: 84px;
        padding-bottom: 22px;

    }

    #main-header-fixed {
        z-index: 999;
        /*overflow: hidden;*/
    }

    #main-header-fixed:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #FFF;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(100%);
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        -o-transition: .5s all;
        transition: .5s all;
    }

    #main-header-fixed.menu-visible:before {
        transform: translateX(0);
    }

    /*header #main-header-fixed #language-row {*/
    /*    border-top: 1px solid rgba(207, 195, 186, .15) !important;*/
    /*}*/
    /*header #main-header-fixed #language-row {*/
    /*    border-top: 1px solid rgba(207, 195, 186, .15) !important;*/
    /*}*/
    header #language-row .col-md-3 {
        border-bottom: 1px solid rgba(207, 195, 186, .15) !important;
        border-left: none !important;
        border-right: none !important;
    }

    header .header-grey #language-row .col-md-3,
    header #main-header-fixed #language-row .col-md-3 {
        border-bottom: 1px solid rgba(48, 42, 39, .2) !important;
        border-left: none !important;
        border-right: none !important;
    }

    /*#main-header-fixed #language-container {*/
    /*    border-top: 1px solid rgba(48, 42, 39, .2) !important;*/
    /*}*/
    #main-header-fixed #selected-language, .selected-language {
        color: #302A27;
    }

    header .language-switcher .language-wrapper {
        order: 2;
        margin-left: auto;
        margin-right: 0;
    }

    header .language-switcher .header-link-wrapper {
        width: 210px;
        flex-basis: 210px;
    }


    #main-menu li {
        width: 100%;
        flex-basis: 100%;
        text-align: right;
        padding: 15px 0;
    }

    #mobile-menu-2.visible {
        transform: translateX(0);

    }


    #mobile-menu-holder {
        overflow-x: hidden;
        position: absolute;
        top: 86px;
        width: 100%;
    }

    #main-menu {
        padding-top: 20px;
    }

    #main-menu li a {
        color: #FFF;
        text-decoration-line: underline;
    }

    #main-menu li a::after {
        display: none;
    }

    #mobile-menu #buttons-menu li:nth-of-type(2) a {
        color: #302A27;
        border: 1px solid #FFF;
    }

    #mobile-menu #buttons-menu li a {
        color: #FFF;
        border: 1px solid rgba(207, 195, 186, 1);
    }

    #mobile-menu #buttons-menu li a:hover,
    #mobile-menu #buttons-menu li a:focus {
        color: #FFF;
        border-color: #F56038;
    }

    .header-grey #mobile-menu #buttons-menu li:nth-of-type(2) a {
        background-color: #E2E3E3;
        border: 1px solid #E2E3E3;
    }

    .header-grey #mobile-menu #buttons-menu li a {
        color: #302A27;
        background-color: #FFF;
        border: 1px solid rgba(48, 42, 39, .2);
        display: flex;
    }

    .header-grey #mobile-menu #buttons-menu li a:hover,
    .header-grey #mobile-menu #buttons-menu li a:focus {
        background-color: #F56038;
        border: 1px solid #F56038;
        color: #FFF;
    }

    #main-header-fixed.visible {
        /*display: none;*/
    }

    #main-header-fixed.visible.hidden {
        transform: translateY(-200px);
    }

    #buttons-menu {
        margin: 0 auto;
        padding-left: 0;
        justify-content: flex-start;
        padding-bottom: 35px;
        padding-top: 30px;
    }

    #buttons-menu li {
        margin-bottom: 10px;
    }

    #buttons-menu li a {
        font-size: 13px;
    }

    #buttons-menu li:first-of-type a {
        margin-right: 15px;
    }

    #mobile-menu-2 #language-row p.active,
    #mobile-menu-2 #language-row a.active {
        color: #302A27;
    }

    header #mobile-menu-2 #language-row .col-md-3 {
        border-bottom: 1px solid rgba(48, 42, 39, .15);
    }


}

@media (max-width: 575.8px) {
    #mobile-menu .container,
    #mobile-menu-2 .container {
        padding: 0 25px;
    }

    #mobile-menu #language-container,
    #mobile-menu-2 #language-container {
        padding: 0;
    }

    #main-header,
    #main-header-fixed {
        padding: 0 25px;
    }

    #main-menu {
        padding-top: 10px;
    }

    #mobile-menu,
    #mobile-menu-2 {
        padding-top: 74px;
        padding-bottom: 20px;
    }

}

@media (max-width: 340px) {
    #buttons-menu li a {
        padding: 9px 15px;
    }

    /*#main-menu li {*/
    /*    padding: 10px 0;*/
    /*}*/
    #buttons-menu {
        padding-top: 10px;
        padding-bottom: 15px;
    }
}