body{
        margin:0;
        background:#131313;
    }
    .menu{
        display:flex;
        width:100%;
        height:65px;
        background:#0039C2;
        flex-direction:row;
        justify-content:left;
        user-select:none;
        position:fixed;
        z-index:999;
    }
    .menu-block{
        height:65px;
        width:100%;
        display:flex;
    }
    .menu-left{
        width:25%;
        display:flex;
        justify-content:left;
        padding:0px 0px 0px 80px;
    }
    .menu-middle{
        display:flex;
        width:50%;
        justify-content:center;
    }
    .menu-right{
        display:flex;
        width:25%;
        justify-content:right;
        padding:0px 80px 0px 0px;
    }
    .menu-logo{
        display:flex;
        justify-content:left;
        height:40px;
        padding:12.5px 0px 12.5px 0px;
        margin:0px;
        text-decoration:none;
    }
    .menu-logo-text{
        color:#fff;
        font-family: "Montserrat", sans-serif;
        font-weight:700;
        font-size:25px;
        line-height:40px;
        vertical-align:center;
        display:flex;
        margin:0px 0px 0px 5px;
    }
    .menu-logo-img{
        height:100%;
        margin:0px -14px 0px -14px;
    }
    .menu-item{
        display:flex;
        justify-content:center;
        color:#fff;
        text-decoration:none;
        padding:0px 12px 0px 12px;
        height:65px;
        line-height:65px;
        vertical-align:center;
        font-size:16px;
        font-family: "Montserrat", sans-serif;
        font-weight:400;
        transition:0.15s;
        user-select:none;
    }
    .menu-item:hover{
        background:#002E9B;
    }
    .menu-button{
        display:flex;
        justify-content:center;
        color:#fff;
        text-decoration:none;
        padding:0px 12px 0px 12px;
        height:40px;
        line-height:40px;
        margin:12.5px 5px 12.5px 5px;
        vertical-align:center;
        font-size:16px;
        font-family: "Montserrat", sans-serif;
        font-weight:600;
        background:#1F1F1F;
        border-radius:5px;
    }
    .mobile{
        display:none;
    }

    @media (max-width: 1250px) {
        .menu-left{
            width:60px;
            display:flex;
            justify-content:left;
            padding:0px 0px 0px 20px;
            position:fixed;
        }
        .menu-middle{
            display:flex;
            width:100%;
            justify-content:center;
        }
        .menu-item{
            display:none;
        }
        .menu-right{
            display:none;
        }
        .menu-logo{
            display:none;
        }
        .mobile{
            display:flex;
        }
    }

    @media (max-width: 360px) {
        .menu-left{
            position:relative;
            justify-content:space-around;
            padding:0;
        }
        .menu-left{
            width:100%;
        }
        .menu-middle{
        display:none;
        }
        .menu-logo{
            display:flex;
            padding:12.5px 20px 12.5px 0px;
        }
        .mobile{
            display:none;
        }
        .open-menu{
            margin:0;

        }
    }
    .extra-menu{
        padding:0;
        flex-direction:column;
        height:auto;
        background:#1F1F1F;
        display:flex;
        flex-direction:column;
        width:300px;
        position:fixed;
        height:100%;
        top:0;
        z-index:9999;
    }
    @media (max-width: 600px) {
        .extra-menu{
            width:100%;
        }
    }
    .extra-menu-button{
        height:45px;
        line-height:45px;
        justify-content:left;
        padding:0px 0px 0px 25px;
        width:calc(100% - 25px);
        background:#2A2A2A;
        display:flex;
            font-family: "Montserrat", sans-serif;
        font-weight: 450;
        font-style: normal;
        color:white;
        flex-direction:row;
        text-align:center;
        text-decoration:none;
    }
    .extra-menu-button:hover{
        background:#353535;
    }
    .extra-menu-space{
        height:37.5px;
        line-height:37.5px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        width:100%;
        display:flex;
        justify-content:right;
    }
    .extra-menu-title{
        height:25px;
        line-height:25px;
        text-align:bottom;
        padding:15px 0px 0px 25px;
        width:calc(100% - 25px);
        display:flex;
        justify-content:left;
            font-family: "Montserrat", sans-serif;
        font-weight: 300;
        font-style: normal;
        color:#DDE1E6;
        font-size:14px;
        margin:0;
    }
    @media (min-width: 931px) {
        .extra-menu-button{
            padding:0px 0px 0px 25px;
        }
    }
    .extra-menu-button-svg{
        height:25px;
        padding:12.5px 10px 12.5px 0px;
        display:flex;
    }
    .extra-menu-fogger{
        top:0;
        left:0;
        position:fixed;
        display:flex;
        width:100%;
        height:100%;
        z-index:1000;
        background-color: rgba(0, 0, 0, 0.70); /* Dark shade with transparency */
    }
    .open-menu{
        display:flex;
        justify-content:center;
        flex-direction:column;
        height:30px;
        vertical-align:center;
        padding:5px 5px 5px 5px;
        margin:12.5px 10px 12.5px 0px;
        border-radius:5px;
        cursor:pointer;
    }
    .open-menu:hover{
        background:#002880;
    }
    .close-menu{
        display:flex;
        justify-content:center;
        flex-direction:column;
        height:30px;
        vertical-align:center;
        padding:5px 5px 5px 5px;
        margin:12.5px 10px 0px 0px;
        border-radius:5px;
        cursor:pointer;
        z-index:100000;
    }
    .close-menu:hover{
        background:#131313;
    }

    .hide-me {
        display: none;
    }