.vidbg-container{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#444}.vidbg-container .vidbg-end-frame{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.vidbg-container video{margin:auto;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:none;opacity:0}.vidbg-container iframe{position:absolute;width:100%;height:100%;max-width:none;top:0;bottom:0;left:0;right:0;z-index:-1}.vidbg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.vidbg-loader{position:absolute;top:0;left:0;bottom:0;right:0;background:#444;-webkit-transition:opacity .5s ease-in-out, visibility .5s ease-in-out;transition:opacity .5s ease-in-out, visibility .5s ease-in-out;background-size:cover;background-position:center center;background-repeat:no-repeat}.vidbg-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.vidbg-loader-animation{z-index:1;border-radius:50%;width:32px;height:32px;border:0.25rem solid rgba(255,255,255,0.2);border-top-color:#fff;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;position:absolute;top:50%;left:50%;margin-left:-16px;margin-top:-16px}ul.vidbg-frontend-buttons{position:absolute;bottom:0;right:0;margin:0;padding:0;list-style:none;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}ul.vidbg-frontend-buttons.top-right{top:0;right:0;left:auto;bottom:auto}ul.vidbg-frontend-buttons.bottom-right{top:auto;right:0;bottom:0;left:auto}ul.vidbg-frontend-buttons.bottom-left{top:auto;right:auto;bottom:0;left:0}ul.vidbg-frontend-buttons.top-left{top:0;right:auto;bottom:auto;left:0}ul.vidbg-frontend-buttons li.vidbg-frontend-button{display:inline-block;background:#fff;background:rgba(255,255,255,0.9);cursor:pointer;padding:3px;margin:0;float:left}ul.vidbg-frontend-buttons li.vidbg-frontend-button>a{display:block;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out;-webkit-box-shadow:none;box-shadow:none;opacity:0.9;border:0;text-decoration:none}a.vidbg-toggle-pause{background-image:url(../img/pause.svg)}a.vidbg-toggle-play{background-image:url(../img/play.svg)}a.vidbg-toggle-mute{background-image:url(../img/mute.svg)}a.vidbg-toggle-unmute{background-image:url(../img/unmute.svg)}