.particle-snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none
}

    .particle-snow canvas {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }

.christmas-garland {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    padding: 0;
    pointer-events: none;
    width: 100%;
    height: 85px
}

    .christmas-garland .christmas-garland__item {
        position: relative;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 20px
    }

        .christmas-garland .christmas-garland__item .shape {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-name: flash-1;
            animation-name: flash-1;
            -webkit-animation-duration: 2s;
            animation-duration: 2s
        }

        .christmas-garland .christmas-garland__item .apple {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px
        }

        .christmas-garland .christmas-garland__item .pear {
            width: 12px;
            height: 28px;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 6px
        }

        .christmas-garland .christmas-garland__item:nth-child(2n+1) .shape {
            -webkit-animation-name: flash-2;
            animation-name: flash-2;
            -webkit-animation-duration: .4s;
            animation-duration: .4s
        }

        .christmas-garland .christmas-garland__item:nth-child(4n+2) .shape {
            -webkit-animation-name: flash-3;
            animation-name: flash-3;
            -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s
        }

        .christmas-garland .christmas-garland__item:nth-child(odd) .shape {
            -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s
        }

        .christmas-garland .christmas-garland__item:nth-child(3n+1) .shape {
            -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s
        }

        .christmas-garland .christmas-garland__item:before {
            content: "";
            position: absolute;
            background: #222;
            width: 10px;
            height: 10px;
            border-radius: 3px;
            top: -1px;
            left: 9px
        }

        .christmas-garland .christmas-garland__item:after {
            content: "";
            top: -9px;
            left: 14px;
            position: absolute;
            width: 52px;
            height: 18px;
            border-bottom: solid #222 2px;
            border-radius: 50%
        }

        .christmas-garland .christmas-garland__item:last-child:after {
            content: none
        }

        .christmas-garland .christmas-garland__item:first-child {
            margin-left: -40px
        }

.snowflake {
    -webkit-animation: snowflake_unknown 10s linear infinite;
    animation: snowflake_unknown 10s linear infinite;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform
}

.snowflake__inner, .snowflake__inner:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .snowflake__inner:before {
        background-size: 100% 100%;
        content: ""
    }

.snowflake__inner_wind {
    -webkit-animation: snowflake_unknown 2s ease-in-out infinite alternate;
    animation: snowflake_unknown 2s ease-in-out infinite alternate
}

.snowflake__inner_rotation:before {
    -webkit-animation: snowflake_rotation 10s linear infinite;
    animation: snowflake_rotation 10s linear infinite
}

.snowflake__inner_rotation_reverse:before {
    -webkit-animation: snowflake_rotation_reverse 10s linear infinite;
    animation: snowflake_rotation_reverse 10s linear infinite
}

@-webkit-keyframes snowflake_rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes snowflake_rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes snowflake_rotation_reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes snowflake_rotation_reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.snowflakes {
    pointer-events: none
}

.snowflakes_paused .snowflake, .snowflakes_paused .snowflake__inner, .snowflakes_paused .snowflake__inner:before {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.snowflakes_hidden {
    visibility: hidden
}

.snowflakes_body {
    height: 1px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}


.Christmas .snowflake__inner_type_0:before {
    background-image: url("../image1.html");
}

.Christmas .snowflake__inner_type_1:before {
    background-image: url("../image2.html");
}

.Christmas .snowflake__inner_type_2:before {
    background-image: url("../image3.html");
}

.Christmas .snowflake__inner_type_3:before {
    background-image: url("../image4.html");
}

.Christmas .snowflake__inner_type_4:before {
    background-image: url("../image5.html");
}

.Christmas .snowflake__inner_type_5:before {
    background-image: url("../image6.html");
}



@-webkit-keyframes snowflake_gid_1_y {
    from {
        -webkit-transform: translateY(0px)
    }

    to {
        -webkit-transform: translateY(758.7106781186548px);
    }
}

@keyframes snowflake_gid_1_y {
    from {
        transform: translateY(0px)
    }

    to {
        transform: translateY(758.7106781186548px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_0 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(10px);
    }
}

@keyframes snowflake_gid_1_x_0 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(10px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_1 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(12px);
    }
}

@keyframes snowflake_gid_1_x_1 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(12px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_2 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(14px);
    }
}

@keyframes snowflake_gid_1_x_2 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(14px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_3 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(16px);
    }
}

@keyframes snowflake_gid_1_x_3 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(16px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_4 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(18px);
    }
}

@keyframes snowflake_gid_1_x_4 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(18px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_5 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(20px);
    }
}

@keyframes snowflake_gid_1_x_5 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(20px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_6 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(22px);
    }
}

@keyframes snowflake_gid_1_x_6 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(22px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_7 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(24px);
    }
}

@keyframes snowflake_gid_1_x_7 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(24px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_8 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(26px);
    }
}

@keyframes snowflake_gid_1_x_8 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(26px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_9 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(28px);
    }
}

@keyframes snowflake_gid_1_x_9 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(28px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_10 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(30px);
    }
}

@keyframes snowflake_gid_1_x_10 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(30px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_11 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(32px);
    }
}

@keyframes snowflake_gid_1_x_11 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(32px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_12 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(34px);
    }
}

@keyframes snowflake_gid_1_x_12 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(34px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_13 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(36px);
    }
}

@keyframes snowflake_gid_1_x_13 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(36px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_14 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(38px);
    }
}

@keyframes snowflake_gid_1_x_14 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(38px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_15 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(40px);
    }
}

@keyframes snowflake_gid_1_x_15 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(40px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_16 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(42px);
    }
}

@keyframes snowflake_gid_1_x_16 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(42px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_17 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(44px);
    }
}

@keyframes snowflake_gid_1_x_17 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(44px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_18 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(46px);
    }
}

@keyframes snowflake_gid_1_x_18 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(46px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_19 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(48px);
    }
}

@keyframes snowflake_gid_1_x_19 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(48px)
    }
}

@-webkit-keyframes snowflake_gid_1_x_20 {
    from {
        -webkit-transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(50px);
    }
}

@keyframes snowflake_gid_1_x_20 {
    from {
        transform: translateX(0px)
    }

    to {
        transform: translateX(50px)
    }
}