.menu {

    width:100%;
    height:100px;
    background-color:rgba(255,255,255,1.0);
    display:flex;
    justify-content:space-between;
    padding-left:60px;
    padding-right:60px;
    position:fixed;
    top:0;
    left:0;
    z-index:10;

}

.menu_invisible_holder {

    width:100%;
    height:100px;
    position:relative;
    z-index:1;

}

.menu .logo {

    width:353px;
    height:127px;
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    position:absolute;
    top:37px;
    transition:top 0.3s,height 0.3s;

}

.menu .logo.small {

    width:200px;
    height:100px;
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    top:0px;

}

.menu .logo.black {
    background-image:url('./files/elements/ATC_logo_original.svg');
}

.menu .mobileMenu_button {

    width:29px;
    height:18px;
    background-image:url('./files/elements/menu_button.svg');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:21px;
    right:20px;
    cursor:pointer;
    display:none;

}

.menu .menu_holder .menu_table {

    width:10px;
    height:100px;
    border-collapse:collapse;

}

.menu .menu_holder .menu_table tr td {
    position:relative;
}

.menu .menu_holder .menu_table tr td a {

    padding:0;
    margin:0;
    font-size:18px;
    font-weight:600;
    color:rgba(14,43,62,1.0);
    padding-left:30px;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;

}

.menu .menu_holder .menu_table tr td a:hover {
    color:rgba(0,81,135,1.0);
}

.menu .menu_holder .menu_table tr td.active a {
    font-weight:700;
    color:rgba(0,81,135,1.0);
}

.menu .menu_holder .menu_table tr td .subMenu_holder {

    min-width:10px;
    min-height:10px;
    position:absolute;
    top:95px;
    left:0;
    background-color:rgba(255,255,255,0.70);
    z-index:100;
    padding:2px 10px 20px 10px;
    box-shadow:0px 1px 5px rgba(0,0,0,0.10);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    display:none;

}

@supports(-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {

    .menu .menu_holder .menu_table tr td .subMenu_holder {
    
        background-color:rgba(255,255,255,0.50);
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
    
    }

}

.menu .menu_holder .menu_table tr td .subMenu_holder .menu_subItem {

    padding:0;
    margin:0;
    font-size:16px;
    font-weight:400;
    color:rgba(14,43,62,1.0);
    display:block;
    margin-top:18px;
    white-space:nowrap;
    position:relative;

}

.menu .menu_holder .menu_table tr td .subMenu_holder .menu_subItem:hover {
    font-weight:500;
}

.menu .menu_holder .menu_table tr td .subMenu_holder .menu_subItem:before {

    content:'';
    width:10px;
    height:2px;
    background-color:rgba(14,43,62,1.0);
    margin-right:10px;
    position:relative;
    z-index:101;

}

/* -- SCROLLED -- */

.menu.scroll {

    box-shadow:0px 2px 10px rgba(151,151,151,0.30);

}

.menu.scroll .logo {

    width:200px;
    height:100px;
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    top:0px;
    transition:top 0.3s,height 0.3s;

}

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

    .menu .logo {

        width:200px;
        height:73px;

    }

}

@media screen and (max-width:1023px) {
    
    .menu {
    
        padding-left:15px;
        padding-right:15px;
    
    }

    .menu .logo {

        width:127px;
        height:46px;
        top:7px;

    }
    
    .menu .mobileMenu_button {
        display:block;
    }
    
    .menu .menu_holder {
    
        display:none;
        width:100%;
        height:auto;
        position:absolute;
        top:100px;
        left:0;
        background-color:rgba(255,255,255,1.0);
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        padding-top:20px;
        padding-bottom:20px;
    
    }
    
    @supports(-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {
    
        .menu .menu_holder {
        
            background-color:rgba(255,255,255,0.50);
            -webkit-backdrop-filter:blur(10px);
            backdrop-filter:blur(10px);
        
        }
    
    }
    
    .menu .menu_holder .menu_table {

        width:100%;
        height:auto;

    }
    
    .menu .menu_holder .menu_table tr td {
        width:100%;
        float:left;
    }
    
    .menu .menu_holder .menu_table tr td a {

        font-size:16px;
        padding-left:15px;

    }
    
    .menu .menu_holder .menu_table tr td .subMenu_holder {

        min-width:10px;
        min-height:10px;
        position:relative;
        top:0px;
        left:0;
        background-color:rgba(255,255,255,0);
        padding:0;
        padding-left:20px;
        padding-right:20px;
        box-shadow:none;
        display:block;
        margin-bottom:15px;

    }

    @supports(-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {

        .menu .menu_holder .menu_table tr td .subMenu_holder {

            background-color:rgba(255,255,255,0);
            -webkit-backdrop-filter:blur(0px);
            backdrop-filter:blur(0px);

        }

    }
    
    .menu .menu_holder .menu_table tr td .subMenu_holder .menu_subItem {

        font-size:14px;
        display:block;
        margin-top:10px;
        white-space:normal;

    }

}