.genn-art-body-2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/images/ico-logo-bd/bg/mobile/tg-menu-mobile.webp);
    top: 0;
    left: 0;
    background-size: cover;
    z-index: 100;
}
.genn-art-body-2-block-1-1-2-active, 
.genn-art-body-2-block-2-1-active, 
.genn-art-body-2-block-2-4-1-active,
.genn-art-body-2-block-2-4-2-2-active,
.genn-art-body-2-block-2-4-3-active,
.genn-art-body-2-block-41-active,
.genn-art-body-2-block-4-1-2-active,
.genn-art-body-2-block-4-3-active,
.genn-art-body-2-block-4-1-1-active,
.genn-art-body-2-block-3-0-active,
.genn-art-body-2-block-5-active
{
    position: absolute;
    width: 250px;
    height: auto;
    display: flex;
    background: #ffffff;
    bottom: -120px;
    border-radius: 10px;
    color: #272727;
    line-height: 1;
    padding: 10px;
    left: -500px;
    box-shadow: 0px 11px 15px #00000063;
    font-size: 13px;
    transition: all .5s;
}

 
  
.genn-art-body-2-block-2-3-active,
.genn-art-body-2-block-1-2-2-active, 
.genn-art-body-2-block-2-4-2-1-active,
.genn-art-body-2-block-2-4-2-3-active,

.genn-art-body-2-block-4-2-active

{
    position: absolute;
    width: 243px;
    height: auto;
    display: flex;
    background: #ffffff;
    bottom: -120px;
    border-radius: 10px;
    color: #272727;
    line-height: 1;
    padding: 10px;
    right: -500px;
    box-shadow: 0px 11px 15px #00000063;
    font-size: 14px;
    transition: all .5s;
}

.genn-art-body-2-block-1-1.active {
    z-index: 120;
    background: #fff;
    border-radius: 50px;
    padding-right: 15px;
    position: relative;
}
.genn-art-body-2-block-1-2.active {
    z-index: 120;
}
.genn-art-body-2-block-1-2.active .genn-art-body-2-block-1-2-2-active{
    right:0;
    bottom: -100px;
}
.genn-art-body-2-block-1-2-2-active:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 76%;
}
.genn-art-body-2-block-2-4-1-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 15%;
}
.genn-art-body-2-block-1-1.active .genn-art-body-2-block-1-1-2-active {
    left: 0px;
    bottom: -82px;
}
.genn-art-body-2-block-1-1-2-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 20%;
}
.genn-art-body-2-block-2-1-active.active {
    left: 0px;
}
.genn-art-body-2-block-2-1-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 45%;
}
.genn-art-body-2-block-2-3-active.active {
    right: 0px;
}
.genn-art-body-2-block-2-3-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 45%;
}
.genn-art-body-2-block-2-4-active.active {
    left: 0px;
}
.genn-art-body-2-block-2-4-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 45%;
}
.genn-art-body-2-block-2-4-2-1-active.active {
    right: 0px;
    bottom: -86px;
    z-index: 120;
}
.genn-art-body-2-block-2-4-2-1-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 54.6%;
}
.genn-art-body-2-block-2-4-2-2-active.active {
    left: 0px;
    z-index: 120;
    bottom: -70px;
}
.genn-art-body-2-block-2-4-2-2-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 70.6%;
}
.genn-art-body-2-block-2-4-2-3-active.active {
    right: 0px;
    bottom: -86px;
    z-index: 120;
}
.genn-art-body-2-block-2-4-2-3-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 90.2%;
}
.genn-art-body-2-block-2-4-3-active.active {
    left: 16px;
    bottom: 93px;
    z-index: 120;
}
.genn-art-body-2-block-2-4-3-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    top: -6px;
    left: 45%;
}
.genn-art-body-2-block-3-0-active.active {
    left: 8px;
    bottom: 129px;
    z-index: 120;
    width: 95%;
}
.genn-art-body-2-block-3-0-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 45%;
}
.genn-art-body-2-block-41-active.active {
    left: 41px;
    bottom: 148px;
    z-index: 120;
}
.genn-art-body-2-block-41-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 45%;
}
.genn-art-body-2-block-4-1-1-active.active {
    right: 0px;
}
.genn-art-body-2-block-4-1-1-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 5.1%;
}
.genn-art-body-2-block-4-1-2-active.active {
    left: 8px;
    bottom: 55px;
    z-index: 120;
}
.genn-art-body-2-block-4-1-2-active:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 19%;
}
.genn-art-body-2-block-4-2-active.active {
    right: 19px;
    bottom: 55px;
    z-index: 120;
}
.genn-art-body-2-block-4-2-active:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 37.6%;
}
.genn-art-body-2-block-4-3-active.active {
    left: 17px;
    bottom: 55px;
    z-index: 120;
}
.genn-art-body-2-block-4-3-active:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    bottom: -6px;
    left: 79%;
}

.genn-art-body-2-block-2-1.active .genn-art-body-2-block-2-1-logo {
    z-index: 120;
}

.genn-art-body-2-block-2-1.active .genn-art-body-2-block-2-1-active {
    left: 0px;
    bottom: -96px;
}

.genn-art-body-2-block-1-1-2-active {
    bottom: -82px;
}
.genn-art-body-2-block-1-2-2-active {
    bottom: -100px;
}

.genn-art-body-2-block-2-1-active {
    bottom: -96px;
}
.genn-art-body-2-block-2-2.active {
    z-index: 120;
    position: relative;
}
.genn-art-body-2-block-2-3.active {
    z-index: 120;
    position: relative;
}
.genn-art-body-2-block-2-3.active .genn-art-body-2-block-2-3-active {
    right: 0;
    text-align: left;
    bottom: -156px;
    transition: all .5s;
}
.genn-art-body-2-block-2-3-active {
    bottom: -156px;
    transition: all .5s;
}
.genn-art-body-2-block-2-4.active .genn-art-body-2-block-2-4-1 {
    z-index: 120;
}
.genn-art-body-2-block-2-4.active .genn-art-body-2-block-2-4-1-active {
    bottom: -54px;
    left: 0;
    z-index: 120;
}
.genn-art-body-2-block-2-4-1-active {
    bottom: -54px;
}
.genn-art-body-2-block-4-1-1.active {
    z-index: 120;
    background: #ffffff;
    border-radius: 50px;
}
.genn-art-body-2-block-4-1-1-active.active {    
    bottom: 55px;
    left: 8px;
    z-index:120
}
.genn-art-body-2-block-4-1-1-active {
    bottom: 55px;
}
.genn-art-body-2-block-4-1-2.active {
    background: #fff;
    z-index: 120;
    border-radius: 50px;
}
.genn-art-body-2-block-4-1-2-active {
    bottom: 55px;
}
.genn-art-body-2-block-3-1.active {
    z-index: 120;
    position: relative;
    background: #fff;
    border-radius: 20px;
}
.genn-art-body-2-block-3-0-active {
    bottom: 129px;
}
.genn-art-body-2-block-5-active.active {
    bottom: 130px;
    left: 40px;
    width: 250px;
    top: 120px;
    z-index: 120;
}

.genn-art-body-2-block-5-active {
    bottom: 130px;
}
.genn-art-body-2-block-41.active {
    z-index: 120;
    position: relative;
}
.genn-art-body-2-block-41-active {
    bottom: 1000px;
    left: 41px;
}
.genn-art-body-2-block-2-4-2-1.active {
    z-index: 120;
}
.genn-art-body-2-block-2-4-2-1-active {
    bottom: -86px;
}
.genn-art-body-2-block-2-4-2-2-active {
    bottom: -70px;
}
.genn-art-body-2-block-2-4-2-2.active {
    z-index: 120;
}
.genn-art-body-2-block-2-4-2-3.active {
    z-index: 120;
}
.genn-art-body-2-block-2-4-2-3-active {
    bottom: -86px;
}
.genn-art-body-2-block-2-4-3.active {
    z-index: 120;
    position: relative;
}

.genn-art-body-2-block-2-4-3-active {
    bottom: 93px;
}
.genn-art-body-2-block-4-2.active {
    z-index: 120;
    background: #fff;
}
.genn-art-body-2-block-4-2-active {
    bottom: 55px;
}
.genn-art-body-2-block-4-3.active {
    z-index: 120;
}
.genn-art-body-2-block-4-3-active {
    bottom: 55px;
}
.genn-art-body-2-zatemnenie:before.genn-art-body-2-zatemnenie-hover {
    opacity: 1;
}
.genn-art-body-2-ten {
    background: #ffffff00;
    position: absolute;
    width: 93%;
    height: 97.5%;
    z-index: 100;
    left: 11px;
    top: 8px;
    border-radius: 39px;
    transition: all .5s;
    opacity: 0;
    backdrop-filter: blur(3px);
}
.genn-art-body-2-zatemnenie>.genn-art-body-2-ten {
    background: #000000a1;
    opacity: 1;
}
.genn-art-body-2-skryt {
    overflow: hidden;
}
.genn-art-body-1-1 .genn-art-body-btn:hover {
    padding-right: 40px;
}