/*bullrush animation fun*/

.bullrush-slash {
    background-image: url('../img/bullrush-slash.svg');
    width:8em;
    height: 100%;
    background-repeat: no-repeat;
    top:0px;
    position: relative;
    float:left;
    background-size: auto;
}

.bullrush-backslash {
    background-image: url('../img/bullrush-backslash.svg');
    width:8em;
    height: 100%;
    background-repeat: no-repeat;
    top:0px;
    position: relative;
    float:left;
    background-size: auto;
}


.bullrush-vertical {
    background-image: url('../img/bullrush-vertical.svg');
    width:8em;
    height: 100%;
    background-repeat: no-repeat;
    top:0px;
    position: relative;
    float:left;
    background-size: auto;

}

.bullrush-crowd {
    margin-left: -4em;
}

.bullrush-crowd-little {
    margin-left: -1em;
}


.anni-p1 {
    animation-name: hide;
    animation-duration: 400ms;
    animation-delay: 1500ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.anni-p2 {
    animation-name: hide;
    animation-duration: 400ms;
    animation-delay: 1700ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.anni-p3 {
    animation-name: hide;
    animation-duration: 300ms;
    animation-delay: 1900ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.anni-p4 {
    animation-name: hide;
    animation-duration: 300ms;
    animation-delay: 2200ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.anni-p5 {
    animation-name: hide;
    animation-duration: 1000ms;
    animation-delay: 2500ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}


.anni-container {
    position: absolute;
    top:0px;
    z-index: 10000;
    background: white;
    left:0px;
height: 100%;
    width: 100%;
    overflow: hidden;

}


.anni-row {
    height: 33vh;
    max-height: 400px;
}

@keyframes hide {
    0% {
        opacity: 1;

    }
    99% {
        /*height: 100%;*/
    }
    100% {
        opacity: 0;
        visibility: hidden;
/*height: 0;
z-index: 0;*/


}
}