.notice-surface {
  position: fixed;
  z-index: 3000;
  right: 32px;
  top: 28px;
  max-width: calc(100% - 64px);
  max-height: calc(100vh - 56px);
  display: flex;
  flex-direction: row;
}

.notice-surface--left {
  left: 32px;
  right: auto;
}

.notice-surface--reverse {
  bottom: 28px;
  top: auto;
}

@media (max-width: 991px) {
  .mfixed_y .notice-surface {
    top: 74px;
  }

  .bottom-icons-panel_y .notice-surface--reverse {
    bottom: 72px;
  }
}

.notice-surface__inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  position: relative;
  max-width: 100%;
}

.notice-surface--reverse .notice-surface__inner {
  display: flex;
  flex-direction: column;
}

.notice {
  min-width: 0;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  position: relative;
  width: 346px;
  max-width: 100%;
  transition: transform 0.1s linear;
  flex-shrink: 0;
  margin: 4px 0;
}

.notice--link {
  cursor: pointer;
}

.notice--hidden {
  display: none !important;
  margin: 0;
}

.notice__closer {
  width: 38px;
  height: 38px;
  position: absolute;
  top: -1px;
  right: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}

.notice__closer .svg {
  min-width: auto;
  min-height: auto;
}

.notice__inner {
  padding: 20px;
}

.notice__image {
  height: 60px;
  width: 60px;
}

.notice__image img {
  max-height: 100%;
  max-width: 100%;
}

.notice__info-wrap{
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}
.notice__image-wrap,
.notice__text-wrap {
  padding-left: 10px;
  padding-right: 10px;
}
.notice__text-wrap {
  align-self: center;
}
.notice__title{
  color: #1d2029;
}
.notice .notice__text-wrap .notice__title:first-child {
  margin-top: -7px;
}

.notice .notice__text-wrap .notice__detail:first-child {
  margin-top: -3px;
}

.notice__title + .notice__detail {
  margin-top: 4px;
}

.notice__detail__more {
  margin-top: 6px;
}

.notice-surface--right .animate--notice-show {
  -webkit-animation: animate--notice-show--right 0.4s linear;
  -ms-animation: animate--notice-show--right 0.4s linear;
  animation: animate--notice-show--right 0.4s linear;
  right: 0;
}
@-webkit-keyframes animate--notice-show--right {
  from {
    right: calc(-100% - 32px);
  }
  50% {
    right: 32px;
  }
  to {
    right: 0;
  }
}
@-ms-keyframes animate--notice-show--right {
  from {
    right: calc(-100% - 32px);
  }
  50% {
    right: 32px;
  }
  to {
    right: 0;
  }
}
@keyframes animate--notice-show--right {
  from {
    right: calc(-100% - 32px);
  }
  50% {
    right: 32px;
  }
  to {
    right: 0;
  }
}

.notice-surface--left .animate--notice-show {
  -webkit-animation: animate--notice-show--left 0.6s linear;
  -ms-animation: animate--notice-show--left 0.6s linear;
  animation: animate--notice-show--left 0.6s linear;
  left: 0;
}
@-webkit-keyframes animate--notice-show--left {
  from {
    left: calc(-100% - 32px);
  }
  50% {
    left: 32px;
  }
  to {
    left: 0;
  }
}
@-ms-keyframes animate--notice-show--left {
  from {
    left: calc(-100% - 32px);
  }
  50% {
    left: 32px;
  }
  to {
    left: 0;
  }
}
@keyframes animate--notice-show--left {
  from {
    left: calc(-100% - 32px);
  }
  50% {
    left: 32px;
  }
  to {
    left: 0;
  }
}

.animate--notice-hide {
  height: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  transition: transform 0.1s linear, opacity 0.3s ease-in-out 0.1s, height 0.3s linear 0.4s, margin 0.3s linear 0.4s;
}

.animate--notice-hide .notice__closer {
  display: none;
}

.animate--notice-click {
  transform: scale(0.95);
}
.b-page_newyear{position:absolute;z-index:100;top:0;left:0;width:100%}.b-page__content{min-height:60px}.b-head-decor{display:none}.b-page_newyear .b-head-decor{position:absolute;top:0;left:0;display:block;height:115px;width:100%;overflow:hidden;background:url(js/arturgolubev.newyear/balls/b-head-decor_newyear.png) repeat-x 0 0}.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;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}.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_n1 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n1.png) no-repeat}.b-ball_n2 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n2.png) no-repeat}.b-ball_n3 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n3.png) no-repeat}.b-ball_n4 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n4.png) no-repeat}.b-ball_n5 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n5.png) no-repeat}.b-ball_n6 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n6.png) no-repeat}.b-ball_n7 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n7.png) no-repeat}.b-ball_n8 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n8.png) no-repeat}.b-ball_n9 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_n9.png) no-repeat}.b-ball_i1 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i1.png) no-repeat}.b-ball_i2 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i2.png) no-repeat}.b-ball_i3 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i3.png) no-repeat}.b-ball_i4 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i4.png) no-repeat}.b-ball_i5 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i5.png) no-repeat}.b-ball_i6 .b-ball__i{background:url(js/arturgolubev.newyear/balls/b-ball_i6.png) no-repeat}.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__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)}