:root {
  --bgcolor_ng_animation: #365466;
}

.autumn_hat {
  background: url(../images/autumn.png) no-repeat center center;
}

.ng_hat {
  background: url(../images/ng_hat.png) no-repeat center center;
}

.hat {
  background-size: cover !important;
  width: 34px;
  height: 34px;
  position: absolute;
  margin-left: -6px;
  margin-top: -16px;
  z-index: -1;
  opacity: 0;
}

.spring_hat {

  background: url(../images/spring.png) no-repeat center center;
}


.ng_santa_animation_svg:hover {
  transform: scale(1);
}

/*body {*/
/*	cursor: url(../images/ng_cursor.png), auto;*/
/*}*/

.scrolling-ng-image-container {
  overflow: hidden;
  border-radius: 30px;
  display: block;
}

.scrolling-ng-image {
  background-size: cover;
  background: url(../images/гирлянда.png) repeat-x top 20px right 0;
  height: 200px;
  width: 7680px;
  animation: slide_ng 63s linear infinite;
}

.make_visible {
  opacity: 100;
}

@keyframes slide_ng {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translate(-1000px);
    /* The image width */
  }
}

.ng_santa_animation_svg {
  width: 100%;
  height: 250px;
  margin: auto;
  display: block;
  overflow: hidden;
}

.ng_santa_animation_div {
  display: block;
  text-align: center;
  height: 250px;
  background-color: var(--bgcolor_ng_animation);
  border-radius: 0 0px 50px 50px;
  overflow: hidden;
}

.toggle_display {
  display: none;
}

#snow {
  animation: snow1 6s infinite linear;
  opacity: 1;
}

#snow .a {
  animation-delay: -3s;
}

@keyframes snow1 {
  0% {
    transform: translateY(-100%);
  }

  75% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }

}

#snow1 {
  animation: snow2 8s infinite linear;
  opacity: 1;
}

#snow1 .a {
  animation-delay: -4s;
}

@keyframes snow2 {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  50% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }

}

#snow2 {
  animation: snow3 10s infinite linear;
  opacity: 1;
}

#snow2 .a {
  animation-delay: -5s;
}

@keyframes snow3 {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  50% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }

}

#santa {
  animation: santa 3s infinite ease;
}

@keyframes santa {
  0% {
    transform: translateY(0%);

  }

  50% {
    transform: translateY(20px);

  }

  100% {
    transform: translateY(0%);
  }

}

.st0 {
  fill: var(--bgcolor_ng_animation);
}

.st1 {
  opacity: 1.000000e-02;
  fill: #FFFDE9;
}

.st2 {
  opacity: 5.000000e-02;
  fill: #FFFDE9;
}

.st3 {
  opacity: 0.1;
  fill: #FFFDE9;
}

.st4 {
  fill: #FFFDE9;
}

.st5 {
  opacity: 0.1;
}

.st6 {
  fill: #3D6275;
}

.st29 {
  fill: #192E3B;
}