.zooms
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--color_header);
    background-image: url("../svg/bg_mp.svg");
    background-size: 80px 80px;
    z-index: 1000;
}
.zoom2
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--color_header);
    overflow: scroll;
    background-image: url("../svg/bg_mp.svg");
    background-size: 80px 80px;
    display: grid;
    z-index: 1000;
}

.imgs_zooms
{
    display: flex;

    width: 100vw;
    height: 100vh;

    scroll-snap-type: x mandatory;

    overflow-x: scroll;
    overflow-y: hidden;
}


.img_zooms
{
    /*display:flex;*/
    flex-shrink:0;
    width: 100vw;
    height: 100%;

    background-position: center ;
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
    scroll-snap-align: start;
}


.nav_zooms
{
    height: calc(0.8*var(--width_block_but_header));
    width: calc(0.8*var(--width_block_but_header));

    fill:var(--noactive_header);
    position: fixed;
    background-color: rgba(255,255,255, 0.2);
    border-radius: 50%;
    cursor:pointer;
}
.nav_zooms:hover
{
    fill: var(--color2_hover);
}

.krestik_zooms
{
    top: var(--fontsize_menu);
    left: var(--fontsize_menu);
}

.arrow_left_zooms
{
    top: calc( 100vh/2 - 1.5*var(--fontsize_menu));
    left: var(--fontsize_menu);
    display: none;
}
.arrow_right_zooms
{
    transform: rotate(180deg);
    top: calc( 100vh/2 - 1.5*var(--fontsize_menu));
    right: var(--fontsize_menu);
    display: none;
}

/*@media (pointer: fine) {*/
/*    .arrow_left_zooms, .arrow_right_zooms*/
/*    {*/
/*        display: block;*/
/*    }*/

/*}*/