.f_holder_mask {
    position: relative;
    width   : 100%;
    height  : 300px;
}

.f_holder {
    position       : absolute;
    background     : #252525 url(/src/f_logo_bg.svg) no-repeat;
    background-size: contain;
    min-height     : 260px;
    height         : 260px;
    max-height     : 260px;
    padding-left   : 102px;
    padding-right  : 102px;
    padding-top    : 20px;
    padding-bottom : 20px;
    bottom         : 0;
    left           : 0;
}

.f_content {
    position    : relative;
    width       : 100%;
    height      : 100%;
    table-layout: fixed;
}

.f_nav {
    position  : relative;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.f_middle {
    position  : relative;
    text-align: center;
}

.f_nav_link {
    position     : relative;
    margin-bottom: 10px;
    color        : #757575;
    width        : 100%;
    word-wrap    : break-word;
    flex-wrap    : wrap;
    font-size    : 14px;
}

.f_nav_link a {
    color          : #757575;
    transition     : ease 0.3s;
    text-decoration: none;
}

.f_nav_link a:active {
    color: white;
}

.f_social_holder {
    position      : relative;
    display       : flex;
    flex-direction: row;
    align-items   : center;
    flex-wrap     : wrap;
    max-width     : 168px;
    padding       : 0 0px 0 10px;
    margin        : 0 auto;
}

.f_s_bt {
    position           : relative;
    width              : 32px;
    height             : 32px;
    border-radius      : 100%;
    background-position: center;
    background-size    : contain;
    background-repeat  : no-repeat;
    transition         : ease 0.3s;
}

.f_s_bt_space {
    position: relative;
    width   : 10px;
    height  : 10px;
}

.f_s_bt_vr_space {
    position: relative;
    width   : 100%;
    height  : 10px;
}

.f_logo {
    position  : relative;
    display   : none;
    margin    : 0 auto 14px auto;
    width     : 72px;
    height    : 46px;
    background: url(/src/logo_menu.svg) center/contain no-repeat;
}

.f_copyrights {
    position  : relative;
    margin    : 16px auto 0 auto;
    font-size : 13px;
    text-align: center;
    color     : #5a5a5a;
    max-width : 280px;
    word-wrap : break-word;
}


@media(hover:hover) and (pointer:fine) {
    .f_nav_link a:hover {
        color: white;
    }
}

@media (max-width:1023px) and (min-width:0),
(max-width:1023px) and (min-device-width:0) {
    .f_logo {
        display: block;
    }

    .f_holder {
        background-image: none;
    }

    .f_nomobile {
        display: none;
    }
}

@media (max-width:500px) and (min-width:0),
(max-width:500px) and (min-device-width:0) {
    .f_holder {
        padding-left : 20px;
        padding-right: 20px;
    }
}