/****************start*******************/
@keyframes start {
    0% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    10%{
        opacity: 1;
        transform: translate(0px, 4px);
    }
    50% {
        opacity: 1;
        transform: translate(0px, 14px);
    }
    90% {
        opacity: 0;
        transform: translate(0px, 18px);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes start {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
    }
    10%{
        opacity: 1;
        -webkit-transform: translate(0px, 4px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0px, 14px);
    }
    90% {
        opacity: 0;
        -webkit-transform: translate(0px, 18px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
    }
}
/****************start end*******************/

/****************start2*******************/
@keyframes start2 {
    0% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    10%{
        opacity: 1;
        transform: translate(0px, -5px);
    }
    50% {
        opacity: 1;
        transform: translate(0px, -18px);
    }
    90% {
        opacity: 0;
        transform: translate(0px, -28px);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 0px);
    }
}
@-webkit-keyframes start2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
    }
    10%{
        opacity: 1;
        -webkit-transform: translate(0px, -5px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0px, -18px);
    }
    90% {
        opacity: 0;
        -webkit-transform: translate(0px, -28px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
    }
}
/****************start2 end*******************/


/****************ballon*******************/
@keyframes ballon {
    0% {
        background:url(hr_bal.png) no-repeat 33% 42px;
    }
    50% {
        opacity: 1;
        background:url(hr_bal.png) no-repeat 35% 42px;
    }
    100% {
        background:url(hr_bal.png) no-repeat 33% 42px;
    }
}

/****************ballon end*******************/


/****************rotate*******************/
@keyframes rotate {
    0% {
        opacity:0;
        top:-130px;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        top:-130px;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/****************rotate end*******************/


@keyframes long {
    0% {
        height:0px;
        opacity:0;
    }
    70% {
        height:290px;
        opacity:1;
    }

    100% {
        height:240px;
        opacity:1;
    }
}


@keyframes balloon2 {
    0%, 100% {
        transform: translateY(0) rotate(3deg);
    }
    50% {
        transform: translateY(-20px) rotate(-3deg);
    }
}