.menu_invisible_space {
    width:100%;
    height:101px;
    display:none;
}

.menu_bar {

    width:100%;
    min-height:41px;
    padding-left:70px;
    padding-right:70px;
    padding-top:29px;
    padding-bottom:29px;
    background-color:white;
    position:relative;
    z-index:5;

}

.menu_bar .logo {

    width:184px;
    height:41px;
    float:left;
    background-image:url('./files/elements/logo_sonte.svg');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:7;

}

.menu_bar .menu {

    height:41px;
    border-collapse:collapse;
    float:right;
    position:relative;
    z-index:7;
    margin-right:74px;

}

.menu_bar .menu tr td {

    font-size:18px;
    font-weight:700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform:uppercase;
    padding-left:25px;
    cursor:pointer;
    vertical-align:bottom;
    white-space:nowrap;

}

.menu_bar .menu tr td a {

    color:rgba(38,38,38,1.0);
    text-decoration:none;

}
.menu_bar .menu tr td a:hover {

    color:rgba(38,38,38,0.7);
    text-decoration:none;

}
.menu_bar .menu tr td a:visited {

    color:rgba(38,38,38,1.0);
    text-decoration:none;

}

.menu_bar a .langChangeBox {

    color:rgba(38,38,38,1.0);
    text-decoration:none;

}

.menu_bar a .langChangeBox:visited {

    color:rgba(38,38,38,1.0);
    text-decoration:none;

}

.menu_bar .langChangeBox {

    width:50px;
    height:33px;
    border:2px solid rgba(38,38,38,1.0);
    display:table;
    position:absolute;
    z-index:7;
    right:70px;
    top:40px;
    cursor:pointer;

}

.menu_bar .langChangeBox:hover {

    background-color:rgba(38,38,38,1.0);
    color:white;

}

.menu_bar .langChangeBox > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    font-size:13px;
    font-weight:500;
    text-align:center;

}

@media screen and (max-width:930px) {

    /* mobile menu */
    
    .hiddenOnMobile {
    
        display:none;
    
    }
    
    .menu_invisible_space {
        display:block;
    }
    
    .menu_bar {

        width:100%;
        min-height:82px;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
        position:absolute;
        top:0px;
        background-color:transparent;

    }

    .menu_bar .logo {

        width:100%;
        height:60px;
        float:none;
        margin:0px auto;
        background-color:white;
        background-size:auto 30px;

    }
    
    .menu_container {
    
        width:100%;
        height:41px;
        background-color:rgba(255,255,255,0.5);
        -webkit-overflow-scrolling: touch;
        overflow-x:scroll;
    }
    
    .menu_container::-webkit-scrollbar { 
        display: none;
    }

    .menu_bar .menu {

        width:100%;
        height:41px;
        border-collapse:collapse;
        float:none;

    }

    .menu_bar .menu tr td {

        min-width:70px;
        font-size:18px;
        font-weight:700;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform:uppercase;
        padding-left:12px;
        padding-right:12px;
        vertical-align:middle;

    }
    
    .menu_bar .langChangeBox {

        width:50px;
        height:33px;
        border:2px solid rgba(38,38,38,1.0);
        display:table;
        position:absolute;
        right:15px;
        top:14px;
        cursor:pointer;

    }
    
}