/*  ---------------------------------------
    Table of Css plgin
    ---------------------------------------

*   01. canvas
*   02. slicknav
*   03. animate.css
*   04. owl.carousel
*   05. lightbox
*   06. YouTubePopUp
*   07. swiper
*   07. normalize
*
*/

.wed_fixed_bcg #leafContainer,
.wed_white_fixed #leafContainer {
    width: 100%;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    pointer-events: none;
    z-index: 1
}

#leafContainer,
.wed_slider_dandelions #leafContainer {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 10
}

#leafContainer {
    position: fixed
}

.wed_slider_dandelions #leafContainer {
    position: absolute
}

#leafContainer>div {
    position: absolute;
    width: 45px;
    height: 45px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in
}

#leafContainer>div>img {
    position: absolute;
    width: auto;
    height: auto;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% -100%
}

.wed_floral #leafContainer>div>img {
    position: absolute;
    width: auto;
    height: 25px
}

@-webkit-keyframes fade {
    0%,
    85% {
        opacity: 1
    }
    90% {
        opacity: 0
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0, 50px)
    }
    100% {
        -webkit-transform: translate(0, -1950px)
    }
}

@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: rotate(-50deg)
    }
    60% {
        -webkit-transform: rotate(50deg)
    }
    80% {
        -webkit-transform: rotate(80deg)
    }
    100% {
        -webkit-transform: rotate(-40deg)
    }
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform: scale(-1, 1) rotate(80deg)
    }
    100% {
        -webkit-transform: scale(-1, 1) rotate(-80deg)
    }
}