.menu-black-line
{
    background:#303030;
    position: relative;
}
.znak{
    /*position: absolute;
    bottom: -30%;
    z-index: 10;
   left: calc(65vw + 150px);*/
	cursor: pointer;
}
 .popupes {
display:none;
         position: fixed;
    left: 46%;
    top: 32vh;
    transform: translate(-50%, -50%);
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 20px;
    z-index: 1000;
        }
.content-pup{
    display: flex;
    font-size: 17px;
    font-weight: 400;
    line-height: 26.71px;
    gap: 0px 15px;

    text-align: left;

}
        .popupes img {
                height: 14vh;
            vertical-align: middle;
            margin-right: 10px;
        }
        .popupes .closes {
               position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 32px;
    color: #9ea7b7;

        }

@media all and (max-width:789px){
.znak{
display:none;

	}
.popupes{


    left: 50%;
    width: 92%;

	}
.content-pup{

font-size:13px;
	}

}
#top-menu-black
{
    padding:0px;
    margin:0px;
    list-style-type: none;
}
#top-menu-black>li
{
    float:left;
    position:relative;
    padding:0px;
    margin:0px;
    margin-right:30px;
}
#top-menu-black>li>a
{
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    display:block;
    padding-top:13px;
    padding-bottom:12px;
    border-bottom:#303030 solid 3px;
}
#top-menu-black>li.item-selected>a
{
    border-bottom: #11AB6F solid 3px;
}
#top-menu-black li ul
{
    padding:0px;
    margin:0px;
    list-style-type: none;
    display:none;
    position:absolute;
    background:#fff;
    padding-left:30px;
    padding-right:30px;
    z-index:10;
    box-shadow: 0px 10px 41px -9px rgba(11, 44, 88, 0.22);
    max-height:50vh;
    overflow-y: auto;
}
#top-menu-black li:hover ul
{
    display:block;
}
#top-menu-black li:first-child ul
{
    /* display:block; */
}
#top-menu-black li ul li
{
    border-bottom:#E4E4E4 solid 1px;
    padding:0px;
    margin:0px;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:5px;
    padding-right:5px;
}
#top-menu-black li ul li:last-child
{
    border-bottom:none;
}
#top-menu-black li ul li a
{
    font-size: 14px;
    line-height: 17px;
    color: #212121;
    white-space: nowrap;
}
#top-menu-black li ul li a:hover
{
    color: #11AB6F;
}
#top-menu-black li ul li.item-selected a
{
    font-size: 14px;
    line-height: 17px;
    color: #11AB6F;
    white-space: nowrap;
}
#top-menu-black .close
{
    display:none;
}
@media only screen and (max-width:576px) {
    #top-menu-black .close
    {
        display:block;
        height:20px;
        width:20px;
        position:absolute;
        top:20px;
        right:20px;
    }
    #top-menu-black .close::after
    {
        content:'';
        height:25px;
        width:2px;
        background:#000;
        transform-origin: center;
        position:absolute;
        right:8px;
        top:-3px;
        transform: rotate(45deg);
    }
    #top-menu-black .close::before
    {
        content:'';
        height:25px;
        width:2px;
        background:#000;
        transform-origin: center;
        position:absolute;
        right:8px;
        top:-3px;
        transform: rotate(-45deg);
    }
    #top-menu-black>li
    {
        float:none;
    }
    #top-menu-black>li
    {
        margin-right:0px;
    }
    #top-menu-black>li>a
    {
        border:none;
        color:#303030;
    }
    #top-menu-black>li>ul
    {
        display:none !important;
    }
}