.block-personal-local-tasks {
    position: fixed !important;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.block-personal-local-tasks ul {
    position: relative;
    padding: 0;
    transition: left 0.5s;
}

.block-personal-local-tasks ul li {
    display: inline-block;
}

.block-personal-local-tasks a {
    background-color: #222222;
    padding: 5px 8px;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    text-transform: none;
    color: #fff !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.block-personal-local-tasks input {
    display: none;
}

.block-personal-local-tasks label {
    display: none;
}

@media screen and (max-width: 1200px) {
    .tabs-region{
        position: relative;
        z-index: 100;
    }
    .block-personal-local-tasks label {
        display: inline-flex;
        background: #222;
        padding: 5px 8px;
    }
    .block-personal-local-tasks .tabs {
        display: flex;
        flex-direction: column;
        max-width: 210px;
        margin: 0;
    }
    .block-personal-local-tasks .tabs a {
        width: 100%;
        padding: 3px 8px;
    }
    .block-personal-local-tasks nav.tabs {
        display: none;
    }
    .block-personal-local-tasks input:checked~nav.tabs {
        display: block;
    }
}


/*glyanec*/

#gl_devel {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    color: #333
}

#gl_devel a,
#gl_devel span {
    font: 11px Cuprum;
    line-height: 13px;
    text-transform: uppercase;
    color: #333;
    text-decoration: none
}

#gl_devel img {
    margin-right: 5px;
    position: relative;
    top: 3px
}

#gl_devel .mask_devel {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    clip: rect(0, 30px, 20px, 0);
    animation: glyanec 5s cubic-bezier(0, -3, 1, 1) infinite
}

#gl_devel .mask_devel,
#gl_devel .mask_devel a {
    color: #333
}

#gl_devel>span>img {
    animation: glyanec_img 5s infinite
}

@keyframes glyanec {
    0% {
        clip: rect(0, 15px, 20px, 0)
    }
    100% {
        clip: rect(0, 200px, 20px, 200px)
    }
}

@keyframes glyanec_img {
    0% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    20% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    40% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    60% {
        transform: rotate3d(0, 10, 0, 180deg)
    }
    80% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
}