/* этот css-ник нужен чтобы работали анимации при компрессии.. */

@keyframes cbh-circle-anim {
    0% {
        opacity: 0.1;
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        -ms-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -o-transform: rotate(0deg) scale(0.5) skew(1deg);
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        -ms-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.1;
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        -ms-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes cbh-circle-fill-anim {
    0% {
        opacity: 0.2;
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        -ms-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        -ms-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        -ms-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@keyframes cbh-circle-img-anim {
    0% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        -ms-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
        -ms-transform: rotate(-25deg) scale(1) skew(1deg);
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
        -ms-transform: rotate(25deg) scale(1) skew(1deg);
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        -o-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
        -ms-transform: rotate(-25deg) scale(1) skew(1deg);
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
        -ms-transform: rotate(25deg) scale(1) skew(1deg);
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        -o-transform:rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        -ms-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        -ms-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}