.b-page__content {
    position: relative;
    min-height: 50px;
    z-index: 2000;
}

.b-page_newyear .b-head-decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 215px;
    overflow: hidden;
    background: url(/local/templates/.default/balls/b-head-decor_newyear.png)  repeat-x 0 0;
    z-index: -1;
    pointer-events: none;
}

.b-page_newyear .b-head-decor__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 215px;
    width: 373px;
}

.b-page_newyear .b-head-decor__inner_n2 { left: 373px; }
.b-page_newyear .b-head-decor__inner_n3 { left: 746px; }
.b-page_newyear .b-head-decor__inner_n4 { left: 1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left: 1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left: 1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left: 2238px; }

.b-ball {
    position: absolute;
    pointer-events: auto;
    transform-origin: 50% 0;
    z-index: 6;
}

.b-ball__i {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    transform: rotate(0deg);
}

.b-ball_bounce:hover > .b-ball__i { transform: rotate(-9deg); }
.b-ball_bounce:hover .b-ball__right + .b-ball__i { transform: rotate(9deg); }
.b-ball_bounce.bounce1 > .b-ball__i { transform: rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1 + .b-ball__i { transform: rotate(-6deg); }
.b-ball_bounce.bounce2 > .b-ball__i { transform: rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2 + .b-ball__i { transform: rotate(3deg); }
.b-ball_bounce.bounce3 > .b-ball__i { transform: rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3 + .b-ball__i { transform: rotate(-1.5deg); }

.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}

.b-ball_n1 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n1_blue.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n5_blue.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(/local/templates/.default/balls/b-ball_i6.png) no-repeat}

@media (max-width: 768px) {
    .b-page_newyear .b-page__content {
        background-color: transparent !important;
    }
    
    .b-page_newyear .b-head-decor { 
        height: 60px; 
        background-size: auto 60px; 
        top: -10px;
        z-index: 1;
    }
    
    .b-page_newyear .b-head-decor__inner { 
        height: 60px; 
        transform: scale(0.6); 
        transform-origin: top left; 
    }
    
    .b-page_newyear .b-head-decor__inner_n2 { left: 224px; }
    .b-page_newyear .b-head-decor__inner_n3 { left: 448px; }
    .b-page_newyear .b-head-decor__inner_n4 { left: 671px; }
    .b-page_newyear .b-head-decor__inner_n5 { left: 895px; }
    .b-page_newyear .b-head-decor__inner_n6 { left: 1119px; }
    .b-page_newyear .b-head-decor__inner_n7 { left: 1343px; }
}

@media (max-width: 480px) {
    .b-page_newyear .b-page__content {
        background-color: transparent !important;
    }
    
    .b-page_newyear .b-head-decor { 
        height: 50px; 
        background-size: auto 50px; 
        top: -5px; 
        overflow: visible;
        z-index: 1;
    }
    
    .b-page_newyear .b-head-decor__inner { 
        height: 50px; 
        transform: scale(0.5); 
    }
    
    .b-page_newyear .b-head-decor__inner_n2 { left: 187px; }
    .b-page_newyear .b-head-decor__inner_n3 { left: 373px; }
    .b-page_newyear .b-head-decor__inner_n4 { left: 560px; }
    .b-page_newyear .b-head-decor__inner_n5 { left: 746px; }
    .b-page_newyear .b-head-decor__inner_n6 { left: 933px; }
    .b-page_newyear .b-head-decor__inner_n7 { left: 1119px; }
}