.b-page__content{min-height:200px}
.b-head-decor{display:none}
.b-page_newyear{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:0;
   z-index:10000;
   pointer-events:none;
}
.b-page_newyear .b-head-decor{
   position:absolute;
   top:0;
   left:0;
   display:block;
   height:60px;
   width:100%;
   overflow:hidden;
   background:url(balls/b-head-decor_newyear.png) repeat-x 0 0;
   background-size: auto 60px;
   pointer-events:none;
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:60px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-60px;left:0;z-index:3;height:60px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.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}
.b-ball_n1{top:0;left:3px;width:31px;height:43px}
.b-ball_n2{top:-10px;left:51px;width:29px;height:37px}
.b-ball_n3{top:5px;left:88px;width:26px;height:35px}
.b-ball_n4{top:0;left:133px;width:30px;height:53px}
.b-ball_n5{top:0;left:166px;width:26px;height:30px}
.b-ball_n6{top:3px;left:200px;width:29px;height:37px}
.b-ball_n7{top:0;left:240px;width:29px;height:35px}
.b-ball_n8{top:0;left:283px;width:29px;height:28px}
.b-ball_n9{top:5px;left:321px;width:26px;height:35px}
.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1.png) no-repeat;background-size:contain}
.b-ball_n2 .b-ball__i{background:url(balls/b-ball_n2.png) no-repeat;background-size:contain}
.b-ball_n3 .b-ball__i{background:url(balls/b-ball_n3.png) no-repeat;background-size:contain}
.b-ball_n4 .b-ball__i{background:url(balls/b-ball_n4.png) no-repeat;background-size:contain}
.b-ball_n5 .b-ball__i{background:url(balls/b-ball_n5.png) no-repeat;background-size:contain}
.b-ball_n6 .b-ball__i{background:url(balls/b-ball_n6.png) no-repeat;background-size:contain}
.b-ball_n7 .b-ball__i{background:url(balls/b-ball_n7.png) no-repeat;background-size:contain}
.b-ball_n8 .b-ball__i{background:url(balls/b-ball_n8.png) no-repeat;background-size:contain}
.b-ball_n9 .b-ball__i{background:url(balls/b-ball_n9.png) no-repeat;background-size:contain}
.b-ball_i1 .b-ball__i{background:url(balls/b-ball_i1.png) no-repeat;background-size:contain}
.b-ball_i2 .b-ball__i{background:url(balls/b-ball_i2.png) no-repeat;background-size:contain}
.b-ball_i3 .b-ball__i{background:url(balls/b-ball_i3.png) no-repeat;background-size:contain}
.b-ball_i4 .b-ball__i{background:url(balls/b-ball_i4.png) no-repeat;background-size:contain}
.b-ball_i5 .b-ball__i{background:url(balls/b-ball_i5.png) no-repeat;background-size:contain}
.b-ball_i6 .b-ball__i{background:url(balls/b-ball_i6.png) no-repeat;background-size:contain}
.b-ball_i1{top:0;left:0;width:13px;height:38px}
.b-ball_i2{top:0;left:25px;width:32px;height:14px}
.b-ball_i3{top:0;left:176px;width:15px;height:17px}
.b-ball_i4{top:0;left:205px;width:26px;height:27px}
.b-ball_i5{top:0;left:289px;width:41px;height:15px}
.b-ball_i6{top:0;left:367px;width:3px;height:36px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}

/* Snowflake Animation */
.snowflake {
    position: fixed;
    top: -10px;
    color: #FFF;
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000;
    z-index: 9999;
    user-select: none;
    pointer-events: none;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Разные варианты падения с хаотичным движением */
@keyframes fall-1 {
    0% { transform: translate(0, -10vh) rotate(0deg); }
    100% { transform: translate(10px, 110vh) rotate(360deg); }
}

@keyframes fall-2 {
    0% { transform: translate(0, -10vh) rotate(0deg); }
    50% { transform: translate(-20px, 50vh) rotate(180deg); }
    100% { transform: translate(0, 110vh) rotate(360deg); }
}

@keyframes fall-3 {
    0% { transform: translate(0, -10vh) rotate(0deg); }
    50% { transform: translate(30px, 50vh) rotate(180deg); }
    100% { transform: translate(10px, 110vh) rotate(360deg); }
}

@keyframes fall-4 {
    0% { transform: translate(0, -10vh) rotate(0deg); }
    25% { transform: translate(-15px, 20vh) rotate(90deg); }
    50% { transform: translate(15px, 50vh) rotate(180deg); }
    75% { transform: translate(-15px, 80vh) rotate(270deg); }
    100% { transform: translate(0, 110vh) rotate(360deg); }
}

/* Кнопка отключения декораций */
.snow-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 32px;
    height: 32px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    overflow: hidden;
}

.snow-toggle:hover {
    color: rgba(0, 0, 0, 0.8);
}

.snow-toggle::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transform: rotate(45deg);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.snow-toggle.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.snow-toggle.disabled::after {
    width: 100%;
}