body{
        margin:0;
        background:#131313;
    }
    .menu{
        display:flex;
        width:100%;
        height:65px;
        background:#131313;
        flex-direction:row;
        justify-content:center;
        user-select:none;
        position:fixed;
        z-index:999;
    }
    .menu-block{
        height:65px;
        width:100%;
        display:flex;
    }
    .menu-left{
        width:300px;
        display:flex;
        justify-content:left;
        padding:0px 0px 0px 100px;
    }
    .menu-middle{
        display:flex;
        width:55%;
        justify-content:center;
    }
    .menu-right{
        display:flex;
        width:300px;
        justify-content:right;
        padding:0px 100px 0px 0px;
    }
    .menu-logo{
        display:flex;
        justify-content:left;
        height:30px;
        padding:17.5px 0px 17.5px 0px;
        margin:0px;
        text-decoration:none;
    }
    .menu-logo-text{
        color:#fff;
        font-family: "Montserrat", sans-serif;
        font-weight:700;
        font-size:20px;
        line-height:20px;
        vertical-align:center;
        display:flex;
        margin:5px 0px 5px 6px;
    }
    .menu-logo-img{
        height:100%;
        margin:0px -14px 0px -14px;
    }
    .menu-item{
        display:flex;
        justify-content:center;
        color:#888888;
        text-decoration:none;
        padding:0px 12px 0px 12px;
        margin:15px 5px 15px 5px;
        height:35px;
        line-height:35px;
        vertical-align:center;
        font-size:14px;
        font-family: "Montserrat", sans-serif;
        font-weight:400;
        transition:0.15s;
        user-select:none;
    }
    .menu-item:hover{
        color:#fff;
        background:#1C1C1C;
        border-radius:5px;
    }
    .contact-button{
        display:flex;
        justify-content:center;
        color:#888888;
        text-decoration:none;
        padding:0px 12px 0px 12px;
        height:35px;
        line-height:35px;
        margin:15px 5px 15px 5px;
        vertical-align:center;
        font-size:13px;
        font-family: "Montserrat", sans-serif;
        font-weight:400;
        border-radius:10px;
        transition:0.15s;
    }
    .contact-button:hover{
        color:#fff;
    }
    .portal-button{
        display:flex;
        justify-content:center;
        color:#000;
        text-decoration:none;
        padding:0px 12px 0px 12px;
        height:35px;
        line-height:35px;
        margin:15px 5px 15px 5px;
        vertical-align:center;
        font-size:13px;
        font-family: "Montserrat", sans-serif;
        font-weight:500;
        background:#fff;
        border-radius:5px;
        transition:0.15s;
    }
    .extra-menu{
        padding:0;
        flex-direction:column;
        height:auto;
        background:#131313;
        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);
        display:flex;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        font-style: normal;
        color:#888888;
        flex-direction:row;
        text-align:center;
        text-decoration:none;
        transition:.2s;
        user-select:none;
    }
    .extra-menu-button:hover{
        background:#1C1C1C;
        color:#fff;
    }
    .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: 450;
        font-style: normal;
        color:#fff;
        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 20px 12.5px 0px;
        border-radius:5px;
        cursor:pointer;
    }
    .open-menu:hover{
        background:#1C1C1C;
    }
    .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:#1C1C1C;
    }

    .hide-me {
        display: none;
    }
    .mobile{
        display:none;
    }

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

    @media (max-width: 450px) {
        .menu{
            justify-content:center;
        }
        .menu-left{
            left:0;
            top:0;
            width:auto;
            position:relative;
        }
        .menu-middle{
            position:relative;
            width:auto;
            justify-content:left;
            padding:0px;
        }
    .open-menu{
        background:#1C1C1C;
    }
    }

    .footer{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        display:flex;
        background:#1C1C1C;
        height:300px;
    }