.video-container {
    position: relative;
    background-size: cover;
}


    .video-container .video-control {
        margin: auto;
        z-index: 11;
    }

        .video-container .video-control span {
            cursor: pointer;
            color: #ffffff;
        }


    .video-container.modal {
        z-index: 99999999;
    }

        .video-container.modal .overlay {
            z-index: 10;
            position: absolute;
            text-align: right;
            width: 100%;
            height: 100%;
        }

            .video-container.modal .overlay button.close {
                margin-right: 50px;
                margin-bottom: 30px;
                top: 90%;
            }

        .video-container.modal .modal-dialog {
            margin: auto;
            height: 100%;
            width: 100%;
        }

        .video-container.modal .modal-content {
            height: 100vh;
            width: 100vw;
            background-color: black;
        }

        .video-container.modal .modal-body {
            padding: 0;
            width: 100vw;
            height: 99vh;
        }