@-webkit-keyframes pulse1 {
    0%   {-webkit-transform: scale(0);  }
    50%  {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1);  }
}

@-moz-keyframes pulse1 {
    0%   {-moz-transform: scale(0);  }
    50%  {-moz-transform: scale(1.2);}
    100% {-moz-transform: scale(1);  }
}

@-o-keyframes pulse1 {
    0%   {-o-transform: scale(0);  }
    50%  {-o-transform: scale(1.2);}
    100% {-o-transform: scale(1);  }
}

@keyframes pulse1 {
    0%   {transform: scale(0);  }
    50%  {transform: scale(1.2);}
    100% {transform: scale(1);  }
}

.popup {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: pulse1 1s;
    -moz-backface-visibility: visible !important;
    -moz-animation: pulse1 1s;
    -o-backface-visibility: visible !important;
    -o-animation: pulse1 1s;
    backface-visibility: visible !important;
    animation: pulse1 1s;
}

@-webkit-keyframes sun_rotate {
    0%   {-webkit-transform: rotate(0deg);  }
    35%  {-webkit-transform: rotate(20deg); }
    70%  {-webkit-transform: rotate(-20deg);}
    100% {-webkit-transform: rotate(0deg);  }
}
@-moz-keyframes sun_rotate {
    0%   {-moz-transform: rotate(0deg);  }
    35%  {-moz-transform: rotate(20deg); }
    70%  {-moz-transform: rotate(-20deg);}
    100% {-moz-transform: rotate(0deg);  }
}
@-o-keyframes sun_rotate {
    0%   {-o-transform: rotate(0deg);  }
    35%  {-o-transform: rotate(20deg); }
    70%  {-o-transform: rotate(-20deg);}
    100% {-o-transform: rotate(0deg);  }
}
@keyframes sun_rotate {
    0%   {transform: rotate(0deg);  }
    35%  {transform: rotate(20deg); }
    70%  {transform: rotate(-20deg);}
    100% {transform: rotate(0deg);  }
}
.sun_rotate {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: sun_rotate 5s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: sun_rotate 5s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: sun_rotate 5s linear infinite;
    backface-visibility: visible !important;
    animation: sun_rotate 5s linear infinite;
}

@-webkit-keyframes balloon1 {
    0%   {-webkit-transform: rotate(0deg);top: 0px ;}
    10%  {-webkit-transform: rotate(-10deg);top: 10px;}
    20%  {-webkit-transform: rotate(-3deg);top: 18px;}
    30%  {-webkit-transform: rotate(-1deg);top: 20px;}
    40%  {-webkit-transform: rotate(2deg);top: 18px;}
    50%  {-webkit-transform: rotate(7deg);top: 13px;}
    60%  {-webkit-transform: rotate(10deg);top: 10px;}
    70%  {-webkit-transform: rotate(8deg);top: 12px;}
    80%  {-webkit-transform: rotate(6deg);top: 5px;}
    90%  {-webkit-transform: rotate(3deg);top: 5px;}
    100% {-webkit-transform: rotate(0deg);top: 0px;}
}
@-moz-keyframes balloon1 {
    0%   {-moz-transform: rotate(0deg);top: 0px ;}
    10%  {-moz-transform: rotate(-10deg);top: 10px;}
    20%  {-moz-transform: rotate(-3deg);top: 18px;}
    30%  {-moz-transform: rotate(-1deg);top: 20px;}
    40%  {-moz-transform: rotate(2deg);top: 18px;}
    50%  {-moz-transform: rotate(7deg);top: 13px;}
    60%  {-moz-transform: rotate(10deg);top: 10px;}
    70%  {-moz-transform: rotate(8deg);top: 12px;}
    80%  {-moz-transform: rotate(6deg);top: 5px;}
    90%  {-moz-transform: rotate(3deg);top: 5px;}
    100% {-moz-transform: rotate(0deg);top: 0px;}
}
@-o-keyframes balloon1 {
    0%   {-o-transform: rotate(0deg);top: 0px ;}
    10%  {-o-transform: rotate(-10deg);top: 10px;}
    20%  {-o-transform: rotate(-3deg);top: 18px;}
    30%  {-o-transform: rotate(-1deg);top: 20px;}
    40%  {-o-transform: rotate(2deg);top: 18px;}
    50%  {-o-transform: rotate(7deg);top: 13px;}
    60%  {-o-transform: rotate(10deg);top: 10px;}
    70%  {-o-transform: rotate(8deg);top: 12px;}
    80%  {-o-transform: rotate(6deg);top: 5px;}
    90%  {-o-transform: rotate(3deg);top: 5px;}
    100% {-o-transform: rotate(0deg);top: 0px;}
}
@keyframes balloon1 {
    0%   {transform: rotate(0deg);top: 0px ;}
    10%  {transform: rotate(-10deg);top: 10px;}
    20%  {transform: rotate(-3deg);top: 18px;}
    30%  {transform: rotate(-1deg);top: 20px;}
    40%  {transform: rotate(2deg);top: 18px;}
    50%  {transform: rotate(7deg);top: 13px;}
    60%  {transform: rotate(10deg);top: 10px;}
    70%  {transform: rotate(8deg);top: 12px;}
    80%  {transform: rotate(6deg);top: 5px;}
    90%  {transform: rotate(3deg);top: 5px;}
    100% {transform: rotate(0deg);top: 0px;}
}
.balloon1 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon1 6s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon1 6s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon1 6s linear infinite;
    backface-visibility: visible !important;
    animation: balloon1 6s linear infinite;
}

@-webkit-keyframes balloon2 {
    0%   {-webkit-transform: rotate(0deg);top: 0px ;}
    10%  {-webkit-transform: rotate(-6deg);top: 5px;}
    20%  {-webkit-transform: rotate(-10deg);top: 8px;}
    30%  {-webkit-transform: rotate(-8deg);top: 15px;}
    40%  {-webkit-transform: rotate(-2deg);top: 20px;}
    50%  {-webkit-transform: rotate(2deg);top: 14px;}
    60%  {-webkit-transform: rotate(6deg);top: 10px;}
    70%  {-webkit-transform: rotate(10deg);top: 12px;}
    80%  {-webkit-transform: rotate(5deg);top: 5px;}
    90%  {-webkit-transform: rotate(1deg);top: 5px;}
    100% {-webkit-transform: rotate(0deg);top: 0px;}
}
@-moz-keyframes balloon2 {
    0%   {-moz-transform: rotate(0deg);top: 0px ;}
    10%  {-moz-transform: rotate(-6deg);top: 5px;}
    20%  {-moz-transform: rotate(-10deg);top: 8px;}
    30%  {-moz-transform: rotate(-8deg);top: 15px;}
    40%  {-moz-transform: rotate(-2deg);top: 20px;}
    50%  {-moz-transform: rotate(2deg);top: 14px;}
    60%  {-moz-transform: rotate(6deg);top: 10px;}
    70%  {-moz-transform: rotate(10deg);top: 12px;}
    80%  {-moz-transform: rotate(5deg);top: 5px;}
    90%  {-moz-transform: rotate(1deg);top: 5px;}
    100% {-moz-transform: rotate(0deg);top: 0px;}
}
@-o-keyframes balloon2 {
    0%   {-o-transform: rotate(0deg);top: 0px ;}
    10%  {-o-transform: rotate(-6deg);top: 5px;}
    20%  {-o-transform: rotate(-10deg);top: 8px;}
    30%  {-o-transform: rotate(-8deg);top: 15px;}
    40%  {-o-transform: rotate(-2deg);top: 20px;}
    50%  {-o-transform: rotate(2deg);top: 14px;}
    60%  {-o-transform: rotate(6deg);top: 10px;}
    70%  {-o-transform: rotate(10deg);top: 12px;}
    80%  {-o-transform: rotate(5deg);top: 5px;}
    90%  {-o-transform: rotate(1deg);top: 5px;}
    100% {-o-transform: rotate(0deg);top: 0px;}
}
@keyframes balloon2 {
    0%   {transform: rotate(0deg);top: 0px ;}
    10%  {transform: rotate(-6deg);top: 5px;}
    20%  {transform: rotate(-10deg);top: 8px;}
    30%  {transform: rotate(-8deg);top: 15px;}
    40%  {transform: rotate(-2deg);top: 20px;}
    50%  {transform: rotate(2deg);top: 14px;}
    60%  {transform: rotate(6deg);top: 10px;}
    70%  {transform: rotate(10deg);top: 12px;}
    80%  {transform: rotate(5deg);top: 5px;}
    90%  {transform: rotate(1deg);top: 5px;}
    100% {transform: rotate(0deg);top: 0px;}
}
.balloon2 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon2 6.5s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon2 6.5s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon2 6.5s linear infinite;
    backface-visibility: visible !important;
    animation: balloon2 6.5s linear infinite;
}

@-webkit-keyframes balloon3 {
    0%   {-webkit-transform: rotate(0deg);top: 0px ;}
    10%  {-webkit-transform: rotate(3deg);top: 5px;}
    20%  {-webkit-transform: rotate(5deg);top: 8px;}
    30%  {-webkit-transform: rotate(8deg);top: 15px;}
    40%  {-webkit-transform: rotate(2deg);top: 20px;}
    50%  {-webkit-transform: rotate(-2deg);top: 14px;}
    60%  {-webkit-transform: rotate(-6deg);top: 10px;}
    70%  {-webkit-transform: rotate(-10deg);top: 12px;}
    80%  {-webkit-transform: rotate(-5deg);top: 5px;}
    90%  {-webkit-transform: rotate(-1deg);top: 5px;}
    100% {-webkit-transform: rotate(0deg);top: 0px;}
}
@-moz-keyframes balloon3 {
    0%   {-maz-transform: rotate(0deg);top: 0px ;}
    10%  {-maz-transform: rotate(3deg);top: 5px;}
    20%  {-maz-transform: rotate(5deg);top: 8px;}
    30%  {-maz-transform: rotate(8deg);top: 15px;}
    40%  {-maz-transform: rotate(2deg);top: 20px;}
    50%  {-maz-transform: rotate(-2deg);top: 14px;}
    60%  {-maz-transform: rotate(-6deg);top: 10px;}
    70%  {-maz-transform: rotate(-10deg);top: 12px;}
    80%  {-maz-transform: rotate(-5deg);top: 5px;}
    90%  {-maz-transform: rotate(-1deg);top: 5px;}
    100% {-maz-transform: rotate(0deg);top: 0px;}
}
@-o-keyframes balloon3 {
    0%   {-o-transform: rotate(0deg);top: 0px ;}
    10%  {-o-transform: rotate(3deg);top: 5px;}
    20%  {-o-transform: rotate(5deg);top: 8px;}
    30%  {-o-transform: rotate(8deg);top: 15px;}
    40%  {-o-transform: rotate(2deg);top: 20px;}
    50%  {-o-transform: rotate(-2deg);top: 14px;}
    60%  {-o-transform: rotate(-6deg);top: 10px;}
    70%  {-o-transform: rotate(-10deg);top: 12px;}
    80%  {-o-transform: rotate(-5deg);top: 5px;}
    90%  {-o-transform: rotate(-1deg);top: 5px;}
    100% {-o-transform: rotate(0deg);top: 0px;}
}
@keyframes balloon3 {
    0%   {transform: rotate(0deg);top: 0px ;}
    10%  {transform: rotate(3deg);top: 5px;}
    20%  {transform: rotate(5deg);top: 8px;}
    30%  {transform: rotate(8deg);top: 15px;}
    40%  {transform: rotate(2deg);top: 20px;}
    50%  {transform: rotate(-2deg);top: 14px;}
    60%  {transform: rotate(-6deg);top: 10px;}
    70%  {transform: rotate(-10deg);top: 12px;}
    80%  {transform: rotate(-5deg);top: 5px;}
    90%  {transform: rotate(-1deg);top: 5px;}
    100% {transform: rotate(0deg);top: 0px;}
}

.balloon3 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon3 5.5s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon3 5.5s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon3 5.5s linear infinite;
    backface-visibility: visible !important;
    animation: balloon3 5.5s linear infinite;
}
.balloon4 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon3 7s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon3 7s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon3 7s linear infinite;
    backface-visibility: visible !important;
    animation: balloon3 7s linear infinite;
}

.balloon5 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon1 6s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon1 6s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon1 6s linear infinite;
    backface-visibility: visible !important;
    animation: balloon1 6s linear infinite;
}

.balloon6 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: balloon2 5s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: balloon2 5s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: balloon2 5s linear infinite;
    backface-visibility: visible !important;
    animation: balloon2 5s linear infinite;
}


@keyframes star {
    0% {opacity: 1}
    50% {opacity: 0}
    100% {opacity: 1}
}

.star1 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: star 3s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: star 3s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: star 3s linear infinite;
    backface-visibility: visible !important;
    animation: star 3s linear infinite;
}

.star2 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: star 4s linear infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: star 4s linear infinite;
    -o-backface-visibility: visible !important;
    -o-animation: star 4s linear infinite;
    backface-visibility: visible !important;
    animation: star 4s linear infinite;
}

@keyframes star {
    0% {opacity: 1}
    50% {opacity: 0}
    100% {opacity: 1}
}

@keyframes cloud1 {
    0% {margin-left:-1264px;}
    50% {margin-left:-1214px;}
    100% {margin-left:-1264px;}
}
.cloud1 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud1 5s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud1 5s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud1 5s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud1 5s ease-in-out infinite;
}

@keyframes cloud2 {
    0% {margin-left:-800px;}
    50% {margin-left:-850px;}
    100% {margin-left:-800px;}
}
.cloud2 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud2 5.5s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud2 5.5s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud2 5.5s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud2 5.5s ease-in-out infinite;
}

@keyframes cloud3 {
    0% {margin-left:-895px;}
    50% {margin-left:-945px;}
    100% {margin-left:-895px;}
}
.cloud3 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud3 4.5s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud3 4.5s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud3 4.5s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud3 4.5s ease-in-out infinite;
}

@keyframes cloud4 {
    0% {margin-left:1264px;}
    50% {margin-left:1214px;}
    100% {margin-left:1264px;}
}
.cloud4 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud4 4s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud4 4s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud4 4s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud4 4s ease-in-out infinite;
}

@keyframes cloud5 {
    0% {margin-left:600px;}
    50% {margin-left:650px;}
    100% {margin-left:600px;}
}
.cloud5 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud5 4.5s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud5 4.5s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud5 4.5s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud5 4.5s ease-in-out infinite;
}

@keyframes cloud6 {
    0% {margin-left:795px;}
    50% {margin-left:845px;}
    100% {margin-left:795px;}
}
.cloud6 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: cloud6 5s ease-in-out infinite;
    -moz-backface-visibility: visible !important;
    -moz-animation: cloud6 5s ease-in-out infinite;
    -o-backface-visibility: visible !important;
    -o-animation: cloud6 5s ease-in-out infinite;
    backface-visibility: visible !important;
    animation: cloud6 5s ease-in-out infinite;
}

@-webkit-keyframes fade_in_out {
    0%   {
        opacity: 0;
        margin-top: -100px;
    }
    15%   {
        opacity: 1;
        
    }
    75%   {
        opacity: 1;
        
    }
    
    100%{
        opacity: 0;
        margin-top: -300px;
    }
}

@-moz-keyframes fade_in_out {
    0%   {
        opacity: 0;
        margin-top: -100px;
    }
    15%   {
        opacity: 1;
        
    }
    75%   {
        opacity: 1;
        
    }
    
    100%{
        opacity: 0;
        margin-top: -300px;
    }
}

@-o-keyframes fade_in_out {
    0%   {
        opacity: 0;
        margin-top: -100px;
    }
    15%   {
        opacity: 1;
        
    }
    75%   {
        opacity: 1;
        
    }
    
    100%{
        opacity: 0;
        margin-top: -300px;
    }
}

@keyframes fade_in_out {
    0%   {
        opacity: 0;
        margin-top: -100px;
    }
    15%   {
        opacity: 1;
        
    }
    75%   {
        opacity: 1;
        
    }
    
    100%{
        opacity: 0;
        margin-top: -300px;
    }
}

.fade_in_out {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: fade_in_out .8s cubic-bezier(.28,.62,.86,.49) forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: fade_in_out .8s cubic-bezier(.28,.62,.86,.49) forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: fade_in_out .8s cubic-bezier(.28,.62,.86,.49) forwards ;
    backface-visibility: visible !important;
    animation: fade_in_out .8s cubic-bezier(.28,.62,.86,.49) forwards ;/*forwards*/
}

@-webkit-keyframes fade_in_out2 {
    0%   {
        opacity: 0;
        top: 95px;
    }
    50%   {
        opacity: 1;
        top: 75px;
    }
    100%{
        opacity: 0;
        top: 0px;
    }
}

@-moz-keyframes fade_in_out2 {
    0%   {
        opacity: 0;
        top: 95px;
    }
    50%   {
        opacity: 1;
        top: 75px;
    }
    100%{
        opacity: 0;
        top: 0px;
    }
}

@-o-keyframes fade_in_out2 {
    0%   {
        opacity: 0;
        top: 95px;
    }
    50%   {
        opacity: 1;
        top: 75px;
    }
    100%{
        opacity: 0;
        top: 0px;
    }
}

@keyframes fade_in_out2 {
    0%   {
        opacity: 0;
        top: 95px;
    }
    50%   {
        opacity: 1;
        top: 75px;
    }
    100%{
        opacity: 0;
        top: 0px;
    }
}

.fade_in_out2 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: fade_in_out2 .5s linear forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: fade_in_out2 .5s linear forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: fade_in_out2 .5s linear forwards ;
    backface-visibility: visible !important;
    animation: fade_in_out2 .5s linear forwards ;/*forwards*/
}

@-webkit-keyframes firework {
    0%  {-webkit-transform: scale(0.3); opacity: 0;}
    100%{-webkit-transform: scale(1);   opacity: 1;  }
}

@-moz-keyframes firework {
    0%  {-moz-transform: scale(0.3); opacity: 0}
    100%{-moz-transform: scale(1);   opacity: 1;  }
}

@-o-keyframes firework {
    0%  {-o-transform: scale(0); opacity: 0;}
    100%{-o-transform: scale(1); opacity: 1;  }
}

@keyframes firework {
    0%  {transform: scale(0); opacity: 0;}
    100%{transform: scale(1); opacity: 1;  }
}

.firework_1 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: firework .4s ease-in forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: firework .4s ease-in forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: firework .4s ease-in forwards ;
    backface-visibility: visible !important;
    animation: firework .4s ease-in forwards ;/*forwards*/
}

.firework_2 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: firework .5s ease-in .2s forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: firework .5s ease-in .2s forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: firework .5s ease-in .2s forwards ;
    backface-visibility: visible !important;
    animation: firework .5s ease-in .2s forwards ;/*forwards*/
}

.firework_3 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: firework .35s ease-in .5s forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: firework .35s ease-in .5s forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: firework .35s ease-in .5s forwards ;
    backface-visibility: visible !important;
    animation: firework .35s ease-in .5s forwards ;/*forwards*/
}

.firework_4 {
    -webkit-backface-visibility: visible !important;
    -webkit-animation: firework .5s ease-in forwards  ;
    -moz-backface-visibility: visible !important;
    -moz-animation: firework .5s ease-in forwards ;
    -o-backface-visibility: visible !important;
    -o-animation: firework .5s ease-in forwards ;
    backface-visibility: visible !important;
    animation: firework .5s ease-in forwards ;/*forwards*/
}