@keyframes smoothFadeIn {
0% {
    opacity: 0;
}
20% {
    opacity: 0;
}
40% {
    opacity: .4;
}
60% {
    opacity: .6;
}
80% {
    opacity: .8;
}

100% {
    opacity: 1;
}
}

@keyframes underline {
to {
    width: 100%;
}
}

@keyframes fade {
0% {
    transform: translateY(-1600px);
    opacity 0;
}

80% {
    opacity: .8;
}

100% {
    transform: translateY(0);
    opacity: 1;
}
}

@keyframes smoothFadeInTop {
0% {
    transform: translateY(-20px);
    opacity: 0;
}
20% {
    opacity: .2;
}
40% {
    opacity: .4;
}
60% {
    opacity: .6;
}
80% {
    opacity: .8;
}

100% {
    transform: translateY(0px);
    opacity: 1;
}
}
@keyframes loader {
0% { transform: rotate(0deg);}
25% { transform: rotate(180deg);}
50% { transform: rotate(180deg);}
75% { transform: rotate(360deg);}
100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
0% { height: 0%;}
25% { height: 0%;}
50% { height: 100%;}
75% { height: 100%;}
100% { height: 0%;}
}


.loader-wrapper {
    z-index: 100;
    width: 100%;
    height: 100%;
    position: absolute;
    background: black;
    position:fixed;
    z-index:10000;
    top: 0;
    left: 0;
    background:black;
    display: flex;
    justify-content: center;
    align-items: center;
}

#myVideoLoading{
    position: absolute;
    z-index: 400;
    width: 100%;
    height: 100%;
}