body { background-image: url('../images/ny/snow.svg'); background-size: 520px auto; background-repeat: repeat; background-attachment: fixed; }
.logotype::before { background-image: url('../images/ny/tree.svg'); }

.userinfo_top .avatar, .popup_userinfo_top .avatar .cover,
.bl_full_rate .btn.openratedialog, #footer, .btn.left, .btn.right { position: relative; }

.login > .avatar::before, .userinfo_top .avatar::before,
.popup_userinfo_top .avatar .cover::before, #footer::before,
.bl_full_rate .btn.openratedialog::before,
.btn.left::before, .btn.right::before { content: ""; display: block; pointer-events: none; background-size: 100% 100% !important; }

.login > .avatar::before {
  width: 64px; height: 64px; position: absolute; left: 50%; top: 50%;
  margin: -32px 0 0 -32px; background-image: url('../images/ny/venok.svg');
}
@media (max-width: 1200px) {
  .login > .avatar::before { width: 44px; height: 44px; margin: -22px 0 0 -22px; }
}
.login > .avatar .num { position: relative; z-index: 1; }
.userinfo_top .avatar::before, .popup_userinfo_top .avatar .cover::before { position: absolute; left: 28%; bottom: 72%; width: 80%; height: 0; padding-top: 60%; background-image: url('../images/ny/hat.svg'); }

#footer::before { position: absolute; left: 50%; top: 100%; margin-left: -22px; margin-top: -16px; width: 44px; height: 94px; background-image: url('../images/ny/sock.svg'); }
.page { padding-bottom: 88px; }
.bl_full_rate .btn.openratedialog::before, .btn.left::before, .btn.right::before {
  position: absolute; left: 50%; top: 50%; transform: translateX(-50%); margin-top: -34px;
  max-width: 100%; height: 68px;
}
.bl_full_rate .btn.openratedialog::before { width: 242px; background-image: url('../images/ny/btn-rate.svg'); }
.btn.left::before, .btn.right::before { width: 48px; background-image: url('../images/ny/btn-min.svg'); }