.main-snow-container {
  position: relative;
  padding-bottom: 70px;
}

.bg-layout-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  max-height: 1300px;
  object-fit: cover;
}

.main-screen__container {
  display: flex;
  justify-content: space-between;
}

.christmas-image-container {
  position: relative;
  pointer-events: none;
  margin-top: -115px;
  object-fit: cover;
}

.tree-image-bg {
  position: relative;
  pointer-events: none;
  z-index: 1;
}

.svg-animation-tree {
  contain: paint;
  position: absolute;
  transform-origin: center 19px;
  pointer-events: none;
  width: fit-content;
  will-change: transform;
  z-index: 2;
}

.stove-four-page-send > span {
  font-size: 16px;
  line-height: 20px;
}

.top-button {
  max-width: 220px;
}

.main-screen__block {
  margin-top: 74px;
}

@media (max-width: 767px) {
  .main-screen__block {
    margin-top: 89px;
  }
}

.main-screen {
  position: relative;
}

.christmas-image-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: fit-content;
  max-height: 700px;
  -webkit-transform: translate3d(-10%, 22%, 0);
  transform: translate3d(-10%, 22%, 0);
  opacity: 40%;
}

@media (max-width: 767px) {
  .christmas-image-layer {
    top: 23%;
  }
}

.blur-container-big {
  position: absolute;
  top: 48%;
  left: -24%;
  opacity: 50%;
  object-fit: cover;
  width: 100%;
  max-width: 732px;
}

.blur-container-top {
  position: absolute;
  top: 4%;
  left: -33%;
  width: max-content;
  pointer-events: none;
  user-select: none;
  max-width: 800px;
  opacity: 30%;
}

.blur-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  pointer-events: none;
  user-select: none;
  z-index: 2;
  height: 200px;
  opacity: 60%;
}

.one_red {
  top: 12%;
  left: 28%;
  -webkit-animation: blur 5s infinite 8s;
  animation: blur 5s infinite 8s;
}

.two_red {
  top: 61%;
  left: -14%;
  -webkit-animation: blur 5s infinite 5s;
  animation: blur 5s infinite 5s;
}

.three_red {
  top: 31%;
  left: 6%;
  -webkit-animation: blur 5s infinite 6s;
  animation: blur 5s infinite 6s;
}

.four-red {
  top: 68%;
  left: 76%;
  -webkit-animation: blur 5s infinite 3s;
  animation: blur 5s infinite 3s;
}

.one_blue {
  top: 25%;
  left: 66%;
  -webkit-animation: blur 5s infinite 4s;
  animation: blur 5s infinite 4s;
}

.two_blue {
  top: 49%;
  left: 69%;
  -webkit-animation: blur 5s infinite 2s;
  animation: blur 5s infinite 2s;
}

.three_blue {
  top: 64%;
  left: 54%;
  -webkit-animation: blur 5s infinite 1s;
  animation: blur 5s infinite 1s;
}

.four_blue {
  top: -5%;
  left: 40%;
  -webkit-animation: blur 5s infinite 5s;
  animation: blur 5s infinite 5s;
}

.one_yellow {
  top: 14%;
  left: 53%;
  -webkit-animation: blur 5s infinite 5s;
  animation: blur 5s infinite 5s;
}

.two_yellow {
  top: 39%;
  left: 45%;
  -webkit-animation: blur 5s infinite 4s;
  animation: blur 5s infinite 4s;
}

.three_yellow {
  top: 56%;
  left: 14%;
  -webkit-animation: blur 5s infinite 8s;
  animation: blur 5s infinite 8s;
}

@keyframes blur {
  0% {
    opacity: 60%;
  }

  50% {
    opacity: 100%;
  }

  100% {
    opacity: 60%;
  }
}

.toy1-svg-animation {
  -webkit-transform: translate3d(192%, 160%, 0) rotate(7deg);
  transform: translate3d(192%, 160%, 0) rotate(7deg);
  -webkit-animation: toy 5s infinite;
  animation: toy 5s infinite;
}

@keyframes toy {
  0% {
    -webkit-transform: translate3d(192%, 160%, 0) rotate(7deg);
    transform: translate3d(192%, 160%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(192%, 160%, 0) rotate(-36deg);
    transform: translate3d(192%, 160%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(192%, 160%, 0) rotate(7deg);
    transform: translate3d(192%, 160%, 0) rotate(7deg);
  }
}

@keyframes toyMedia {
  0% {
    -webkit-transform: translate3d(324%, 103%, 0) rotate(7deg);
    transform: translate3d(324%, 103%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(324%, 103%, 0) rotate(-36deg);
    transform: translate3d(324%, 103%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(324%, 103%, 0) rotate(7deg);
    transform: translate3d(324%, 103%, 0) rotate(7deg);
  }
}

.toy2-svg-animation {
  -webkit-transform: translate3d(164%, 281%, 0) rotate(7deg);
  transform: translate3d(164%, 281%, 0) rotate(7deg);
  -webkit-animation: toy2 5s infinite;
  animation: toy2 5s infinite;
}

@keyframes toy2 {
  0% {
    -webkit-transform: translate3d(164%, 281%, 0) rotate(7deg);
    transform: translate3d(164%, 281%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(164%, 281%, 0) rotate(-36deg);
    transform: translate3d(164%, 281%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(164%, 281%, 0) rotate(7deg);
    transform: translate3d(164%, 281%, 0) rotate(7deg);
  }
}

@keyframes toy2Media {
  0% {
    -webkit-transform: translate3d(309%, 174%, 0) rotate(7deg);
    transform: translate3d(309%, 174%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(309%, 174%, 0) rotate(-36deg);
    transform: translate3d(309%, 174%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(309%, 174%, 0) rotate(7deg);
    transform: translate3d(309%, 174%, 0) rotate(7deg);
  }
}

.toy3-svg-animation {
  -webkit-transform: translate3d(110%, 315%, 0) rotate(7deg);
  transform: translate3d(110%, 315%, 0) rotate(7deg);
  -webkit-animation: toy3 5s infinite;
  animation: toy3 5s infinite;
}

@keyframes toy3 {
  0% {
    -webkit-transform: translate3d(110%, 315%, 0) rotate(7deg);
    transform: translate3d(110%, 315%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(110%, 315%, 0) rotate(-36deg);
    transform: translate3d(110%, 315%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(110%, 315%, 0) rotate(7deg);
    transform: translate3d(110%, 315%, 0) rotate(7deg);
  }
}

@keyframes toy3Media {
  0% {
    -webkit-transform: translate3d(288%, 185%, 0) rotate(7deg);
    transform: translate3d(288%, 185%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(288%, 185%, 0) rotate(-36deg);
    transform: translate3d(288%, 185%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(288%, 185%, 0) rotate(7deg);
    transform: translate3d(288%, 185%, 0) rotate(7deg);
  }
}

.toy4-svg-animation {
  -webkit-transform: translate3d(-8%, 417%, 0) rotate(7deg);
  transform: translate3d(-8%, 417%, 0) rotate(7deg);
  -webkit-animation: toy4 5s infinite;
  animation: toy4 5s infinite;
}

@keyframes toy4 {
  0% {
    -webkit-transform: translate3d(-8%, 417%, 0) rotate(7deg);
    transform: translate3d(-8%, 417%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(-8%, 417%, 0) rotate(-36deg);
    transform: translate3d(-8%, 417%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(-8%, 417%, 0) rotate(7deg);
    transform: translate3d(-8%, 417%, 0) rotate(7deg);
  }
}

@keyframes toy4Media {
  0% {
    -webkit-transform: translate3d(98%, 247%, 0) rotate(7deg);
    transform: translate3d(98%, 247%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(98%, 247%, 0) rotate(-36deg);
    transform: translate3d(98%, 247%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(98%, 247%, 0) rotate(7deg);
    transform: translate3d(98%, 247%, 0) rotate(7deg);
  }
}

.toy5-svg-animation {
  -webkit-transform: translate3d(275%, 584%, 0) rotate(7deg);
  transform: translate3d(275%, 584%, 0) rotate(7deg);
  -webkit-animation: toy5 5s infinite;
  animation: toy5 5s infinite;
}

@keyframes toy5 {
  0% {
    -webkit-transform: translate3d(275%, 584%, 0) rotate(7deg);
    transform: translate3d(275%, 584%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(275%, 584%, 0) rotate(-36deg);
    transform: translate3d(275%, 584%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(275%, 584%, 0) rotate(7deg);
    transform: translate3d(275%, 584%, 0) rotate(7deg);
  }
}

@keyframes toy5Media {
  0% {
    -webkit-transform: translate3d(412%, 364%, 0) rotate(7deg);
    transform: translate3d(412%, 364%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(412%, 364%, 0) rotate(-36deg);
    transform: translate3d(412%, 364%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(412%, 364%, 0) rotate(7deg);
    transform: translate3d(412%, 364%, 0) rotate(7deg);
  }
}

.toy6-svg-animation {
  -webkit-transform: translate3d(118%, 375%, 0) rotate(7deg);
  transform: translate3d(118%, 375%, 0) rotate(7deg);
  -webkit-animation: toy6 5s infinite;
  animation: toy6 5s infinite;
}

@keyframes toy6 {
  0% {
    -webkit-transform: translate3d(118%, 375%, 0) rotate(7deg);
    transform: translate3d(118%, 375%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(118%, 375%, 0) rotate(-36deg);
    transform: translate3d(118%, 375%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(118%, 375%, 0) rotate(7deg);
    transform: translate3d(118%, 375%, 0) rotate(7deg);
  }
}

@keyframes toy6Media {
  0% {
    -webkit-transform: translate3d(275%, 225%, 0) rotate(7deg);
    transform: translate3d(275%, 225%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(275%, 225%, 0) rotate(-36deg);
    transform: translate3d(275%, 225%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(275%, 225%, 0) rotate(7deg);
    transform: translate3d(275%, 225%, 0) rotate(7deg);
  }
}

.toy7-svg-animation {
  -webkit-transform: translate3d(304%, 375%, 0) rotate(7deg);
  transform: translate3d(304%, 375%, 0) rotate(7deg);
  -webkit-animation: toy7 5s infinite;
  animation: toy7 5s infinite;
}

@keyframes toy7 {
  0% {
    -webkit-transform: translate3d(304%, 375%, 0) rotate(7deg);
    transform: translate3d(304%, 375%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(304%, 375%, 0) rotate(-36deg);
    transform: translate3d(304%, 375%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(304%, 375%, 0) rotate(7deg);
    transform: translate3d(304%, 375%, 0) rotate(7deg);
  }
}

@keyframes toy7Media {
  0% {
    -webkit-transform: translate3d(417%, 248%, 0) rotate(7deg);
    transform: translate3d(417%, 248%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(417%, 248%, 0) rotate(-36deg);
    transform: translate3d(417%, 248%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(417%, 248%, 0) rotate(7deg);
    transform: translate3d(417%, 248%, 0) rotate(7deg);
  }
}

.toy8-svg-animation {
  -webkit-transform: translate3d(347%, 50%, 0) rotate(7deg);
  transform: translate3d(347%, 50%, 0) rotate(7deg);
  -webkit-animation: toy8 5s infinite;
  animation: toy8 5s infinite;
}

@keyframes toy8 {
  0% {
    -webkit-transform: translate3d(347%, 50%, 0) rotate(7deg);
    transform: translate3d(347%, 50%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(347%, 50%, 0) rotate(-36deg);
    transform: translate3d(347%, 50%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(347%, 50%, 0) rotate(7deg);
    transform: translate3d(347%, 50%, 0) rotate(7deg);
  }
}

@keyframes toy8Media {
  0% {
    -webkit-transform: translate3d(534%, 38%, 0) rotate(7deg);
    transform: translate3d(534%, 38%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(534%, 38%, 0) rotate(-36deg);
    transform: translate3d(534%, 38%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(534%, 38%, 0) rotate(7deg);
    transform: translate3d(534%, 38%, 0) rotate(7deg);
  }
}

.toy9-svg-animation {
  -webkit-transform: translate3d(14%, 250%, 0) rotate(7deg);
  transform: translate3d(14%, 250%, 0) rotate(7deg);
  -webkit-animation: toy9 5s infinite;
  animation: toy9 5s infinite;
}

@keyframes toy9 {
  0% {
    -webkit-transform: translate3d(14%, 250%, 0) rotate(7deg);
    transform: translate3d(14%, 250%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(14%, 250%, 0) rotate(-36deg);
    transform: translate3d(14%, 250%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(14%, 250%, 0) rotate(7deg);
    transform: translate3d(14%, 250%, 0) rotate(7deg);
  }
}

@keyframes toy9Media {
  0% {
    -webkit-transform: translate3d(151%, 144%, 0) rotate(7deg);
    transform: translate3d(151%, 144%, 0) rotate(7deg);
  }

  50% {
    -webkit-transform: translate3d(151%, 144%, 0) rotate(-36deg);
    transform: translate3d(151%, 144%, 0) rotate(-36deg);
  }

  100% {
    -webkit-transform: translate3d(151%, 144%, 0) rotate(7deg);
    transform: translate3d(151%, 144%, 0) rotate(7deg);
  }
}

.bg-bottom-linear {
  position: absolute;
  bottom: -33%;
  left: 0;
  width: 100%;
  z-index: 0;
}

.snow-toys {
  position: absolute;
  width: fit-content;
}

.snow-toys-1 {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

.snow-toys-2 {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

.snow-toys-3 {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

@media (max-width: 1100px) {
  .christmas-image-container {
    margin-right: 250px;
  }

  .tree-image-bg {
    max-width: 440px;
  }

  .one_red {
    top: 16%;
    left: 40%;
  }

  .two_red {
    top: 64%;
    left: -14%;
  }

  .three_red {
    top: 33%;
    left: 14%;
  }

  .four-red {
    top: 71%;
    left: 107%;
  }

  .one_blue {
    top: 30%;
    left: 89%;
  }

  .two_blue {
    top: 54%;
    left: 97%;
  }

  .three_blue {
    top: 67%;
    left: 72%;
  }

  .four_blue {
    top: -1%;
    left: 57%;
  }

  .one_yellow {
    top: 343;
    left: 62%;
  }

  .two_yellow {
    top: 18%;
    left: 73%;
  }

  .three_yellow {
    top: 360;
    left: 24%;
  }

  .christmas-image-container_animate {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -35px;
    margin-top: -50px;
  }

  .svg-animation-tree {
    max-width: 120px;
  }

  .blur-layout-big-red {
    height: 320px;
  }
}

@media (max-width: 767px) {
  .bg-layout-stars {
    width: 300%;
    max-height: 800px;
  }

  .stove-four-page-send > span {
    font-size: 14px;
  }

  .main-snow-container {
    padding-top: 110px;
  }

  .main-screen__container {
    flex-direction: column;
    justify-content: initial;
  }

  .christmas-image-container {
    display: -webkit-flex;
    margin-left: auto;
    margin-right: -27px;
    margin-top: -90px;
  }

  .svg-animation-tree {
    max-width: 60px;
    transform-origin: center 40px;
  }

  .tree-image-bg {
    max-width: 300px;
  }

  .top-button {
    max-height: 48px;
    padding: 14px 0px;
  }

  .one_red {
    top: 16%;
    left: 32%;
  }

  .two_red {
    top: 64%;
    left: -14%;
  }

  .three_red {
    top: 33%;
    left: 8%;
  }

  .four-red {
    top: 71%;
    left: 67%;
  }

  .one_blue {
    top: 28%;
    left: 63%;
  }

  .two_blue {
    top: 47%;
    left: 70%;
  }

  .three_blue {
    top: 67%;
    left: 51%;
  }

  .four_blue {
    top: -1%;
    left: 41%;
  }

  .one_yellow {
    top: 343;
    left: 55%;
  }

  .two_yellow {
    top: 18%;
    left: 62%;
  }

  .three_yellow {
    top: 360;
    left: 13%;
  }

  .blur-container-top {
    max-width: 500px;
  }

  .toy1-svg-animation {
    -webkit-transform: translate3d(324%, 103%, 0) rotate(7deg);
    transform: translate3d(324%, 103%, 0) rotate(7deg);
    -webkit-animation: toyMedia 5s infinite;
    animation: toyMedia 5s infinite;
  }

  .toy2-svg-animation {
    -webkit-transform: translate3d(309%, 174%, 0) rotate(7deg);
    transform: translate3d(309%, 174%, 0) rotate(7deg);
    -webkit-animation: toy2Media 5s infinite;
    animation: toy2Media 5s infinite;
  }

  .toy3-svg-animation {
    -webkit-transform: translate3d(288%, 185%, 0) rotate(7deg);
    transform: translate3d(288%, 185%, 0) rotate(7deg);
    -webkit-animation: toy3Media 5s infinite;
    animation: toy3Media 5s infinite;
  }

  .toy4-svg-animation {
    -webkit-transform: translate3d(98%, 247%, 0) rotate(7deg);
    transform: translate3d(98%, 247%, 0) rotate(7deg);
    -webkit-animation: toy4Media 5s infinite;
    animation: toy4Media 5s infinite;
  }

  .toy5-svg-animation {
    -webkit-transform: translate3d(412%, 364%, 0) rotate(7deg);
    transform: translate3d(412%, 364%, 0) rotate(7deg);
    -webkit-animation: toy5Media 5s infinite;
    animation: toy5Media 5s infinite;
  }

  .toy6-svg-animation {
    -webkit-transform: translate3d(275%, 225%, 0) rotate(7deg);
    transform: translate3d(275%, 225%, 0) rotate(7deg);
    -webkit-animation: toy6Media 5s infinite;
    animation: toy6Media 5s infinite;
  }

  .toy7-svg-animation {
    -webkit-transform: translate3d(417%, 248%, 0) rotate(7deg);
    transform: translate3d(417%, 248%, 0) rotate(7deg);
    -webkit-animation: toy7Media 5s infinite;
    animation: toy7Media 5s infinite;
  }

  .toy8-svg-animation {
    -webkit-transform: translate3d(534%, 38%, 0) rotate(7deg);
    transform: translate3d(534%, 38%, 0) rotate(7deg);
    -webkit-animation: toy8Media 5s infinite;
    animation: toy8Media 5s infinite;
    max-width: 40px !important;
  }

  .toy9-svg-animation {
    -webkit-transform: translate3d(151%, 144%, 0) rotate(7deg);
    transform: translate3d(151%, 144%, 0) rotate(7deg);
    -webkit-animation: toy9Media 5s infinite;
    animation: toy9Media 5s infinite;
  }

  .bg-bottom-linear {
    bottom: -30%;
  }
}