#animation{
    /*overflow-y: hidden;*/
    background-color: white;
    visibility: hidden;
    width: 100%;
}

#animation .scene{
    height: 100%;
    display: flex;
    align-items: center;
}

#animation .scene img{
    height: 288px;
    max-width: unset;
}

#animation .scene-archfondas-telkia{
    position: relative;
    z-index: 2;
}

#animation .scene-telkia{
    display: flex;
}

.img-archfondas{
    margin-right: 250px;
}

#animation .scene-archfondas-telkia .e-blob,
#animation .scene-archfondas-telkia .t-blob,
#animation .scene-archfondas-telkia .s-blob,
#animation .scene-archfondas-telkia .n-blob{
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

#animation .hover-blob{
    cursor: pointer;
    transition: all 0.25s;
    opacity: 0;
}
#animation .hover-blob:hover{
    opacity: 1;
}

#animation .scene-telkia .img-T{
    margin-right: 102px;
}

#animation .scene-telkia .img-E{
    margin-right: 110px;
}

#animation .scene-telkia .img-L{
    margin-right: 105px;
}

#animation .scene-telkia .img-K{
    margin-right: 91px;
}

#animation .scene-telkia .img-I{
    margin-right: 86px;
}

#animation .scene-zmoniu,
#animation .scene-tinkla,
#animation .scene-vysto,
#animation .scene-visuomenes,
#animation .scene-saveikas,
#animation .scene-architekturos,
#animation .scene-kultura{
    position: absolute;
    right: 0;
    top: 0;
}

#animation .scene-sietka{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#animation .scene-tinkla,
#animation .scene-visuomenes,
#animation .scene-saveikas{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#animation .scene-tinkla{
    justify-content: unset;
}

#animation .scene-saveikas{
    left: 0;
    opacity: 0;
}

#animation .scene-architekturos{
    height: 50%;
    width: 100%;
}
#animation .scene-architekturos .img-architekturos{
    max-width: calc(100% - 48px);
    height: auto;
    margin-left: 24px;
    max-height: 100%;
}

#animation .scene-kuria{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
}

#animation .scene-kuria .img-kuria{
    height: calc(100% - 60px)!important;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 100%;
}

#animation .scene-kultura{
    top: 50%;
    height: 50%;
    bottom: 0;
    right: 0;
}

#animation .scene-kultura .img-kultura{
    height: calc(100% - 60px)!important;
    padding-left: 30px;
    padding-right: 30px;
}

#animation .scene-tinkla .word{
    display: flex;
}

#animation .scene-sietka .vertical{
    width: 1px;
    height: 0px;
    background-color: black;
    position: absolute;
    top: 0;
}

#animation .scene-sietka .horizontal{
    width: 0px;
    height: 1px;
    background-color: black;
    position: absolute;
    left: 0;
}

#animation .scene-sietka .v4{
    left: 50%;
}

#animation .scene-sietka .v5,
#animation .scene-sietka .v2,
#animation .scene-sietka .v3,
#animation .scene-sietka .v8{
    top: 100%;
}
#animation .scene-sietka .h1{
    left: 100%;
}

#animation .scene-sietka .h3{
    top: 50%;
}

#animation .scene-sietka .h4{
    height: 4px;
    bottom: 0;
    margin-bottom: 0px;
    background-color: black;
}

#animation .scene-visuomenes{
    -webkit-mask-image:url(/wp-content/themes/archfondas/images/animation/mask.svg);
            mask-image:url(/wp-content/themes/archfondas/images/animation/mask.svg);
    -webkit-mask-position-x: right;
            mask-position-x: right;
    -webkit-mask-position-y: center;
            mask-position-y: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: auto calc(100% - 80px);
            mask-image: auto calc(100% - 80px);

    background-image: url(/wp-content/themes/archfondas/images/animation/visuomenes.svg); 
    background-repeat: no-repeat; 
    background-position-x: 40px; 
    background-position-y: center; 
    background-size: calc(100% - 80px);    
    background-color: white;
}

#animation .scene-blob{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    mix-blend-mode: difference;
    display: flex;
    align-items: center;
}
#animation .scene-blob .img-blob{
    height: calc(100% - 80px) ! important;
    width: auto;
}

#animation .skip-animation-button{
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: 40px;
    right: 40px;
    text-decoration: underline;
    z-index: 2;
}

#animation-container {
    box-sizing: border-box;
    width: 100%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
}
#animation-container::-webkit-scrollbar { /* WebKit */
    width: 0px;
}

#