.loading-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .loading-overlay .loading-anim { position: absolute; width: 44px; height: 44px; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; border-radius: 50%; border: 6px solid rgba(240, 240, 240, 0.2); border-top-color: #f0f0f0; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } @-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); } } #ivp-viewport { height: 100%; max-width: 100%; overflow: hidden; } #ivp-iframe { display: block; border: 0; width: 100%; height: 100%; background: #fafafa; } #player-controls { position: absolute; width: 100%; height: 56px; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(-46.77%, #000000), to(rgba(0, 0, 0, 0))); background: linear-gradient(360deg, #000000 -46.77%, rgba(0, 0, 0, 0) 100%); padding: 4px 16px 8px 16px; font-family: 'Ubuntu', sans-serif; } #player-controls.animate.show { bottom: 0 !important; -webkit-transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1); transition: bottom 0.25s cubic-bezier(0, 0, 0.2, 1); } #player-controls.animate.hide { bottom: -48px !important; -webkit-transition: bottom 0.2s cubic-bezier(0.4, 0, 1, 1); transition: bottom 0.2s cubic-bezier(0.4, 0, 1, 1); } #player-controls.isHidden { display: none; } #player-controls .spacer { display: table-cell; vertical-align: middle; width: 100%; } #player-controls .playback-wrapper { height: 100%; width: 100%; display: table; } #player-controls .btn { width: 52px; min-width: 52px; opacity: 0.4; vertical-align: middle; display: table-cell; padding: 8px 14px 0 14px; } #player-controls .btn:after { -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)); } #player-controls .btn.active { opacity: 0.85; cursor: pointer; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } #player-controls .btn.active:hover { -webkit-tap-highlight-color: transparent; opacity: 1; } #player-controls .btn.btn-play-pause.active:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } #player-controls .btn.btn-play-pause:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .btn.btn-play-pause.paused:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .btn.btn-prev:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .btn.btn-next:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .btn.btn-volume:after { content: url('data:image/svg+xml;utf-8,'); } #player-controls .btn.btn-volume.mute:after { content: url('data:image/svg+xml;utf-8,'); } #player-controls .btn.btn-volume .volume-control { display: none; } #player-controls .btn.btn-fullscreen:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .btn.btn-fullscreen.is-fullscreen:after { content: url('data:image/svg+xml;utf8,'); } #player-controls .time-wrapper { display: table-cell; vertical-align: middle; padding: 6px 15px 0 15px; white-space: nowrap; width: 0; font-size: 18px; } #player-controls .time-wrapper > p { display: inline; color: white; opacity: 0.85; -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)); } #player-controls .volume-control { position: absolute; padding-left: 40px; } #player-controls .volume-control .volume-slider { height: 3px; width: 100px; top: 10px; border: none; border-radius: 10px; background: rgba(240, 240, 240, 0.9); cursor: pointer; } #player-controls .volume-control .volume-slider .ui-slider-range { border: none; border-radius: 10px; background: #ff6900; } #player-controls .volume-control .volume-slider .ui-slider-handle { width: 13px; height: 13px; top: -5px; margin-left: -6.5px; border: none; border-radius: 50%; background: #ff6900; cursor: pointer; } #player-controls .volume-control .volume-slider .ui-slider-handle:focus { outline: none; } #player-controls .volume-control > p { display: inline; color: #f0f0f0; } #player-controls .progress-slider-wrapper { position: absolute; top: -8px; left: 16px; right: 16px; height: 16px; background: transparent; } #player-controls .progress-slider-wrapper .progress-slider { height: 5px; top: 5.5px; border: 0; border-radius: 10px; background: rgba(240, 240, 240, 0.5); cursor: pointer; } #player-controls .progress-slider-wrapper .progress-slider .progress-loading { width: 100%; height: 100%; overflow: hidden; border: none; border-radius: 10px; background: none; } #player-controls .progress-slider-wrapper .progress-slider .progress-loading .ui-progressbar-value { background: rgba(240, 240, 240, 0.9); margin: 0; border: none; border-radius: 10px; } #player-controls .progress-slider-wrapper .progress-slider .ui-slider-range { background: #ff6900; border: none; border-radius: 10px; } #player-controls .progress-slider-wrapper .progress-slider .ui-slider-handle { width: 15px; height: 15px; top: -5px; margin-left: -7.5px; -webkit-transform: scale(0); transform: scale(0); border: none; border-radius: 50%; background: #ff6900; cursor: pointer; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); } #player-controls .progress-slider-wrapper .progress-slider .ui-slider-handle.ui-state-active { -webkit-transform: scale(1); transform: scale(1); } #player-controls .progress-slider-wrapper .progress-slider .ui-slider-handle:focus { outline: none; } #player-controls .progress-slider-wrapper:hover .progress-slider { height: 9px; top: 3.5px; } #player-controls .progress-slider-wrapper:hover .progress-slider .ui-slider-handle { top: -3px; -webkit-transform: scale(1); transform: scale(1); } #unmuteBtn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; font-family: 'Ubuntu', sans-serif; } #unmuteBtn .btn-unmute { display: inline-block; position: absolute; vertical-align: middle; top: 1rem; left: 1rem; padding: 0.5rem 0.75rem; color: #f0f0f0; border: 2px solid rgba(240, 240, 240, 0.4); background: rgba(0, 0, 0, 0.3); border-radius: 8px; white-space: nowrap; font-size: 1rem; line-height: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #unmuteBtn .btn-unmute:hover { background: rgba(0, 0, 0, 0.6); border: 2px solid #f0f0f0; } #unmuteBtn .btn-unmute .icon.speaker--disabled { width: 30px; height: 30px; display: inline-block; vertical-align: middle; opacity: 0.85; margin-right: 1rem; } #unmuteBtn .btn-unmute .icon.speaker--disabled:after { content: url('data:image/svg+xml;utf8,'); } #chrome { z-index: 10000; position: absolute; width: 300px; height: 100px; bottom: 10%; left: 50%; margin-left: -150px; font-family: 'Ubuntu', sans-serif; font-size: xx-large; line-height: 34px; text-align: center; border-radius: 3px; background: #000000; } #chrome a { position: absolute; display: block; width: 100%; height: 100%; } #chrome img { display: block; float: right; width: 75px; top: 14px; margin-top: 10px; margin-right: 45px; } #chrome p { margin-left: -85px; color: #f0f0f0; } @media only screen and (max-width: 550px) { #player-controls .btn.btn-play-pause { display: none; } #player-controls .btn.btn-volume { display: none; } } .error-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.7); font-family: 'Ubuntu', sans-serif; } .error-overlay .error-popup { margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 44px; width: 350px; height: 250px; } .error-overlay .error-message { text-align: center; color: #f0f0f0; font-size: 2em; margin-top: 120px; } .error-overlay .noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .error-overlay .animated-icon { width: 287px; height: 80px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 5px auto auto; background: 0 0 no-repeat url('data:image/false;base64,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'); } .error-overlay .oops-text { text-align: center; color: #f0f0f0; font-size: 5em; height: 30px; margin-top: 45px; } .error-overlay .icon { width: 10px; height: 10px; background: #f0f0f0; border-radius: 50%; } .error-overlay .animated-eyes { position: absolute; left: 32px; top: 35px; -webkit-animation: move 3.5s linear infinite; animation: move 3.5s linear infinite; } .error-overlay .eye1 { position: absolute; top: 0; left: 0; -webkit-animation: scale 3.5s linear infinite; animation: scale 3.5s linear infinite; } .error-overlay .eye2 { position: absolute; top: 0; left: 88px; -webkit-animation: scale 3.5s linear infinite; animation: scale 3.5s linear infinite; } .error-overlay .reload-button { display: inline-block; position: absolute; margin: auto; left: 0; right: 0; height: 64px; width: 64px; background: 0 0 no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhAx4LDya/ak4oAAADrElEQVRo3uWZTWxUVRiG3xmkdAhCKaIkbeMPUOtPoEbDgoBEMeBGk0JYsGAjxIQESIiikQALFiaoG0K6IIaFoiwaWRiCialik2oi0VGSUgg/UizEgkRqhdCmnfZh0850zjn3cu/c05mF7+7c853vfc537rn3zhkpgXiDyyxIkiGJ+QwOAtBUGftGfoOKAbCJO1AhAGbxGZNVXgBe4AJUDIAdDEGFAKjla1xKCJCKaL9Sx1Tv7OpXr3p1Tb26pl9TF6di7mn2kSOasuyiwa99HR0RzSc0Ridv85Af+ye4FdN+Qt286gPgEU6XCADQRn1yhOl8xFjJCHfZ6aMOr3MzQR0OEnGvhSEs4LuA9GcjwB31cEuSZjcjjuRNEtU00sKXk15Rpk6Q8bEUy/nTBZDvz7CBHwIQTnnZmMzleDDAeMx6rjoRPvQAIElsZTAMQCLDfkYtgFFW+0JYwrkwgPE6DFoIfzHfF8JMjoQDSKzgHwvhpIctmTfYyAChr2Oed+yLFm8AEgv5gpoHQJrq9AgQCbLVQnipvABVdBsAx8pdA3MZRjy8I2MBTOOSgbCn0JueeoDUqA4Yl5aXtQIS1cZD6VaZASS+NxbhqYmeMiyBJOmU0V72vwPoMtpPlhtg0GhTZoDUqIaLLow5AKihlYucZhvzprwGWP3M5o/8Jvkd75Xh36Jt2GZX4D3l96aatdmz/XzNcVegALCsKGCv5wI8Y7QHbIDiojd4PvkwAbK27U9GiI/ftgWtMtq/WBGsMp7Wx/258zD3inIPMd0OqjKCBnnUG8BbxuR+LvTllyA1rB+LRlVrh7cSbDHaJ9yc7xqct5nlZf4tRt4cde7AufxnhO73YF/FZSPrN8HBByzWxB9P7LY+y9cHBz9m/Z7rYU4MNzvjWuuAr8exAyYNOGTxnmRGyfbPMmDlezN8SJ3x0gD4trTTDRbTY0/nwcM2YKsj/kLwGretPEMsijL0sAOhlzUxzNPsdJ4nvRNteIYuXDocrQ6szP+dU6xPo8/gOfqdKe5wiMbQmb9CG261xzqkYik3AhKN0c4HvFx8Y1LHaj7mOkHqCqpe4IEJi9Wux0MYR3RFQxrWsDJqVPhDu0PrUv0x5j+OUM95fOhI6KMnFKGWzxOa53i/RPM8xBqulGzfyZKE9pLETD6J/JdNQX1s8mCeh2hgn+OcOEhn2M5sj/bjEGnW8pXj/HOy/qaVF+NkjX1uyTQ1qVnNatbTSimnEeWUU5+yyiqbuho3333A1ZPjLt7tkgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wMy0zMFQxMToxNTozOCswMjowMJ87EdoAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDMtMzBUMTE6MTU6MzgrMDI6MDDuZqlmAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=='); cursor: pointer; } .error-overlay .reload-button:hover { opacity: 0.75; } .error-overlay .reload-button:hover:active { opacity: 0.5; } @-webkit-keyframes scale { 12%, 14%, 34%, 36%, 49%, 51%, 71%, 73% { -webkit-transform: scale(1); transform: scale(1); } 13%, 72% { -webkit-transform: scaleY(3); transform: scaleY(3); } 35%, 50% { -webkit-transform: scaleX(3); transform: scaleX(3); } } @keyframes scale { 12%, 14%, 34%, 36%, 49%, 51%, 71%, 73% { -webkit-transform: scale(1); transform: scale(1); } 13%, 72% { -webkit-transform: scaleY(3); transform: scaleY(3); } 35%, 50% { -webkit-transform: scaleX(3); transform: scaleX(3); } } @-webkit-keyframes move { 0%, 12%, 34%, 49%, 71% { left: 32px; top: 35px; } 13%, 14%, 33% { left: 32px; top: 10px; } 35%, 36%, 48% { left: 52px; top: 35px; } 50%, 51%, 70% { left: 12px; top: 35px; } 72%, 73%, 100% { left: 32px; top: 60px; } } @keyframes move { 0%, 12%, 34%, 49%, 71% { left: 32px; top: 35px; } 13%, 14%, 33% { left: 32px; top: 10px; } 35%, 36%, 48% { left: 52px; top: 35px; } 50%, 51%, 70% { left: 12px; top: 35px; } 72%, 73%, 100% { left: 32px; top: 60px; } }