.viewdo-landing(@primary: #2d5174, @secondary: #6d5f8c, @theme: default){

    body #state-player.background-video{
        -webkit-mask-image: none; 
        mask-image: none;

        .landing-page{
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100vw;
            height: 100vh;
    
            .background-video{
                min-width: 100%;
                min-height: 100%;
                width: auto;
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate3d(-50%, -50%, 0);
                filter: grayscale(1);
                opacity: .2;
            }
    
            &:before{
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                background: @themePrimaryBgColor;                
            }          
        } 
    }

}