.snowflakes-box {
	position: fixed;
	top: 0;
	z-index: 10
}

.snowflakes-box .snowflake {
	border-radius: 50%;
	color: #fff;
	font-family: FontAwesome;
	height: 20px;
	position: absolute;
	width: 20px
}

.snowflakes-box .snowflake:first-child {
	animation: fall-1 11s linear -3s infinite;
	opacity: 1;
	transform: translate(47.2803vw,-20px) scale(.5115) rotate(380deg)
}

@keyframes fall-1 {
	10.153% {
		transform: translate(47.3603vw,10.153vh) scale(.5115) rotate(380deg)
	}

	to {
		transform: translate(47.2803008vw,100vh) scale(.5115) rotate(380deg)
	}
}

.snowflakes-box .snowflake:nth-child(2) {
	animation: fall-2 10s linear -28s infinite;
	opacity: .4188;
	transform: translate(6.0271vw,-20px) scale(.4452) rotate(300deg)
}

@keyframes fall-2 {
	18.503% {
		transform: translate(11.3335vw,18.503vh) scale(.4452) rotate(300deg)
	}

	to {
		transform: translate(6.027153064vw,100vh) scale(.4452) rotate(300deg)
	}
}

.snowflakes-box .snowflake:nth-child(3) {
	animation: fall-3 18s linear -20s infinite;
	opacity: 1;
	transform: translate(94.4742vw,-20px) scale(.1577) rotate(480deg)
}

@keyframes fall-3 {
	10.491% {
		transform: translate(102.198vw,10.491vh) scale(.1577) rotate(480deg)
	}

	to {
		transform: translate(94.474277238vw,100vh) scale(.1577) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(4) {
	animation: fall-4 22s linear -17s infinite;
	opacity: 1;
	transform: translate(83.804vw,-20px) scale(.4858) rotate(500deg)
}

@keyframes fall-4 {
	17.794% {
		transform: translate(93.7732vw,17.794vh) scale(.4858) rotate(500deg)
	}

	to {
		transform: translate(83.804099692vw,100vh) scale(.4858) rotate(500deg)
	}
}

.snowflakes-box .snowflake:nth-child(5) {
	animation: fall-5 27s linear -15s infinite;
	opacity: .117;
	transform: translate(92.4653vw,-20px) scale(.1509) rotate(20deg)
}

@keyframes fall-5 {
	10.678% {
		transform: translate(87.5034vw,10.678vh) scale(.1509) rotate(20deg)
	}

	to {
		transform: translate(92.465250381vw,100vh) scale(.1509) rotate(20deg)
	}
}

.snowflakes-box .snowflake:nth-child(6) {
	animation: fall-6 27s linear -27s infinite;
	opacity: 1;
	transform: translate(21.638vw,-20px) scale(.3392) rotate(120deg)
}

@keyframes fall-6 {
	14.448% {
		transform: translate(12.7799vw,14.448vh) scale(.3392) rotate(120deg)
	}

	to {
		transform: translate(21.637911419vw,100vh) scale(.3392) rotate(120deg)
	}
}

.snowflakes-box .snowflake:nth-child(7) {
	animation: fall-7 15s linear -10s infinite;
	opacity: .7462;
	transform: translate(88.9117vw,-20px) scale(.8152) rotate(600deg)
}

@keyframes fall-7 {
	12.087% {
		transform: translate(85.4907vw,12.087vh) scale(.8152) rotate(600deg)
	}

	to {
		transform: translate(88.91166579vw,100vh) scale(.8152) rotate(600deg)
	}
}

.snowflakes-box .snowflake:nth-child(8) {
	animation: fall-8 14s linear -22s infinite;
	opacity: .0646;
	transform: translate(70.9726vw,-20px) scale(.6203) rotate(20deg)
}

@keyframes fall-8 {
	13.247% {
		transform: translate(65.1227vw,13.247vh) scale(.6203) rotate(20deg)
	}

	to {
		transform: translate(70.972541501vw,100vh) scale(.6203) rotate(20deg)
	}
}

.snowflakes-box .snowflake:nth-child(9) {
	animation: fall-9 15s linear -28s infinite;
	opacity: 1;
	transform: translate(17.6595vw,-20px) scale(.8573) rotate(540deg)
}

@keyframes fall-9 {
	18.898% {
		transform: translate(10.6562vw,18.898vh) scale(.8573) rotate(540deg)
	}

	to {
		transform: translate(17.659429967vw,100vh) scale(.8573) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(10) {
	animation: fall-10 24s linear -25s infinite;
	opacity: 1;
	transform: translate(28.6667vw,-20px) scale(.9289) rotate(560deg)
}

@keyframes fall-10 {
	17.051% {
		transform: translate(20.2802vw,17.051vh) scale(.9289) rotate(560deg)
	}

	to {
		transform: translate(28.666616135vw,100vh) scale(.9289) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(11) {
	animation: fall-11 16s linear -16s infinite;
	opacity: 1;
	transform: translate(10.4361vw,-20px) scale(.6348) rotate(40deg)
}

@keyframes fall-11 {
	18.565% {
		transform: translate(20.1742vw,18.565vh) scale(.6348) rotate(40deg)
	}

	to {
		transform: translate(10.436197381vw,100vh) scale(.6348) rotate(40deg)
	}
}

.snowflakes-box .snowflake:nth-child(12) {
	animation: fall-12 25s linear -26s infinite;
	opacity: .1394;
	transform: translate(98.3461vw,-20px) scale(.3743) rotate(340deg)
}

@keyframes fall-12 {
	10.91% {
		transform: translate(100.6946vw,10.91vh) scale(.3743) rotate(340deg)
	}

	to {
		transform: translate(98.346123485vw,100vh) scale(.3743) rotate(340deg)
	}
}

.snowflakes-box .snowflake:nth-child(13) {
	animation: fall-13 17s linear -19s infinite;
	opacity: 1;
	transform: translate(98.032vw,-20px) scale(.459) rotate(40deg)
}

@keyframes fall-13 {
	17.272% {
		transform: translate(100.315vw,17.272vh) scale(.459) rotate(40deg)
	}

	to {
		transform: translate(98.03202283vw,100vh) scale(.459) rotate(40deg)
	}
}

.snowflakes-box .snowflake:nth-child(14) {
	animation: fall-14 25s linear -10s infinite;
	opacity: .618;
	transform: translate(17.6157vw,-20px) scale(.2903) rotate(340deg)
}

@keyframes fall-14 {
	16.746% {
		transform: translate(8.4018vw,16.746vh) scale(.2903) rotate(340deg)
	}

	to {
		transform: translate(17.615607861vw,100vh) scale(.2903) rotate(340deg)
	}
}

.snowflakes-box .snowflake:nth-child(15) {
	animation: fall-15 20s linear -6s infinite;
	opacity: .6126;
	transform: translate(69.2398vw,-20px) scale(.8413) rotate(380deg)
}

@keyframes fall-15 {
	15.386% {
		transform: translate(68.0046vw,15.386vh) scale(.8413) rotate(380deg)
	}

	to {
		transform: translate(69.239787648vw,100vh) scale(.8413) rotate(380deg)
	}
}

.snowflakes-box .snowflake:nth-child(16) {
	animation: fall-16 22s linear -10s infinite;
	opacity: 1;
	transform: translate(93.7826vw,-20px) scale(.4076) rotate(460deg)
}

@keyframes fall-16 {
	10.359% {
		transform: translate(91.9463vw,10.359vh) scale(.4076) rotate(460deg)
	}

	to {
		transform: translate(93.782581637vw,100vh) scale(.4076) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(17) {
	animation: fall-17 22s linear -20s infinite;
	opacity: .919;
	transform: translate(28.5196vw,-20px) scale(.7407) rotate(420deg)
}

@keyframes fall-17 {
	18.723% {
		transform: translate(26.8334vw,18.723vh) scale(.7407) rotate(420deg)
	}

	to {
		transform: translate(28.519583138vw,100vh) scale(.7407) rotate(420deg)
	}
}

.snowflakes-box .snowflake:nth-child(18) {
	animation: fall-18 18s linear -13s infinite;
	opacity: .009;
	transform: translate(44.3125vw,-20px) scale(.9049) rotate(460deg)
}

@keyframes fall-18 {
	11.049% {
		transform: translate(37.1015vw,11.049vh) scale(.9049) rotate(460deg)
	}

	to {
		transform: translate(44.31242789vw,100vh) scale(.9049) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(19) {
	animation: fall-19 28s linear -8s infinite;
	opacity: 1;
	transform: translate(55.4634vw,-20px) scale(.8381) rotate(400deg)
}

@keyframes fall-19 {
	17.688% {
		transform: translate(61.0013vw,17.688vh) scale(.8381) rotate(400deg)
	}

	to {
		transform: translate(55.463455379vw,100vh) scale(.8381) rotate(400deg)
	}
}

.snowflakes-box .snowflake:nth-child(20) {
	animation: fall-20 23s linear -11s infinite;
	opacity: .4586;
	transform: translate(26.6347vw,-20px) scale(.3561) rotate(220deg)
}

@keyframes fall-20 {
	19.085% {
		transform: translate(24.4815vw,19.085vh) scale(.3561) rotate(220deg)
	}

	to {
		transform: translate(26.634678468vw,100vh) scale(.3561) rotate(220deg)
	}
}

.snowflakes-box .snowflake:nth-child(21) {
	animation: fall-21 24s linear -3s infinite;
	opacity: .8668;
	transform: translate(75.6085vw,-20px) scale(.6242) rotate(220deg)
}

@keyframes fall-21 {
	12.468% {
		transform: translate(76.0619vw,12.468vh) scale(.6242) rotate(220deg)
	}

	to {
		transform: translate(75.608504534vw,100vh) scale(.6242) rotate(220deg)
	}
}

.snowflakes-box .snowflake:nth-child(22) {
	animation: fall-22 29s linear -7s infinite;
	opacity: .4388;
	transform: translate(16.589vw,-20px) scale(.8939) rotate(460deg)
}

@keyframes fall-22 {
	13.114% {
		transform: translate(11.6748vw,13.114vh) scale(.8939) rotate(460deg)
	}

	to {
		transform: translate(16.588950858vw,100vh) scale(.8939) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(23) {
	animation: fall-23 11s linear -30s infinite;
	opacity: .5904;
	transform: translate(56.5833vw,-20px) scale(.5231) rotate(320deg)
}

@keyframes fall-23 {
	18.356% {
		transform: translate(60.2423vw,18.356vh) scale(.5231) rotate(320deg)
	}

	to {
		transform: translate(56.58333659vw,100vh) scale(.5231) rotate(320deg)
	}
}

.snowflakes-box .snowflake:nth-child(24) {
	animation: fall-24 25s linear -11s infinite;
	opacity: .779;
	transform: translate(94.5091vw,-20px) scale(.3078) rotate(500deg)
}

@keyframes fall-24 {
	15.011% {
		transform: translate(99.2686vw,15.011vh) scale(.3078) rotate(500deg)
	}

	to {
		transform: translate(94.509147595vw,100vh) scale(.3078) rotate(500deg)
	}
}

.snowflakes-box .snowflake:nth-child(25) {
	animation: fall-25 13s linear -18s infinite;
	opacity: 1;
	transform: translate(69.7724vw,-20px) scale(.2938) rotate(400deg)
}

@keyframes fall-25 {
	17.155% {
		transform: translate(61.5144vw,17.155vh) scale(.2938) rotate(400deg)
	}

	to {
		transform: translate(69.77231742vw,100vh) scale(.2938) rotate(400deg)
	}
}

.snowflakes-box .snowflake:nth-child(26) {
	animation: fall-26 11s linear -17s infinite;
	opacity: 1;
	transform: translate(25.2093vw,-20px) scale(.7306) rotate(560deg)
}

@keyframes fall-26 {
	14.727% {
		transform: translate(31.5173vw,14.727vh) scale(.7306) rotate(560deg)
	}

	to {
		transform: translate(25.20936308vw,100vh) scale(.7306) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(27) {
	animation: fall-27 29s linear -19s infinite;
	opacity: 1;
	transform: translate(2.3911vw,-20px) scale(.2223) rotate(140deg)
}

@keyframes fall-27 {
	11.221% {
		transform: translate(10.1745vw,11.221vh) scale(.2223) rotate(140deg)
	}

	to {
		transform: translate(2.391177834vw,100vh) scale(.2223) rotate(140deg)
	}
}

.snowflakes-box .snowflake:nth-child(28) {
	animation: fall-28 20s linear -9s infinite;
	opacity: .7434;
	transform: translate(39.8572vw,-20px) scale(.7842) rotate(160deg)
}

@keyframes fall-28 {
	16.177% {
		transform: translate(44.7757vw,16.177vh) scale(.7842) rotate(160deg)
	}

	to {
		transform: translate(39.857249185vw,100vh) scale(.7842) rotate(160deg)
	}
}

.snowflakes-box .snowflake:nth-child(29) {
	animation: fall-29 26s linear -28s infinite;
	opacity: 1;
	transform: translate(35.3094vw,-20px) scale(.7979) rotate(1turn)
}

@keyframes fall-29 {
	16.596% {
		transform: translate(26.4626vw,16.596vh) scale(.7979) rotate(1turn)
	}

	to {
		transform: translate(35.309311532vw,100vh) scale(.7979) rotate(1turn)
	}
}

.snowflakes-box .snowflake:nth-child(30) {
	animation: fall-30 27s linear -15s infinite;
	opacity: 1;
	transform: translate(20.7093vw,-20px) scale(.9181) rotate(200deg)
}

@keyframes fall-30 {
	14.023% {
		transform: translate(29.3576vw,14.023vh) scale(.9181) rotate(200deg)
	}

	to {
		transform: translate(20.709386483vw,100vh) scale(.9181) rotate(200deg)
	}
}

.snowflakes-box .snowflake:nth-child(31) {
	animation: fall-31 13s linear -12s infinite;
	opacity: 1;
	transform: translate(2.5762vw,-20px) scale(.3872) rotate(20deg)
}

@keyframes fall-31 {
	15.74% {
		transform: translate(-6.2544vw,15.74vh) scale(.3872) rotate(20deg)
	}

	to {
		transform: translate(2.576111694vw,100vh) scale(.3872) rotate(20deg)
	}
}

.snowflakes-box .snowflake:nth-child(32) {
	animation: fall-32 26s linear -2s infinite;
	opacity: .634;
	transform: translate(25.7258vw,-20px) scale(.2742) rotate(180deg)
}

@keyframes fall-32 {
	14.215% {
		transform: translate(21.5683vw,14.215vh) scale(.2742) rotate(180deg)
	}

	to {
		transform: translate(25.725758425vw,100vh) scale(.2742) rotate(180deg)
	}
}

.snowflakes-box .snowflake:nth-child(33) {
	animation: fall-33 15s linear -20s infinite;
	opacity: .8024;
	transform: translate(64.5766vw,-20px) scale(.869) rotate(420deg)
}

@keyframes fall-33 {
	19.706% {
		transform: translate(72.9366vw,19.706vh) scale(.869) rotate(420deg)
	}

	to {
		transform: translate(64.5766836vw,100vh) scale(.869) rotate(420deg)
	}
}

.snowflakes-box .snowflake:nth-child(34) {
	animation: fall-34 24s linear -23s infinite;
	opacity: 1;
	transform: translate(46.913vw,-20px) scale(.2396) rotate(540deg)
}

@keyframes fall-34 {
	12.853% {
		transform: translate(49.2326vw,12.853vh) scale(.2396) rotate(540deg)
	}

	to {
		transform: translate(46.913023196vw,100vh) scale(.2396) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(35) {
	animation: fall-35 17s linear -27s infinite;
	opacity: .7036;
	transform: translate(99.2815vw,-20px) scale(.9354) rotate(180deg)
}

@keyframes fall-35 {
	11.126% {
		transform: translate(96.4979vw,11.126vh) scale(.9354) rotate(180deg)
	}

	to {
		transform: translate(99.281472164vw,100vh) scale(.9354) rotate(180deg)
	}
}

.snowflakes-box .snowflake:nth-child(36) {
	animation: fall-36 21s linear -1s infinite;
	opacity: 1;
	transform: translate(74.1067vw,-20px) scale(.2737) rotate(380deg)
}

@keyframes fall-36 {
	12.857% {
		transform: translate(67.4621vw,12.857vh) scale(.2737) rotate(380deg)
	}

	to {
		transform: translate(74.106633554vw,100vh) scale(.2737) rotate(380deg)
	}
}

.snowflakes-box .snowflake:nth-child(37) {
	animation: fall-37 24s linear -16s infinite;
	opacity: .3006;
	transform: translate(10.2623vw,-20px) scale(.8244) rotate(40deg)
}

@keyframes fall-37 {
	19.234% {
		transform: translate(3.0647vw,19.234vh) scale(.8244) rotate(40deg)
	}

	to {
		transform: translate(10.262228024vw,100vh) scale(.8244) rotate(40deg)
	}
}

.snowflakes-box .snowflake:nth-child(38) {
	animation: fall-38 26s linear -2s infinite;
	opacity: 1;
	transform: translate(50.9784vw,-20px) scale(.6843) rotate(480deg)
}

@keyframes fall-38 {
	11.625% {
		transform: translate(51.1401vw,11.625vh) scale(.6843) rotate(480deg)
	}

	to {
		transform: translate(50.978401617vw,100vh) scale(.6843) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(39) {
	animation: fall-39 10s linear -9s infinite;
	opacity: 1;
	transform: translate(51.8327vw,-20px) scale(.8058) rotate(180deg)
}

@keyframes fall-39 {
	18.717% {
		transform: translate(46.9898vw,18.717vh) scale(.8058) rotate(180deg)
	}

	to {
		transform: translate(51.832651571vw,100vh) scale(.8058) rotate(180deg)
	}
}

.snowflakes-box .snowflake:nth-child(40) {
	animation: fall-40 25s linear -5s infinite;
	opacity: 1;
	transform: translate(55.7605vw,-20px) scale(.3445) rotate(60deg)
}

@keyframes fall-40 {
	16.55% {
		transform: translate(47.4001vw,16.55vh) scale(.3445) rotate(60deg)
	}

	to {
		transform: translate(55.760416396vw,100vh) scale(.3445) rotate(60deg)
	}
}

.snowflakes-box .snowflake:nth-child(41) {
	animation: fall-41 27s linear -9s infinite;
	opacity: 1;
	transform: translate(87.1442vw,-20px) scale(.39) rotate(100deg)
}

@keyframes fall-41 {
	16.951% {
		transform: translate(92.1106vw,16.951vh) scale(.39) rotate(100deg)
	}

	to {
		transform: translate(87.144249664vw,100vh) scale(.39) rotate(100deg)
	}
}

.snowflakes-box .snowflake:nth-child(42) {
	animation: fall-42 30s linear -27s infinite;
	opacity: .6692;
	transform: translate(65.6358vw,-20px) scale(.6525) rotate(480deg)
}

@keyframes fall-42 {
	11.953% {
		transform: translate(74.9565vw,11.953vh) scale(.6525) rotate(480deg)
	}

	to {
		transform: translate(65.635893207vw,100vh) scale(.6525) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(43) {
	animation: fall-43 14s linear -28s infinite;
	opacity: .4068;
	transform: translate(3.1569vw,-20px) scale(.7387) rotate(240deg)
}

@keyframes fall-43 {
	13.752% {
		transform: translate(5.7913vw,13.752vh) scale(.7387) rotate(240deg)
	}

	to {
		transform: translate(3.156926344vw,100vh) scale(.7387) rotate(240deg)
	}
}

.snowflakes-box .snowflake:nth-child(44) {
	animation: fall-44 15s linear -23s infinite;
	opacity: .5606;
	transform: translate(10.9383vw,-20px) scale(.6065) rotate(440deg)
}

@keyframes fall-44 {
	18.691% {
		transform: translate(17.5183vw,18.691vh) scale(.6065) rotate(440deg)
	}

	to {
		transform: translate(10.9383658vw,100vh) scale(.6065) rotate(440deg)
	}
}

.snowflakes-box .snowflake:nth-child(45) {
	animation: fall-45 25s linear -26s infinite;
	opacity: .6702;
	transform: translate(68.6471vw,-20px) scale(.0097) rotate(560deg)
}

@keyframes fall-45 {
	14.952% {
		transform: translate(61.8653vw,14.952vh) scale(.0097) rotate(560deg)
	}

	to {
		transform: translate(68.647032182vw,100vh) scale(.0097) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(46) {
	animation: fall-46 24s linear -19s infinite;
	opacity: 1;
	transform: translate(58.0894vw,-20px) scale(.4061) rotate(280deg)
}

@keyframes fall-46 {
	14.159% {
		transform: translate(64.7879vw,14.159vh) scale(.4061) rotate(280deg)
	}

	to {
		transform: translate(58.089466985vw,100vh) scale(.4061) rotate(280deg)
	}
}

.snowflakes-box .snowflake:nth-child(47) {
	animation: fall-47 14s linear -4s infinite;
	opacity: .718;
	transform: translate(72.7822vw,-20px) scale(.8776) rotate(500deg)
}

@keyframes fall-47 {
	18.185% {
		transform: translate(81.9332vw,18.185vh) scale(.8776) rotate(500deg)
	}

	to {
		transform: translate(72.78229151vw,100vh) scale(.8776) rotate(500deg)
	}
}

.snowflakes-box .snowflake:nth-child(48) {
	animation: fall-48 14s linear -30s infinite;
	opacity: 1;
	transform: translate(14.4111vw,-20px) scale(.6661) rotate(320deg)
}

@keyframes fall-48 {
	16.843% {
		transform: translate(10.9488vw,16.843vh) scale(.6661) rotate(320deg)
	}

	to {
		transform: translate(14.411065377vw,100vh) scale(.6661) rotate(320deg)
	}
}

.snowflakes-box .snowflake:nth-child(49) {
	animation: fall-49 17s linear -28s infinite;
	opacity: .8278;
	transform: translate(62.2743vw,-20px) scale(.6111) rotate(460deg)
}

@keyframes fall-49 {
	19.085% {
		transform: translate(59.8489vw,19.085vh) scale(.6111) rotate(460deg)
	}

	to {
		transform: translate(62.274275746vw,100vh) scale(.6111) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(50) {
	animation: fall-50 10s linear -28s infinite;
	opacity: 1;
	transform: translate(45.2482vw,-20px) scale(.8372) rotate(180deg)
}

@keyframes fall-50 {
	16.642% {
		transform: translate(44.5493vw,16.642vh) scale(.8372) rotate(180deg)
	}

	to {
		transform: translate(45.248193011vw,100vh) scale(.8372) rotate(180deg)
	}
}

.snowflakes-box .snowflake:nth-child(51) {
	animation: fall-51 16s linear -15s infinite;
	opacity: 1;
	transform: translate(51.0156vw,-20px) scale(.0731) rotate(240deg)
}

@keyframes fall-51 {
	16.806% {
		transform: translate(43.636vw,16.806vh) scale(.0731) rotate(240deg)
	}

	to {
		transform: translate(51.015526204vw,100vh) scale(.0731) rotate(240deg)
	}
}

.snowflakes-box .snowflake:nth-child(52) {
	animation: fall-52 14s linear -13s infinite;
	opacity: 1;
	transform: translate(25.1406vw,-20px) scale(.9042) rotate(20deg)
}

@keyframes fall-52 {
	16.634% {
		transform: translate(23.8709vw,16.634vh) scale(.9042) rotate(20deg)
	}

	to {
		transform: translate(25.140587303vw,100vh) scale(.9042) rotate(20deg)
	}
}

.snowflakes-box .snowflake:nth-child(53) {
	animation: fall-53 19s linear -29s infinite;
	opacity: .2006;
	transform: translate(1.3799vw,-20px) scale(.9463) rotate(60deg)
}

@keyframes fall-53 {
	10.474% {
		transform: translate(7.5288vw,10.474vh) scale(.9463) rotate(60deg)
	}

	to {
		transform: translate(1.379961489vw,100vh) scale(.9463) rotate(60deg)
	}
}

.snowflakes-box .snowflake:nth-child(54) {
	animation: fall-54 15s linear -19s infinite;
	opacity: 1;
	transform: translate(51.5389vw,-20px) scale(.7381) rotate(80deg)
}

@keyframes fall-54 {
	13.854% {
		transform: translate(60.604vw,13.854vh) scale(.7381) rotate(80deg)
	}

	to {
		transform: translate(51.538990651vw,100vh) scale(.7381) rotate(80deg)
	}
}

.snowflakes-box .snowflake:nth-child(55) {
	animation: fall-55 22s linear -22s infinite;
	opacity: 1;
	transform: translate(84.0781vw,-20px) scale(.5693) rotate(220deg)
}

@keyframes fall-55 {
	11.004% {
		transform: translate(85.4684vw,11.004vh) scale(.5693) rotate(220deg)
	}

	to {
		transform: translate(84.078113903vw,100vh) scale(.5693) rotate(220deg)
	}
}

.snowflakes-box .snowflake:nth-child(56) {
	animation: fall-56 26s linear -5s infinite;
	opacity: 1;
	transform: translate(95.2082vw,-20px) scale(.9871) rotate(100deg)
}

@keyframes fall-56 {
	10.7% {
		transform: translate(101.335vw,10.7vh) scale(.9871) rotate(100deg)
	}

	to {
		transform: translate(95.208261268vw,100vh) scale(.9871) rotate(100deg)
	}
}

.snowflakes-box .snowflake:nth-child(57) {
	animation: fall-57 16s linear -15s infinite;
	opacity: 1;
	transform: translate(8.6861vw,-20px) scale(.3597) rotate(540deg)
}

@keyframes fall-57 {
	10.115% {
		transform: translate(5.1597vw,10.115vh) scale(.3597) rotate(540deg)
	}

	to {
		transform: translate(8.686064736vw,100vh) scale(.3597) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(58) {
	animation: fall-58 26s linear -9s infinite;
	opacity: .3908;
	transform: translate(80.5801vw,-20px) scale(.9172) rotate(240deg)
}

@keyframes fall-58 {
	12.367% {
		transform: translate(78.4052vw,12.367vh) scale(.9172) rotate(240deg)
	}

	to {
		transform: translate(80.580078251vw,100vh) scale(.9172) rotate(240deg)
	}
}

.snowflakes-box .snowflake:nth-child(59) {
	animation: fall-59 23s linear -23s infinite;
	opacity: .8294;
	transform: translate(44.3049vw,-20px) scale(.3715) rotate(560deg)
}

@keyframes fall-59 {
	11.759% {
		transform: translate(38.9391vw,11.759vh) scale(.3715) rotate(560deg)
	}

	to {
		transform: translate(44.304846342vw,100vh) scale(.3715) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(60) {
	animation: fall-60 20s linear -18s infinite;
	opacity: 1;
	transform: translate(9.7594vw,-20px) scale(.768) rotate(540deg)
}

@keyframes fall-60 {
	15.309% {
		transform: translate(19.653vw,15.309vh) scale(.768) rotate(540deg)
	}

	to {
		transform: translate(9.759498936vw,100vh) scale(.768) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(61) {
	animation: fall-61 27s linear -25s infinite;
	opacity: 1;
	transform: translate(89.1148vw,-20px) scale(.7318) rotate(140deg)
}

@keyframes fall-61 {
	19.315% {
		transform: translate(91.3265vw,19.315vh) scale(.7318) rotate(140deg)
	}

	to {
		transform: translate(89.114822117vw,100vh) scale(.7318) rotate(140deg)
	}
}

.snowflakes-box .snowflake:nth-child(62) {
	animation: fall-62 26s linear -5s infinite;
	opacity: 1;
	transform: translate(13.3147vw,-20px) scale(.6184) rotate(140deg)
}

@keyframes fall-62 {
	11.553% {
		transform: translate(10.2882vw,11.553vh) scale(.6184) rotate(140deg)
	}

	to {
		transform: translate(13.314669735vw,100vh) scale(.6184) rotate(140deg)
	}
}

.snowflakes-box .snowflake:nth-child(63) {
	animation: fall-63 19s linear -7s infinite;
	opacity: .1854;
	transform: translate(58.6644vw,-20px) scale(.1883) rotate(120deg)
}

@keyframes fall-63 {
	18.34% {
		transform: translate(64.9979vw,18.34vh) scale(.1883) rotate(120deg)
	}

	to {
		transform: translate(58.664463335vw,100vh) scale(.1883) rotate(120deg)
	}
}

.snowflakes-box .snowflake:nth-child(64) {
	animation: fall-64 21s linear -29s infinite;
	opacity: .3366;
	transform: translate(66.7757vw,-20px) scale(.0129) rotate(440deg)
}

@keyframes fall-64 {
	19.389% {
		transform: translate(59.8866vw,19.389vh) scale(.0129) rotate(440deg)
	}

	to {
		transform: translate(66.775631109vw,100vh) scale(.0129) rotate(440deg)
	}
}

.snowflakes-box .snowflake:nth-child(65) {
	animation: fall-65 20s linear -15s infinite;
	opacity: 1;
	transform: translate(79.1918vw,-20px) scale(.4193) rotate(460deg)
}

@keyframes fall-65 {
	10.167% {
		transform: translate(85.0738vw,10.167vh) scale(.4193) rotate(460deg)
	}

	to {
		transform: translate(79.19185882vw,100vh) scale(.4193) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(66) {
	animation: fall-66 14s linear -23s infinite;
	opacity: 1;
	transform: translate(23.427vw,-20px) scale(.2273) rotate(140deg)
}

@keyframes fall-66 {
	12.829% {
		transform: translate(13.5608vw,12.829vh) scale(.2273) rotate(140deg)
	}

	to {
		transform: translate(23.426901338vw,100vh) scale(.2273) rotate(140deg)
	}
}

.snowflakes-box .snowflake:nth-child(67) {
	animation: fall-67 11s linear -28s infinite;
	opacity: 1;
	transform: translate(26.3649vw,-20px) scale(.8695) rotate(60deg)
}

@keyframes fall-67 {
	12.587% {
		transform: translate(32.9065vw,12.587vh) scale(.8695) rotate(60deg)
	}

	to {
		transform: translate(26.364965416vw,100vh) scale(.8695) rotate(60deg)
	}
}

.snowflakes-box .snowflake:nth-child(68) {
	animation: fall-68 12s linear -15s infinite;
	opacity: 1;
	transform: translate(19.016vw,-20px) scale(.1174) rotate(500deg)
}

@keyframes fall-68 {
	12.82% {
		transform: translate(20.926vw,12.82vh) scale(.1174) rotate(500deg)
	}

	to {
		transform: translate(19.0160191vw,100vh) scale(.1174) rotate(500deg)
	}
}

.snowflakes-box .snowflake:nth-child(69) {
	animation: fall-69 13s linear -9s infinite;
	opacity: .0664;
	transform: translate(70.2864vw,-20px) scale(.4023) rotate(600deg)
}

@keyframes fall-69 {
	19.063% {
		transform: translate(80.0123vw,19.063vh) scale(.4023) rotate(600deg)
	}

	to {
		transform: translate(70.286497259vw,100vh) scale(.4023) rotate(600deg)
	}
}

.snowflakes-box .snowflake:nth-child(70) {
	animation: fall-70 18s linear -28s infinite;
	opacity: .3756;
	transform: translate(4.9489vw,-20px) scale(.306) rotate(560deg)
}

@keyframes fall-70 {
	14.651% {
		transform: translate(-1.0881vw,14.651vh) scale(.306) rotate(560deg)
	}

	to {
		transform: translate(4.94883963vw,100vh) scale(.306) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(71) {
	animation: fall-71 20s linear -2s infinite;
	opacity: .472;
	transform: translate(95.8009vw,-20px) scale(.5938) rotate(300deg)
}

@keyframes fall-71 {
	14.052% {
		transform: translate(104.2548vw,14.052vh) scale(.5938) rotate(300deg)
	}

	to {
		transform: translate(95.800984539vw,100vh) scale(.5938) rotate(300deg)
	}
}

.snowflakes-box .snowflake:nth-child(72) {
	animation: fall-72 17s linear -14s infinite;
	opacity: .4306;
	transform: translate(69.7493vw,-20px) scale(.1573) rotate(60deg)
}

@keyframes fall-72 {
	15.588% {
		transform: translate(63.4337vw,15.588vh) scale(.1573) rotate(60deg)
	}

	to {
		transform: translate(69.749236844vw,100vh) scale(.1573) rotate(60deg)
	}
}

.snowflakes-box .snowflake:nth-child(73) {
	animation: fall-73 21s linear -24s infinite;
	opacity: .9742;
	transform: translate(4.466vw,-20px) scale(.1498) rotate(320deg)
}

@keyframes fall-73 {
	18.973% {
		transform: translate(-3.2367vw,18.973vh) scale(.1498) rotate(320deg)
	}

	to {
		transform: translate(4.465922973vw,100vh) scale(.1498) rotate(320deg)
	}
}

.snowflakes-box .snowflake:nth-child(74) {
	animation: fall-74 18s linear -24s infinite;
	opacity: .0104;
	transform: translate(5.0172vw,-20px) scale(.9591) rotate(80deg)
}

@keyframes fall-74 {
	16.414% {
		transform: translate(2.9169vw,16.414vh) scale(.9591) rotate(80deg)
	}

	to {
		transform: translate(5.017178997vw,100vh) scale(.9591) rotate(80deg)
	}
}

.snowflakes-box .snowflake:nth-child(75) {
	animation: fall-75 19s linear -17s infinite;
	opacity: 1;
	transform: translate(.8932vw,-20px) scale(.2064) rotate(420deg)
}

@keyframes fall-75 {
	10.873% {
		transform: translate(-3.6378vw,10.873vh) scale(.2064) rotate(420deg)
	}

	to {
		transform: translate(.89315469vw,100vh) scale(.2064) rotate(420deg)
	}
}

.snowflakes-box .snowflake:nth-child(76) {
	animation: fall-76 10s linear -9s infinite;
	opacity: 1;
	transform: translate(43.4157vw,-20px) scale(.6746) rotate(500deg)
}

@keyframes fall-76 {
	19.782% {
		transform: translate(50.4765vw,19.782vh) scale(.6746) rotate(500deg)
	}

	to {
		transform: translate(43.415770608vw,100vh) scale(.6746) rotate(500deg)
	}
}

.snowflakes-box .snowflake:nth-child(77) {
	animation: fall-77 12s linear -8s infinite;
	opacity: .3818;
	transform: translate(73.9044vw,-20px) scale(.0466) rotate(540deg)
}

@keyframes fall-77 {
	16.469% {
		transform: translate(76.7319vw,16.469vh) scale(.0466) rotate(540deg)
	}

	to {
		transform: translate(73.904428275vw,100vh) scale(.0466) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(78) {
	animation: fall-78 21s linear -2s infinite;
	opacity: .2086;
	transform: translate(12.1918vw,-20px) scale(.7536) rotate(120deg)
}

@keyframes fall-78 {
	15.309% {
		transform: translate(8.223vw,15.309vh) scale(.7536) rotate(120deg)
	}

	to {
		transform: translate(12.191760312vw,100vh) scale(.7536) rotate(120deg)
	}
}

.snowflakes-box .snowflake:nth-child(79) {
	animation: fall-79 21s linear -11s infinite;
	opacity: .8862;
	transform: translate(42.4113vw,-20px) scale(.6333) rotate(400deg)
}

@keyframes fall-79 {
	15.622% {
		transform: translate(46.3064vw,15.622vh) scale(.6333) rotate(400deg)
	}

	to {
		transform: translate(42.411338951vw,100vh) scale(.6333) rotate(400deg)
	}
}

.snowflakes-box .snowflake:nth-child(80) {
	animation: fall-80 13s linear -22s infinite;
	opacity: .139;
	transform: translate(53.0642vw,-20px) scale(.7768) rotate(420deg)
}

@keyframes fall-80 {
	18.634% {
		transform: translate(58.181vw,18.634vh) scale(.7768) rotate(420deg)
	}

	to {
		transform: translate(53.064251168vw,100vh) scale(.7768) rotate(420deg)
	}
}

.snowflakes-box .snowflake:nth-child(81) {
	animation: fall-81 29s linear -12s infinite;
	opacity: 1;
	transform: translate(78.4814vw,-20px) scale(.0939) rotate(340deg)
}

@keyframes fall-81 {
	11.386% {
		transform: translate(80.9681vw,11.386vh) scale(.0939) rotate(340deg)
	}

	to {
		transform: translate(78.481424867vw,100vh) scale(.0939) rotate(340deg)
	}
}

.snowflakes-box .snowflake:nth-child(82) {
	animation: fall-82 14s linear -26s infinite;
	opacity: .357;
	transform: translate(68.5713vw,-20px) scale(.3685) rotate(1turn)
}

@keyframes fall-82 {
	12.411% {
		transform: translate(64.5545vw,12.411vh) scale(.3685) rotate(1turn)
	}

	to {
		transform: translate(68.571259832vw,100vh) scale(.3685) rotate(1turn)
	}
}

.snowflakes-box .snowflake:nth-child(83) {
	animation: fall-83 10s linear -29s infinite;
	opacity: .9488;
	transform: translate(57.6592vw,-20px) scale(.1724) rotate(540deg)
}

@keyframes fall-83 {
	11.036% {
		transform: translate(56.241vw,11.036vh) scale(.1724) rotate(540deg)
	}

	to {
		transform: translate(57.659185818vw,100vh) scale(.1724) rotate(540deg)
	}
}

.snowflakes-box .snowflake:nth-child(84) {
	animation: fall-84 15s linear -15s infinite;
	opacity: .2908;
	transform: translate(78.3856vw,-20px) scale(.0246) rotate(600deg)
}

@keyframes fall-84 {
	13.789% {
		transform: translate(78.722vw,13.789vh) scale(.0246) rotate(600deg)
	}

	to {
		transform: translate(78.385603364vw,100vh) scale(.0246) rotate(600deg)
	}
}

.snowflakes-box .snowflake:nth-child(85) {
	animation: fall-85 30s linear -1s infinite;
	opacity: 1;
	transform: translate(52.0041vw,-20px) scale(.2601) rotate(480deg)
}

@keyframes fall-85 {
	10.23% {
		transform: translate(56.4435vw,10.23vh) scale(.2601) rotate(480deg)
	}

	to {
		transform: translate(52.004144394vw,100vh) scale(.2601) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(86) {
	animation: fall-86 30s linear -12s infinite;
	opacity: 1;
	transform: translate(59.5535vw,-20px) scale(.491) rotate(480deg)
}

@keyframes fall-86 {
	11.287% {
		transform: translate(61.7213vw,11.287vh) scale(.491) rotate(480deg)
	}

	to {
		transform: translate(59.553521678vw,100vh) scale(.491) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(87) {
	animation: fall-87 11s linear -27s infinite;
	opacity: 1;
	transform: translate(13.3348vw,-20px) scale(.0506) rotate(180deg)
}

@keyframes fall-87 {
	12.044% {
		transform: translate(13.944vw,12.044vh) scale(.0506) rotate(180deg)
	}

	to {
		transform: translate(13.334806092vw,100vh) scale(.0506) rotate(180deg)
	}
}

.snowflakes-box .snowflake:nth-child(88) {
	animation: fall-88 28s linear -5s infinite;
	opacity: 1;
	transform: translate(9.3745vw,-20px) scale(.7808) rotate(460deg)
}

@keyframes fall-88 {
	11.904% {
		transform: translate(2.3133vw,11.904vh) scale(.7808) rotate(460deg)
	}

	to {
		transform: translate(9.374429388vw,100vh) scale(.7808) rotate(460deg)
	}
}

.snowflakes-box .snowflake:nth-child(89) {
	animation: fall-89 19s linear -17s infinite;
	opacity: 1;
	transform: translate(7.4814vw,-20px) scale(.5653) rotate(480deg)
}

@keyframes fall-89 {
	14.563% {
		transform: translate(-1.7198vw,14.563vh) scale(.5653) rotate(480deg)
	}

	to {
		transform: translate(7.481307988vw,100vh) scale(.5653) rotate(480deg)
	}
}

.snowflakes-box .snowflake:nth-child(90) {
	animation: fall-90 25s linear -6s infinite;
	opacity: 1;
	transform: translate(64.0818vw,-20px) scale(.9293) rotate(560deg)
}

@keyframes fall-90 {
	15.574% {
		transform: translate(72.7785vw,15.574vh) scale(.9293) rotate(560deg)
	}

	to {
		transform: translate(64.081886967vw,100vh) scale(.9293) rotate(560deg)
	}
}

.snowflakes-box .snowflake:nth-child(91) {
	animation: fall-91 13s linear -8s infinite;
	opacity: 1;
	transform: translate(37.8889vw,-20px) scale(.1389) rotate(340deg)
}

@keyframes fall-91 {
	15.571% {
		transform: translate(42.9041vw,15.571vh) scale(.1389) rotate(340deg)
	}

	to {
		transform: translate(37.888950152vw,100vh) scale(.1389) rotate(340deg)
	}
}

.snowflakes-box .snowflake:nth-child(92) {
	animation: fall-92 19s linear -8s infinite;
	opacity: .5658;
	transform: translate(76.1665vw,-20px) scale(.2895) rotate(340deg)
}

@keyframes fall-92 {
	17.836% {
		transform: translate(72.7589vw,17.836vh) scale(.2895) rotate(340deg)
	}

	to {
		transform: translate(76.166465924vw,100vh) scale(.2895) rotate(340deg)
	}
}

.snowflakes-box .snowflake:nth-child(93) {
	animation: fall-93 27s linear -24s infinite;
	opacity: 1;
	transform: translate(94.5839vw,-20px) scale(.3934) rotate(200deg)
}

@keyframes fall-93 {
	11.782% {
		transform: translate(101.0805vw,11.782vh) scale(.3934) rotate(200deg)
	}

	to {
		transform: translate(94.583964966vw,100vh) scale(.3934) rotate(200deg)
	}
}

.snowflakes-box .snowflake:nth-child(94) {
	animation: fall-94 29s linear -25s infinite;
	opacity: 1;
	transform: translate(80.5463vw,-20px) scale(.9311) rotate(160deg)
}

@keyframes fall-94 {
	13.429% {
		transform: translate(74.7995vw,13.429vh) scale(.9311) rotate(160deg)
	}

	to {
		transform: translate(80.546242532vw,100vh) scale(.9311) rotate(160deg)
	}
}

.snowflakes-box .snowflake:nth-child(95) {
	animation: fall-95 17s linear -19s infinite;
	opacity: .591;
	transform: translate(73.9782vw,-20px) scale(.949) rotate(20deg)
}

@keyframes fall-95 {
	14.44% {
		transform: translate(81.2775vw,14.44vh) scale(.949) rotate(20deg)
	}

	to {
		transform: translate(73.978272993vw,100vh) scale(.949) rotate(20deg)
	}
}

.snowflakes-box .snowflake:nth-child(96) {
	animation: fall-96 25s linear -21s infinite;
	opacity: .1172;
	transform: translate(89.2368vw,-20px) scale(.3348) rotate(220deg)
}

@keyframes fall-96 {
	13.073% {
		transform: translate(91.3903vw,13.073vh) scale(.3348) rotate(220deg)
	}

	to {
		transform: translate(89.236821535vw,100vh) scale(.3348) rotate(220deg)
	}
}

.snowflakes-box .snowflake:nth-child(97) {
	animation: fall-97 15s linear -1s infinite;
	opacity: 1;
	transform: translate(78.9114vw,-20px) scale(.3778) rotate(60deg)
}

@keyframes fall-97 {
	18.099% {
		transform: translate(82.0241vw,18.099vh) scale(.3778) rotate(60deg)
	}

	to {
		transform: translate(78.911431127vw,100vh) scale(.3778) rotate(60deg)
	}
}

.snowflakes-box .snowflake:nth-child(98) {
	animation: fall-98 29s linear -8s infinite;
	opacity: .9128;
	transform: translate(56.7353vw,-20px) scale(.4104) rotate(520deg)
}

@keyframes fall-98 {
	18.75% {
		transform: translate(54.4127vw,18.75vh) scale(.4104) rotate(520deg)
	}

	to {
		transform: translate(56.735276774vw,100vh) scale(.4104) rotate(520deg)
	}
}

.snowflakes-box .snowflake:nth-child(99) {
	animation: fall-99 28s linear -8s infinite;
	opacity: 1;
	transform: translate(93.2123vw,-20px) scale(.5087) rotate(40deg)
}

@keyframes fall-99 {
	19.328% {
		transform: translate(89.756vw,19.328vh) scale(.5087) rotate(40deg)
	}

	to {
		transform: translate(93.212265437vw,100vh) scale(.5087) rotate(40deg)
	}
}

.snowflakes-box .snowflake:nth-child(100) {
	animation: fall-100 17s linear -24s infinite;
	opacity: .7784;
	transform: translate(11.2737vw,-20px) scale(.2515) rotate(500deg)
}

@keyframes fall-100 {
	11.797% {
		transform: translate(13.8374vw,11.797vh) scale(.2515) rotate(500deg)
	}

	to {
		transform: translate(11.273725637vw,100vh) scale(.2515) rotate(500deg)
	}
}

.snowball-box .snow-layer {
	background-color: #fff;
	bottom: 0;
	display: flex;
	left: 0;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 100
}

.snowball-box .snow-layer .snowball-wrap {
	bottom: 0;
	display: flex;
	height: 0;
	perspective: 100px;
	position: relative;
	transform: translateY(0);
	transition: transform .5s ease-in;
	width: 100%;
	z-index: 50
}

.snowball-box .snow-layer .snowball-wrap:after {
	background: #f1f9fc;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: 0;
	position: absolute;
	width: 100%
}

.snowball-box .snow-layer .snowball-wrap a {
	background-color: #f1f9fc;
	border-radius: 60% 40% 0 0;
	box-shadow: inset -10px 0 14px 0 #c8ebf8;
	display: block;
	flex: auto;
	font-family: FontAwesome;
	max-width: 50%;
	position: relative;
	transform: translateY(-6px);
	transition: all .5s linear;
	z-index: 3
}

.snowball-box .snow-layer .snowball-wrap a svg:first-child {
	color: #a6e7ff;
	content: "";
	height: 12px!important;
	position: absolute;
	right: 20%;
	top: 10%;
	width: 12px!important
}

.snowball-box .snow-layer .snowball-wrap a svg:last-child {
	color: #a6e7ff;
	content: "";
	height: 12px!important;
	left: 30%;
	position: absolute;
	top: 15%;
	width: 12px!important
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
	border-radius: 40% 40% 0 0;
	box-shadow: inset 10px 0 7px 0 #e6fcf9;
	height: 70px;
	margin-top: 10px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
	border-radius: 65% 50% 0 0;
	box-shadow: inset 5px 0 7px 0 #c5f2ed;
	height: 90px;
	margin-top: 15px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
	box-shadow: inset -10px 0 14px 0 #c8ebf8;
	height: 50px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
	border-radius: 40% 46% 0 0;
	height: 70px;
	margin-top: 25px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
	border-radius: 66% 45% 0 0;
	box-shadow: inset 5px 0 5px 0 #c5f2ed;
	height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
	border-radius: 40% 45% 0 0;
	height: 90px;
	margin-top: 18px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
	box-shadow: inset 7px 0 7px 0 #e6fcf9;
	height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
	border-radius: 40% 40% 0 0;
	box-shadow: inset 5px 0 10px 0 #c5f2ed;
	height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
	box-shadow: inset -10px 0 7px 0 #c5f2ed;
	height: 70px
}

.snowball-box .snow-layer .snowball-wrap a:only-child {
	border-radius: 45% 15% 0 0
}

.snowball-box .snow-layer .snowball-wrap a:only-child:before {
	right: 50%;
	top: 0;
	transform: translateX(-50%)
}

.snowball-box .snow-layer .snowball-wrap a:only-child:after {
	border-radius: 63% 25% 0 0;
	height: 45%;
	left: 0;
	top: 0;
	transform: translateY(0);
	transition: all 8s linear;
	width: 31%
}

.snowball-box .snow-layer .snowball-wrap a:last-child {
	flex: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3n+3) {
	box-shadow: inset 0 0 20px #f5f5f5,inset 20px 0 20px #c8ebf8,inset -20px 0 20px #c5f2ed,inset 20px 0 10px #c8ebf8,inset -20px 0 20px #c5f2ed,0 0 20px #fff,-10px 0 20px #c8ebf8,10px 0 20px #c5f2ed
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2n) {
	margin-left: -40px;
	z-index: 2
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2n):after {
	left: 50%;
	top: -2px
}

.snowball-box .snow-layer .snowball-wrap a:first-child {
	min-width: 145px
}

.snowball-box .snow-layer .snowball-wrap a:first-child:before {
	animation: falldown-1 19s linear 3s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:first-child:after {
	opacity: 1
}

@keyframes falldown-1 {
	16.904% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
	min-width: 91px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2):before {
	animation: falldown-2 10s linear 22s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2):after {
	opacity: 1
}

@keyframes falldown-2 {
	12.253% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
	min-width: 113px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3):before {
	animation: falldown-3 15s linear 2s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3):after {
	opacity: 1
}

@keyframes falldown-3 {
	10.85% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
	min-width: 85px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4):before {
	animation: falldown-4 18s linear 12s infinite;
	opacity: .466
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4):after {
	opacity: 1
}

@keyframes falldown-4 {
	18.644% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
	min-width: 88px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5):before {
	animation: falldown-5 15s linear 16s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5):after {
	opacity: 1
}

@keyframes falldown-5 {
	15.937% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
	min-width: 94px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6):before {
	animation: falldown-6 17s linear 5s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6):after {
	opacity: 1
}

@keyframes falldown-6 {
	12.129% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
	min-width: 92px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7):before {
	animation: falldown-7 29s linear 22s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7):after {
	opacity: 1
}

@keyframes falldown-7 {
	17.189% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
	min-width: 115px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8):before {
	animation: falldown-8 26s linear 21s infinite;
	opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8):after {
	opacity: 1
}

@keyframes falldown-8 {
	18.545% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
	min-width: 134px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9):before {
	animation: falldown-9 13s linear 17s infinite;
	opacity: .8806
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9):after {
	opacity: 1
}

@keyframes falldown-9 {
	12.861% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
	min-width: 126px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10):before {
	animation: falldown-10 23s linear 10s infinite;
	opacity: .8694
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10):after {
	opacity: 1
}

@keyframes falldown-10 {
	14.345% {
		opacity: 0
	}

	to {
		box-shadow: inset -3px 0 10px 0 #c8ebf8;
		opacity: 1
	}
}

.snowball-box .snow-layer .snowball-wrap a.active-for-one {
	animation: move 2s cubic-bezier(.22,.68,0,1.71) forwards
}

.snowball-box .snow-layer .snowball-wrap a.active {
	animation: move 5s linear forwards
}

@media screen and (max-width:1024px) {
	.snowball-box .snow-layer .snowball-wrap a.active {
		animation: move 5s linear 1s forwards
	}
}

.snowball-box .snow-layer .snowball-wrap a.move-out {
	opacity: 0
}

.snowball-box .snow-plow-img {
	background-repeat: no-repeat;
	background-size: contain;
	height: 100px;
	opacity: 0;
	position: relative;
	transform: translate(150px,-70px);
	transition: transform 1s linear;
	-moz-transition: transform 5s linear;
	-o-transition: transform 5s linear;
	-webkit-transition: transform 5s linear;
	width: 100px;
	z-index: 5
}

.snowball-box .snow-plow-img.active {
	animation: move-translate 5s linear forwards;
	opacity: 1
}

@keyframes move {
	0% {
		left: 0
	}

	to {
		left: -130vw
	}
}

@keyframes move-translate {
	0% {
		transform: translateY(-70px)
	}

	to {
		transform: translate(-130vw,-70px)
	}
}

@keyframes animate_grow {
	0% {
		transform: rotate(135deg) scaleX(1)
	}

	50% {
		transform: rotate(135deg) scale3d(1.05,1.05,1.05)
	}

	to {
		transform: rotate(135deg) scaleX(1)
	}
}

@media screen and (max-width:600px) {
	.snowball-box .snow-plow-img {
		height: 70px;
		transform: translate(150px,-57px);
		width: 70px
	}@	keyframes move-translate {
		0%{transform: translate(150px,-57px)
	}

	to {
		transform: translate(-100vw,-57px)
	}
}}