.fon_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--height_header);
    background-color: var(--color_header);
    /*background-image: url("../svg/bg_mp.svg");*/
    /*background-size: 20px 20px;*/
    z-index: 10;
    border-bottom:  calc((var(--height_header)/100)) solid var(--colorcommentcontent_main);
}

.block_logotype_header
{
    /*background-color: green;*/
    position: fixed;
    display: flex;
    top: var(--mintoptext_header);
    right: calc( calc( 1*var(--scroll_bar_width)) - var(--scroll_bar_width_now));
    height: var(--height_block_logotype_header);
    width: calc( var(--height_block_logotype_header) * 8.56375640338  );
    cursor: pointer;
    /*height: var(--height_block_logotype_header);*/
    /*width: calc( 9 * var(--height_block_logotype_header) + var(--height_block_logotype_header));*/
    /*width: 50vw;*/
}
logotype_header
{
    /*position: relative;*/
    /*background-color: aqua;*/
    background-image: url("../imgsait/MP_500x500.jpg");
    background-color: red;
    background-size: 100% 100%;
    height: 100%;
    width: 10%;
}
.mp_header {
    /*margin-left: auto;*/
    /*position: relative;*/
    /*background-color: blue;*/
    height: 100%;
    width: 100%;
}


.buttons_header {

    padding-top: calc( var(--mintoptext_header) + var(--height_block_logotype_header) );
    display: flex;

}
.first_buts_header {
    display: flex;
    margin-left: min(7px, 2vw, 2vh);
}
.nav_header {
    display: flex;
    margin-left: auto;
    margin-right: calc( calc( 1*var(--scroll_bar_width)) - var(--scroll_bar_width_now));
}



.block_but_header {
    /*border: 1px solid blue;*/
    height: var(--width_block_but_header);
    width: var(--width_block_but_header);

    display: grid;
}

.but_header {
    height: 80%;
    width: 80%;
    margin: auto;
    position: relative;
    /*border: 1px solid red;*/
}

.but_header svg {
    position: absolute;
    top: 0;
    left: 0;
    /*border: 1px solid yellow;*/
}

.fScreen_active_header
{
    /*font-size: calc(var(--fontsize_menu) / 1.3 );*/
    /*color:var(--noactive_header) !important;*/
    /*fill:var(--noactive_header) !important;*/
    /*stroke:var(--strokenoactive_header) !important;*/
}
.fScreen_noactive_header
{
    /*font-size: calc(var(--fontsize_menu) / 1.3 );*/
    /*color:var(--color2_hover) !important;*/
    /*fill:var(--active_header) !important;*/
    /*stroke:var(--strokeactive_header)!important;*/
}
.noactive_header
{
    fill:var(--noactive_header);
    stroke:var(--strokenoactive_header);
}
.active_header
{
    fill:var(--active_header);
    stroke:var(--strokeactive_header);
}
.like_header
{
    stroke-width:3%;
}