@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');



object {
    width: 100%;
    display: block;
}

img {
    border: none;
}

.customize-eCard-right-prw {
    float: left;
    width: 100%;
}

.posRel {
    position: relative !important;
}

.music-off {
    z-index: 999;
}

.music-off {
    float: left;
    position: absolute;
    z-index: 2;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

a, a:hover {
    text-decoration: none;
}

a, input, textarea, select {
    outline: medium none;
}

a {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.eCard-right-prw-s2-top {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    float: left;
    font: bold 10px Arial,Helvetica,sans-serif;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #1A1A1A;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}

    .eCard-right-prw-s2-top a {
        color: inherit;
        font: inherit;
    }

@media screen and (max-width:360px) {
    .eCard-right-prw-s2-top a {
        font-size: 10px;
    }
}

.email-social {
    text-align: center;
    color: #999;
    font: 12px arial;
    margin: 0 0 20px;
    padding: 5px;
}

/*.eCard-logo img{
    width: 80%;
}*/


 @-webkit-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {  background-position: 250px 500px, 200px 200px, 150px 150px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        
    }
}
@-moz-keyframes snow {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        
    }
}
@-ms-keyframes snow {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}
@keyframes snow {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px;  }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}



@-webkit-keyframes star { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px;  }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        
    }
}
@-moz-keyframes star {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        
    }
}
@-ms-keyframes star {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-position: 250px 500px, 200px 200px, 150px 150px;}
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}
@keyframes star {  
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% {background-position: 250px 500px, 200px 200px, 150px 150px;  }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
       
    }
}