.loop_video_splash{
    position: fixed;
    width:  100%;
    height:100%;
    background: #cccccccc;
    left:0;
    top:0;
}

.loop_video.hideVisual{
    width:0;
    height:0;
    overflow:hidden;
}
.hideVisual .loop_video_splash{
    display:none;
}

.loop_video .loop_video_controls{
    opacity: 0.7;
}
.loop_video .loop_video_controls:hover{
    opacity: 1;
}

.loop_video .loop_video_player_box{
    position: fixed;
    width:  80%;
    height: 80%;
    left:10%;
    top:10%;
    z-index:10;
}
.loop_video.fullScreenBrowser .loop_video_player_box, .loop_video.fullScreen .loop_video_player_box{
    position: fixed;
    width:  100%;
    height:100%;
    left:0;
    top:0;
}

.loop_video .loop_video_full_screen .fa-expand{
    display:unset;
}
.loop_video.fullScreen .loop_video_full_screen .fa-expand{
    display:none;
}
.loop_video .loop_video_full_screen .fa-compress{
    display:none;
}
.loop_video.fullScreen .loop_video_full_screen .fa-compress{
    display:unset;
}

.loop_video .loop_video_mute .fa-volume-mute{
    display:unset;
}
.loop_video.muted .loop_video_mute .fa-volume-mute{
    display:none;
}
.loop_video .loop_video_mute .fa-volume-off{
    display:none;
}
.loop_video.muted .loop_video_mute .fa-volume-off{
    display:unset;
}
.loop_video.muted .loop_video_sound_minus{
    display:none;
}
.loop_video.muted .loop_video_sound_plus{
    display:none;
}

.loop_video .loop_video_player_box .loop_insert_video{
    min-width: 100%;
    min-height: 100%;

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow:hidden;
    background: #000;
}
.loop_video .loop_video_player_box video{
    /*min-width: 100%;
    min-height: 100%;

    width: auto;
    height: auto;*/
    width:100%;
    height:100%;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.position_relative{
    position: relative;
}




.loop_video_controls{
    position: absolute;
    z-index:11;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loop_video_control_btn{
    position: relative;
    aspect-ratio: 1 / 1;
    background: #ccc;
    border-radius: 100000px;
    cursor: pointer;
    float: left;
    height: 8vh;
    border: 1px #fff solid;
    margin-left: 10px;
    font-size: 4vh;
    text-align: center;
    line-height: 8vh;
    box-shadow: 0px 0px 0px #ccc;
    margin-bottom: 2px;
}
.loop_video_control_btn{
    background: #dfdfdf;
}

.loop_video_control_btn.clicked{
    margin-top: 2px;
    margin-bottom: 0px;
    position: relative;
    box-shadow: 0px 0px 0px #ccc;
    background: #efefef;
}

.loop_video_close{
}

.hideVisual .loop_video_splash{
    display:none;
}