/* =========================================
============== VERSÃO NATAL ===============
========================================= */

/*.v-normal {
    display: none !important;
}

.v-natal {
    
}*/

.bg-snow-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .bg-snow-box .bg-snow {
        background: url("/assets/images/campanha/vnatal/MySenior-2023-2a-campanha-vNatal-snow-back.png");
        background-repeat: repeat;
        background-position: left top;
        width: 100%;
        height: 110vh;
        z-index: 2;
        opacity: 0;
    }

/* ==== Snow back master */
.v-natal #images-snow.content {
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    background-size: cover;
}

    .v-natal #images-snow.content .fallingSnow {
        text-align: center;
    }

        .v-natal #images-snow.content .fallingSnow span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50px;
            margin: -280px 60px 54px -34px;
            background: rgba(255, 255, 255, 0.5);
            -webkit-animation: fallingSnow 12s infinite cubic-bezier(0.35,0.42,0.39,0.29);
            -moz-animation: fallingSnow 12s infinite cubic-bezier(0.35,0.42,0.39,0.29);
            -webkit-filter: blur(1px);
            -moz-filter: blur(1px);
            -o-filter: blur(1px);
            -ms-filter: blur(1px);
            filter: blur(1px);
        }

            .v-natal #images-snow.content .fallingSnow span:nth-child(5n+5) {
                -webkit-animation-delay: 1.3s;
                -moz-animation-delay: 1.3s;
                width: 12px;
                height: 12px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(3n+2) {
                -webkit-animation-delay: 1.5s;
                -moz-animation-delay: 1.5s;
                width: 8px;
                height: 8px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(2n+5) {
                -webkit-animation-delay: 1.7s;
                -moz-animation-delay: 1.7s;
                width: 10px;
                height: 10px;
            }
            .v-natal #images-snow.content .fallingSnow span:nth-child(4n+6) {
                -webkit-animation-delay: 1.9s;
                -moz-animation-delay: 1.9s;
                width: 8px;
                height: 8px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(2n+5) {
                -webkit-animation-delay: 2.2s;
                -moz-animation-delay: 2.2s;
                width: 10px;
                height: 10px;
            }
            .v-natal #images-snow.content .fallingSnow span:nth-child(5n+6) {
                -webkit-animation-delay: 2.4s;
                -moz-animation-delay: 2.4s;
                width: 5px;
                height: 5px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(3n+6) {
                -webkit-animation-delay: 2.7s;
                -moz-animation-delay: 2.7s;
                width: 6px;
                height: 6px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(7n+2) {
                -webkit-animation-delay: 3.5s;
                -moz-animation-delay: 3.5s;
                width: 14px;
                height: 14px;
            }

            .v-natal #images-snow.content .fallingSnow span:nth-child(4n+5) {
                -webkit-animation-delay: 5.5s;
                -moz-animation-delay: 5.5s;
                width: 9px;
                height: 9px;
            }
            .v-natal #images-snow.content .fallingSnow span:nth-child(9n+3) {
                -webkit-animation-delay: 8s;
                -moz-animation-delay: 8s;
                width: 6px;
                height: 6px;
            }
@-webkit-keyframes fallingSnow {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg);
    }
}

@-moz-keyframes fallingSnow {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg);
    }
}


/* ==== Snow back */
.v-natal #images-snow.content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden !important;
}

    .v-natal #images-snow.content .imgholder {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .v-natal #images-snow.content .photo {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-repeat: repeat;
        opacity: 0.5;
    }

@media (max-width: 1025px) {
    .v-natal #images-snow {
        display: none;
    }
}

/* ============== /VERSÃO NATAL ========= */

@media (max-width: 768px) {
    section #home .v-natal .one-row_bottom_divider.snow-3 {
        bottom: 0;
        z-index: 3;
    }
}