@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,800;0,900;1,300;1,500;1,600);
@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800);


a,
div.context a,
footer a {
  text-decoration: none
}

.hakkv,
.box,
section {
  position: relative
}

:root {
  --red: #b41d1d;
  --red-2: #b41d1d;
  --red-dark-shade: #9b181d;
  --black: #222;
  --green: #024c46;
  --green-2: #507524;
  --green-3: #578521;
  --gold: #bea35c;
  --gold-dark: #ae9145;
  --beige: #f2e7d1;
  --beige-dark-shade: #dfceab;
  --blue-dark: #404148;
  --blue: #5cb9be
}

a,
body,
div,
footer,
header,
html,
i,
img,
li,
span,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

div,
footer,
header {
  display: block
}

body {
  line-height: 1;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .36), rgba(24, 20, 32, .8)), url(../img/background_wax.jpg) !important;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

font-family: Rubik, sans-serif;
  padding: .6%
}

ul {
  list-style: none
}

* {
  box-sizing: border-box
}

div.context {
  text-align: center;
  color: #fdfdfd;
  line-height: 1.7
}

div.context a {
  color: #9683ad;
  padding: 3px 0;
  border-bottom: 1px dashed
}





footer {
  text-align: center;
  margin: 2em auto 2em;
  width: 100%;
  color: wheat;
}

section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.01%;
  padding: 0 2rem;
  margin: 2rem auto 0;
  max-width: 60rem
}


.social-head li a {
  font-size: 20px;
  display: inline-block
}

.box {
  background: #999;
  width: 100%;
  height: 100%;
  min-width: 4rem;
  border-radius: 3px;
  box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .4), inset 0 -7px 9px -7px rgba(0, 0, 0, .4);
  display: flex;
  align-items: center;
  justify-content: center
}

.box span {
  font-family: Rubik, sans-serif;
  font-size: clamp(.8rem, 5vw, 1.8rem);
  display: flex;
  background: #221d24;
  color: #f2e7d1;
  box-shadow: 0 0 0 2px #f2e7d1, 0 0 0 6px #221d24;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  transform: translateY(.4rem);
  font-weight: 600;
}

@media (min-width:40rem) {
  section {
    grid-template-columns: repeat(12, 1fr);
    margin-top: 4rem
  }

  section .box:first-child {
    grid-column: 6/8
  }

  section .box:nth-child(2) {
    grid-row: 2;
    grid-column: 5/7
  }

  section .box:nth-child(3) {
    grid-row: 2;
    grid-column: 7/9
  }

  section .box:nth-child(4) {
    grid-row: 3;
    grid-column: 4/6
  }

  section .box:nth-child(5) {
    grid-row: 3;
    grid-column: 6/8
  }

  section .box:nth-child(6) {
    grid-row: 3;
    grid-column: 8/10
  }

  section .box:nth-child(7) {
    grid-row: 4;
    grid-column: 3/5
  }

  section .box:nth-child(8) {
    grid-row: 4;
    grid-column: 5/7
  }

  section .box:nth-child(9) {
    grid-row: 4;
    grid-column: 7/9
  }

  section .box:nth-child(10) {
    grid-row: 4;
    grid-column: 9/11
  }

  section .box:nth-child(11) {
    grid-row: 5;
    grid-column: 2/4
  }

  section .box:nth-child(12) {
    grid-row: 5;
    grid-column: 4/6
  }

  section .box:nth-child(13) {
    grid-row: 5;
    grid-column: 6/8
  }

  section .box:nth-child(14) {
    grid-row: 5;
    grid-column: 8/10
  }

  section .box:nth-child(15) {
    grid-row: 5;
    grid-column: 10/12
  }

  section .box:nth-child(16) {
    grid-row: 6;
    grid-column: 1/3
  }

  section .box:nth-child(17) {
    grid-row: 6;
    grid-column: 3/5
  }

  section .box:nth-child(18) {
    grid-row: 6;
    grid-column: 5/7
  }

  section .box:nth-child(19) {
    grid-row: 6;
    grid-column: 7/9
  }

  section .box:nth-child(20) {
    grid-row: 6;
    grid-column: 9/11
  }

  section .box:nth-child(21) {
    grid-row: 6;
    grid-column: 11/13
  }

  section .box:nth-child(22) {
    grid-row: 7;
    grid-column: 4/6
  }

  section .box:nth-child(23) {
    grid-row: 7;
    grid-column: 6/8
  }

  section .box:nth-child(24) {
    grid-row: 7;
    grid-column: 8/10
  }

  .box {
    grid-column: span 2
  }

  .box span {
    font-size: 1.8rem;
    transform: translateY(.75rem)
  }
}

@media (min-width:55rem) {
  section {
    padding: 0 5rem
  }

  .box span {
    font-size: clamp(1.2rem, 4vw, 2rem)
  }
}

.box:before {
  content: "";
  display: block;
  padding-bottom: 100%
}



.box:nth-child(10),
.box:nth-child(18),
.box:nth-child(2) {
  background: url(../img/pattern-4.jpg) 10% center/180% 180%
}

.box:nth-child(11),
.box:nth-child(19),
.box:nth-child(3) {
  background: url(../img/pattern-3.jpg) 10% center/180% 180%
}

.box:nth-child(13),
.box:nth-child(21),
.box:nth-child(5) {
  background: url(../img/pattern-5.jpg) 10% center/180% 180%
}

.box:nth-child(14),
.box:nth-child(22),
.box:nth-child(6) {
  background: url(../img/pattern-6.jpg) 10% center/180% 180%
}

.box:nth-child(15),
.box:nth-child(23),
.box:nth-child(7) {
  background: url(../img/pattern-7.jpg) 10% center/180% 180%
}

.box:nth-child(8n) {
  background: #221d24;
  background-image: linear-gradient(to bottom, transparent 55%, rgba(0, 0, 0, .1) 60%, var(--gold) 60%, var(--gold-dark) 80%, rgba(0, 0, 0, .1) 80%, transparent 85%), linear-gradient(to right, transparent 20%, rgba(0, 0, 0, .1) 25%, var(--gold) 25%, var(--gold-dark) 45%, rgba(0, 0, 0, .1) 45%, transparent 50%);
  background-size: 100%;
  background-position: 0
}

.box:nth-child(16) {
  background: var(--blue-dark);
  background-image: linear-gradient(to bottom, transparent 55%, rgba(0, 0, 0, .1) 60%, #f2e7d1 60%, var(--beige-dark-shade) 80%, rgba(0, 0, 0, .1) 80%, transparent 85%), linear-gradient(to right, transparent 20%, rgba(0, 0, 0, .1) 25%, #f2e7d1 25%, var(--beige-dark-shade) 45%, rgba(0, 0, 0, .1) 45%, transparent 50%);
  background-size: 100%;
  background-position: 0
}

.box:nth-child(10),
.box:nth-child(23) {
 background: url(../img/pattern-8.jpg) 10% center/180% 180%
}

.box:first-child,
.box:nth-child(17),
.box:nth-child(9) {
  background: url(../img/pattern-1.jpg) 10% center/180% 180%
}

.box:nth-child(12),
.box:nth-child(20),
.box:nth-child(4) {
  background: url(../img/pattern-2.jpg) 10% center/180% 180%
}

.rectangle-head {
  top: 10px;
  border-radius: 38px;
  background-color: #221d24;
  width: 1200px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.social-head {
  display: flex;
  margin-right: 20px
}

.social-head li {
  margin-right: 15px;
  margin-bottom: 8px
}

li,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.social-head li a {
  color: #fff;
  transition: .3s;
  background: rgba(128, 124, 147, .24);
  -webkit-transition: -webkit-transform .1s ease-out, background .2s;
  -moz-transition: -moz-transform .1s ease-out, background .2s;
  transition: transform .1s ease-out, background .2s;
  cursor: pointer;
  width: 34px;
  height: 34px;
  border-radius: 40%
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important
}

a {
  color: #fef9d8
}

img {
  vertical-align: middle
}

.center {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto
}

.hakkv {
  z-index: 10;
  padding: 15px 0
}

.hakkv__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.hakkv__logo {
  margin-left: 40px
}

.hakkv__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    justify-content: space-around;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    color: #948ba5;
}

@media only screen and (max-width:1339px) {
  .hakkv__wrap {
    padding-left: 0;
    border: 0
  }
}

@media only screen and (max-width:1179px) {
  .hakkv__logo {
    margin-right: auto
  }

  .hakkv__wrap {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 80px 80px;
    background: #fcfcfd;
    -webkit-box-shadow: 0 64px 64px 0 rgba(15, 15, 15, .1);
    box-shadow: 0 64px 64px 0 rgba(15, 15, 15, .1);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
  }
}

@media only screen and (max-width:1023px) {
  .center {
    padding: 0 40px
  }

  .hakkv__wrap {
    padding: 0 40px 64px
  }
}

@media only screen and (max-width:767px) {
  .center {
    padding: 0 32px
  }

  .hakkv {
    padding-bottom: 24px
  }

  .hakkv__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: calc((var(--vh, 1vh) * 100) - 104px);
    padding: 48px 32px 44px
  }
}

@media only screen and (min-width:600px) {
  ::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #1a1a1e
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #625d6c
  }
}

.some-icon-dark {
  display: inline-block
}

.ccp {
  width: 160px
}



.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.6064;
  transform: translate(56.5936vw, -10px) scale(0.1606);
  animation: fall-1 22s -16s linear infinite;
}
@keyframes fall-1 {
  34.585% {
    transform: translate(57.9903vw, 34.585vh) scale(0.1606);
  }
  to {
    transform: translate(57.29195vw, 100vh) scale(0.1606);
  }
}
.snow:nth-child(2) {
  opacity: 0.0623;
  transform: translate(38.6106vw, -10px) scale(0.3982);
  animation: fall-2 17s -21s linear infinite;
}
@keyframes fall-2 {
  70.443% {
    transform: translate(37.0175vw, 70.443vh) scale(0.3982);
  }
  to {
    transform: translate(37.81405vw, 100vh) scale(0.3982);
  }
}
.snow:nth-child(3) {
  opacity: 0.7242;
  transform: translate(18.1453vw, -10px) scale(0.9984);
  animation: fall-3 10s -24s linear infinite;
}
@keyframes fall-3 {
  71.78% {
    transform: translate(22.1161vw, 71.78vh) scale(0.9984);
  }
  to {
    transform: translate(20.1307vw, 100vh) scale(0.9984);
  }
}
.snow:nth-child(4) {
  opacity: 0.7166;
  transform: translate(59.7326vw, -10px) scale(0.0443);
  animation: fall-4 26s -3s linear infinite;
}
@keyframes fall-4 {
  73% {
    transform: translate(51.3509vw, 73vh) scale(0.0443);
  }
  to {
    transform: translate(55.54175vw, 100vh) scale(0.0443);
  }
}
.snow:nth-child(5) {
  opacity: 0.4818;
  transform: translate(47.3488vw, -10px) scale(0.0922);
  animation: fall-5 20s -19s linear infinite;
}
@keyframes fall-5 {
  38.705% {
    transform: translate(42.8013vw, 38.705vh) scale(0.0922);
  }
  to {
    transform: translate(45.07505vw, 100vh) scale(0.0922);
  }
}
.snow:nth-child(6) {
  opacity: 0.6966;
  transform: translate(82.0968vw, -10px) scale(0.2105);
  animation: fall-6 16s -19s linear infinite;
}
@keyframes fall-6 {
  57.687% {
    transform: translate(83.8295vw, 57.687vh) scale(0.2105);
  }
  to {
    transform: translate(82.96315vw, 100vh) scale(0.2105);
  }
}
.snow:nth-child(7) {
  opacity: 0.1583;
  transform: translate(30.6433vw, -10px) scale(0.633);
  animation: fall-7 17s -27s linear infinite;
}
@keyframes fall-7 {
  32.969% {
    transform: translate(22.2786vw, 32.969vh) scale(0.633);
  }
  to {
    transform: translate(26.46095vw, 100vh) scale(0.633);
  }
}
.snow:nth-child(8) {
  opacity: 0.581;
  transform: translate(11.9714vw, -10px) scale(0.9446);
  animation: fall-8 10s -19s linear infinite;
}
@keyframes fall-8 {
  50.353% {
    transform: translate(6.2107vw, 50.353vh) scale(0.9446);
  }
  to {
    transform: translate(9.09105vw, 100vh) scale(0.9446);
  }
}
.snow:nth-child(9) {
  opacity: 0.5241;
  transform: translate(81.6951vw, -10px) scale(0.0775);
  animation: fall-9 13s -8s linear infinite;
}
@keyframes fall-9 {
  57.565% {
    transform: translate(74.2251vw, 57.565vh) scale(0.0775);
  }
  to {
    transform: translate(77.9601vw, 100vh) scale(0.0775);
  }
}
.snow:nth-child(10) {
  opacity: 0.7246;
  transform: translate(25.7857vw, -10px) scale(0.9998);
  animation: fall-10 24s -25s linear infinite;
}
@keyframes fall-10 {
  51.74% {
    transform: translate(31.8345vw, 51.74vh) scale(0.9998);
  }
  to {
    transform: translate(28.8101vw, 100vh) scale(0.9998);
  }
}
.snow:nth-child(11) {
  opacity: 0.5149;
  transform: translate(92.3636vw, -10px) scale(0.0578);
  animation: fall-11 27s -18s linear infinite;
}
@keyframes fall-11 {
  36.667% {
    transform: translate(99.7436vw, 36.667vh) scale(0.0578);
  }
  to {
    transform: translate(96.0536vw, 100vh) scale(0.0578);
  }
}
.snow:nth-child(12) {
  opacity: 0.9127;
  transform: translate(49.0414vw, -10px) scale(0.8844);
  animation: fall-12 16s -10s linear infinite;
}
@keyframes fall-12 {
  78.832% {
    transform: translate(54.1785vw, 78.832vh) scale(0.8844);
  }
  to {
    transform: translate(51.60995vw, 100vh) scale(0.8844);
  }
}
.snow:nth-child(13) {
  opacity: 0.3398;
  transform: translate(69.7404vw, -10px) scale(0.1702);
  animation: fall-13 11s -27s linear infinite;
}
@keyframes fall-13 {
  75.387% {
    transform: translate(66.2703vw, 75.387vh) scale(0.1702);
  }
  to {
    transform: translate(68.00535vw, 100vh) scale(0.1702);
  }
}
.snow:nth-child(14) {
  opacity: 0.2942;
  transform: translate(78.2498vw, -10px) scale(0.2558);
  animation: fall-14 18s -4s linear infinite;
}
@keyframes fall-14 {
  50.833% {
    transform: translate(77.4161vw, 50.833vh) scale(0.2558);
  }
  to {
    transform: translate(77.83295vw, 100vh) scale(0.2558);
  }
}
.snow:nth-child(15) {
  opacity: 0.9913;
  transform: translate(33.4796vw, -10px) scale(0.971);
  animation: fall-15 18s -4s linear infinite;
}
@keyframes fall-15 {
  68.342% {
    transform: translate(29.8375vw, 68.342vh) scale(0.971);
  }
  to {
    transform: translate(31.65855vw, 100vh) scale(0.971);
  }
}
.snow:nth-child(16) {
  opacity: 0.7887;
  transform: translate(82.2204vw, -10px) scale(0.4834);
  animation: fall-16 14s -27s linear infinite;
}
@keyframes fall-16 {
  54.051% {
    transform: translate(73.4595vw, 54.051vh) scale(0.4834);
  }
  to {
    transform: translate(77.83995vw, 100vh) scale(0.4834);
  }
}
.snow:nth-child(17) {
  opacity: 0.2261;
  transform: translate(63.7127vw, -10px) scale(0.2669);
  animation: fall-17 16s -12s linear infinite;
}
@keyframes fall-17 {
  59.314% {
    transform: translate(67.0833vw, 59.314vh) scale(0.2669);
  }
  to {
    transform: translate(65.398vw, 100vh) scale(0.2669);
  }
}
.snow:nth-child(18) {
  opacity: 0.2058;
  transform: translate(52.4074vw, -10px) scale(0.5879);
  animation: fall-18 22s -9s linear infinite;
}
@keyframes fall-18 {
  66.43% {
    transform: translate(48.9808vw, 66.43vh) scale(0.5879);
  }
  to {
    transform: translate(50.6941vw, 100vh) scale(0.5879);
  }
}
.snow:nth-child(19) {
  opacity: 0.6578;
  transform: translate(6.4349vw, -10px) scale(0.4305);
  animation: fall-19 17s -1s linear infinite;
}
@keyframes fall-19 {
  69.544% {
    transform: translate(15.8105vw, 69.544vh) scale(0.4305);
  }
  to {
    transform: translate(11.1227vw, 100vh) scale(0.4305);
  }
}
.snow:nth-child(20) {
  opacity: 0.3662;
  transform: translate(25.27vw, -10px) scale(0.3203);
  animation: fall-20 13s -27s linear infinite;
}
@keyframes fall-20 {
  68.355% {
    transform: translate(30.7754vw, 68.355vh) scale(0.3203);
  }
  to {
    transform: translate(28.0227vw, 100vh) scale(0.3203);
  }
}
.snow:nth-child(21) {
  opacity: 0.9667;
  transform: translate(47.2831vw, -10px) scale(0.4046);
  animation: fall-21 11s -9s linear infinite;
}
@keyframes fall-21 {
  43.906% {
    transform: translate(56.1966vw, 43.906vh) scale(0.4046);
  }
  to {
    transform: translate(51.73985vw, 100vh) scale(0.4046);
  }
}
.snow:nth-child(22) {
  opacity: 0.2889;
  transform: translate(42.054vw, -10px) scale(0.453);
  animation: fall-22 30s -8s linear infinite;
}
@keyframes fall-22 {
  79.61% {
    transform: translate(38.1079vw, 79.61vh) scale(0.453);
  }
  to {
    transform: translate(40.08095vw, 100vh) scale(0.453);
  }
}
.snow:nth-child(23) {
  opacity: 0.7727;
  transform: translate(94.2838vw, -10px) scale(0.2761);
  animation: fall-23 18s -8s linear infinite;
}
@keyframes fall-23 {
  37.825% {
    transform: translate(102.4486vw, 37.825vh) scale(0.2761);
  }
  to {
    transform: translate(98.3662vw, 100vh) scale(0.2761);
  }
}
.snow:nth-child(24) {
  opacity: 0.1066;
  transform: translate(39.0104vw, -10px) scale(0.9023);
  animation: fall-24 14s -20s linear infinite;
}
@keyframes fall-24 {
  61.656% {
    transform: translate(38.537vw, 61.656vh) scale(0.9023);
  }
  to {
    transform: translate(38.7737vw, 100vh) scale(0.9023);
  }
}
.snow:nth-child(25) {
  opacity: 0.2742;
  transform: translate(21.0901vw, -10px) scale(0.0122);
  animation: fall-25 18s -11s linear infinite;
}
@keyframes fall-25 {
  44.41% {
    transform: translate(28.6667vw, 44.41vh) scale(0.0122);
  }
  to {
    transform: translate(24.8784vw, 100vh) scale(0.0122);
  }
}
.snow:nth-child(26) {
  opacity: 0.9528;
  transform: translate(27.8171vw, -10px) scale(0.4968);
  animation: fall-26 20s -12s linear infinite;
}
@keyframes fall-26 {
  48.391% {
    transform: translate(26.7582vw, 48.391vh) scale(0.4968);
  }
  to {
    transform: translate(27.28765vw, 100vh) scale(0.4968);
  }
}
.snow:nth-child(27) {
  opacity: 0.8532;
  transform: translate(46.2107vw, -10px) scale(0.055);
  animation: fall-27 11s -29s linear infinite;
}
@keyframes fall-27 {
  37.526% {
    transform: translate(40.2169vw, 37.526vh) scale(0.055);
  }
  to {
    transform: translate(43.2138vw, 100vh) scale(0.055);
  }
}
.snow:nth-child(28) {
  opacity: 0.6639;
  transform: translate(82.2147vw, -10px) scale(0.4175);
  animation: fall-28 12s -29s linear infinite;
}
@keyframes fall-28 {
  67.938% {
    transform: translate(80.9578vw, 67.938vh) scale(0.4175);
  }
  to {
    transform: translate(81.58625vw, 100vh) scale(0.4175);
  }
}
.snow:nth-child(29) {
  opacity: 0.0234;
  transform: translate(85.2143vw, -10px) scale(0.1361);
  animation: fall-29 24s -28s linear infinite;
}
@keyframes fall-29 {
  54.599% {
    transform: translate(90.5724vw, 54.599vh) scale(0.1361);
  }
  to {
    transform: translate(87.89335vw, 100vh) scale(0.1361);
  }
}
.snow:nth-child(30) {
  opacity: 0.3478;
  transform: translate(40.1505vw, -10px) scale(0.8939);
  animation: fall-30 21s -19s linear infinite;
}
@keyframes fall-30 {
  32.248% {
    transform: translate(38.2824vw, 32.248vh) scale(0.8939);
  }
  to {
    transform: translate(39.21645vw, 100vh) scale(0.8939);
  }
}
.snow:nth-child(31) {
  opacity: 0.9036;
  transform: translate(80.2156vw, -10px) scale(0.1224);
  animation: fall-31 27s -20s linear infinite;
}
@keyframes fall-31 {
  74.255% {
    transform: translate(87.1581vw, 74.255vh) scale(0.1224);
  }
  to {
    transform: translate(83.68685vw, 100vh) scale(0.1224);
  }
}
.snow:nth-child(32) {
  opacity: 0.1539;
  transform: translate(84.4031vw, -10px) scale(0.8212);
  animation: fall-32 21s -12s linear infinite;
}
@keyframes fall-32 {
  72.907% {
    transform: translate(90.9293vw, 72.907vh) scale(0.8212);
  }
  to {
    transform: translate(87.6662vw, 100vh) scale(0.8212);
  }
}
.snow:nth-child(33) {
  opacity: 0.2517;
  transform: translate(6.5781vw, -10px) scale(0.5607);
  animation: fall-33 17s -28s linear infinite;
}
@keyframes fall-33 {
  55.111% {
    transform: translate(8.9221vw, 55.111vh) scale(0.5607);
  }
  to {
    transform: translate(7.7501vw, 100vh) scale(0.5607);
  }
}
.snow:nth-child(34) {
  opacity: 0.4501;
  transform: translate(21.1792vw, -10px) scale(0.5248);
  animation: fall-34 13s -2s linear infinite;
}
@keyframes fall-34 {
  31.071% {
    transform: translate(14.8032vw, 31.071vh) scale(0.5248);
  }
  to {
    transform: translate(17.9912vw, 100vh) scale(0.5248);
  }
}
.snow:nth-child(35) {
  opacity: 0.0339;
  transform: translate(65.657vw, -10px) scale(0.464);
  animation: fall-35 30s -20s linear infinite;
}
@keyframes fall-35 {
  75.576% {
    transform: translate(71.7128vw, 75.576vh) scale(0.464);
  }
  to {
    transform: translate(68.6849vw, 100vh) scale(0.464);
  }
}
.snow:nth-child(36) {
  opacity: 0.1276;
  transform: translate(45.0635vw, -10px) scale(0.559);
  animation: fall-36 13s -30s linear infinite;
}
@keyframes fall-36 {
  46.226% {
    transform: translate(49.2227vw, 46.226vh) scale(0.559);
  }
  to {
    transform: translate(47.1431vw, 100vh) scale(0.559);
  }
}
.snow:nth-child(37) {
  opacity: 0.486;
  transform: translate(26.9647vw, -10px) scale(0.8743);
  animation: fall-37 18s -5s linear infinite;
}
@keyframes fall-37 {
  70.658% {
    transform: translate(19.0636vw, 70.658vh) scale(0.8743);
  }
  to {
    transform: translate(23.01415vw, 100vh) scale(0.8743);
  }
}
.snow:nth-child(38) {
  opacity: 0.3881;
  transform: translate(36.5866vw, -10px) scale(0.4045);
  animation: fall-38 18s -12s linear infinite;
}
@keyframes fall-38 {
  50.331% {
    transform: translate(29.0733vw, 50.331vh) scale(0.4045);
  }
  to {
    transform: translate(32.82995vw, 100vh) scale(0.4045);
  }
}
.snow:nth-child(39) {
  opacity: 0.5738;
  transform: translate(68.9199vw, -10px) scale(0.9079);
  animation: fall-39 13s -25s linear infinite;
}
@keyframes fall-39 {
  44.464% {
    transform: translate(59.2672vw, 44.464vh) scale(0.9079);
  }
  to {
    transform: translate(64.09355vw, 100vh) scale(0.9079);
  }
}
.snow:nth-child(40) {
  opacity: 0.8051;
  transform: translate(41.5804vw, -10px) scale(0.2563);
  animation: fall-40 23s -9s linear infinite;
}
@keyframes fall-40 {
  36.71% {
    transform: translate(40.8262vw, 36.71vh) scale(0.2563);
  }
  to {
    transform: translate(41.2033vw, 100vh) scale(0.2563);
  }
}
.snow:nth-child(41) {
  opacity: 0.5795;
  transform: translate(23.5562vw, -10px) scale(0.5648);
  animation: fall-41 15s -26s linear infinite;
}
@keyframes fall-41 {
  77.492% {
    transform: translate(30.6245vw, 77.492vh) scale(0.5648);
  }
  to {
    transform: translate(27.09035vw, 100vh) scale(0.5648);
  }
}
.snow:nth-child(42) {
  opacity: 0.3249;
  transform: translate(60.5164vw, -10px) scale(0.2912);
  animation: fall-42 18s -2s linear infinite;
}
@keyframes fall-42 {
  58.099% {
    transform: translate(58.7125vw, 58.099vh) scale(0.2912);
  }
  to {
    transform: translate(59.61445vw, 100vh) scale(0.2912);
  }
}
.snow:nth-child(43) {
  opacity: 0.8615;
  transform: translate(66.5416vw, -10px) scale(0.4002);
  animation: fall-43 21s -5s linear infinite;
}
@keyframes fall-43 {
  46.714% {
    transform: translate(66.6631vw, 46.714vh) scale(0.4002);
  }
  to {
    transform: translate(66.60235vw, 100vh) scale(0.4002);
  }
}
.snow:nth-child(44) {
  opacity: 0.1714;
  transform: translate(82.5693vw, -10px) scale(0.4522);
  animation: fall-44 15s -29s linear infinite;
}
@keyframes fall-44 {
  43.05% {
    transform: translate(73.9236vw, 43.05vh) scale(0.4522);
  }
  to {
    transform: translate(78.24645vw, 100vh) scale(0.4522);
  }
}
.snow:nth-child(45) {
  opacity: 0.9257;
  transform: translate(66.0937vw, -10px) scale(0.1823);
  animation: fall-45 24s -20s linear infinite;
}
@keyframes fall-45 {
  75.74% {
    transform: translate(60.4165vw, 75.74vh) scale(0.1823);
  }
  to {
    transform: translate(63.2551vw, 100vh) scale(0.1823);
  }
}
.snow:nth-child(46) {
  opacity: 0.9213;
  transform: translate(7.9937vw, -10px) scale(0.2919);
  animation: fall-46 18s -18s linear infinite;
}
@keyframes fall-46 {
  54.824% {
    transform: translate(10.7416vw, 54.824vh) scale(0.2919);
  }
  to {
    transform: translate(9.36765vw, 100vh) scale(0.2919);
  }
}
.snow:nth-child(47) {
  opacity: 0.4547;
  transform: translate(22.2335vw, -10px) scale(0.9467);
  animation: fall-47 12s -17s linear infinite;
}
@keyframes fall-47 {
  32.897% {
    transform: translate(22.4189vw, 32.897vh) scale(0.9467);
  }
  to {
    transform: translate(22.3262vw, 100vh) scale(0.9467);
  }
}
.snow:nth-child(48) {
  opacity: 0.3634;
  transform: translate(84.9148vw, -10px) scale(0.131);
  animation: fall-48 26s -10s linear infinite;
}
@keyframes fall-48 {
  50.195% {
    transform: translate(80.6264vw, 50.195vh) scale(0.131);
  }
  to {
    transform: translate(82.7706vw, 100vh) scale(0.131);
  }
}