#snow {
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 1;
	pointer-events: none;
}


html.xmas .center-box {
    position: relative;
    z-index: 1;
}

html.xmas .contact>div:nth-child(1) {
    z-index: 1;
}

html.xmas .contact > div:after {
    content: '';
    position: absolute;
    top: 95px;
    left: 100px;
    background: url(https://wbm.fi/xmas-assets/cookie_man_wire.png) no-repeat center top transparent;
    width: 150px;
    height: 200px;
    transform: rotate(-15deg);
    transform-origin: center top;
    animation: 4.65s ease-in-out 0s infinite normal forwards running swinging;
    background-size: contain;
    pointer-events: none;
    z-index: 999999;
}
html.xmas .contact>div:nth-child(2):after {
    animation-delay: 0.2s;
    animation-duration: 4.5s;
    background-image: url(https://wbm.fi//xmas-assets/cookie_tree_wire.png);
    height: 150px;
    background-size: contain;
    left: -15px;
}

html.xmas .contact > div:before {
    content: '';
    position: absolute;
    top: 95px;
    left: 135px;
    background: url(https://wbm.fi/xmas-assets/cookie_man_wire.png) no-repeat center top transparent;
    width: 150px;
    height: 200px;
    transform: rotate(-15deg);
    transform-origin: center top;
    animation: 4.45s ease-in-out 0s infinite normal forwards running swinging;
    background-size: contain;
    pointer-events: none;
    z-index: 999999;
}
html.xmas .contact>div:nth-child(1):before {
    background-image: url(https://wbm.fi/xmas-assets/candy_wire.png);
    left: -25px;
    height: 250px;
	animation-delay: 0.15s;
}

@keyframes swinging { 
  0% { transform: rotate(10deg); filter:sepia(0) drop-shadow(1px 1px 7px #00000074); }
  25% { transform: rotate(-5deg) rotateY(-34deg); filter:sepia(0.5) drop-shadow(10px 20px 10px #00000074) drop-shadow(3px 2px 0px #311d0a); }
  50% { transform: rotate(10deg) rotateY(12deg); filter:sepia(0) drop-shadow(-6px 10px 8px #00000074); }
  75% { transform: rotate(-5deg) rotateY(-20deg); filter:sepia(0.2) drop-shadow(7px 7px 9px #00000074) drop-shadow(2px 1px 0px #311d0a); }
  100% { transform: rotate(10deg); filter:sepia(0) drop-shadow(1px 1px 7px #00000074); }
}

/*
@keyframes swinging { 
  0% { transform: rotate(10deg); filter:sepia(0) drop-shadow(1px 5px 7px #00000074); }
  25% { transform: rotate(-5deg) rotateY(-34deg); filter:sepia(0.5) drop-shadow(15px 12px 10px #00000074); }
  50% { transform: rotate(10deg) rotateY(12deg); filter:sepia(0) drop-shadow(-2px 8px 8px #00000074); }
  75% { transform: rotate(-5deg) rotateY(-20deg); filter:sepia(0.2) drop-shadow(12px 12px 9px #00000074); }
  100% { transform: rotate(10deg); filter:sepia(0) drop-shadow(1px 5px 7px #00000074); }
}
*/

/*
@keyframes swinging { 
  0% { transform: rotate(10deg); }
  50% { transform: rotate(-5deg); }
  100% { transform: rotate(10deg); }
}
*/