@font-face{font-family:'Glyphicons Halflings';src:url("../fonts/glyphicons-halflings-regular.eot");src:url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),url("../fonts/glyphicons-halflings-regular.woff") format("woff"),url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")}.icon{font-family:'Glyphicons Halflings'}*{box-sizing:border-box;margin:0;padding:0;outline:0}body,input,textarea,button{background-color:#000;color:#fff;font-family:sans-serif}a{color:#77d6fa}a:hover{color:#c1ecfd}a:visited{color:#06759f}a:visited:hover{color:#0899d0}body,html{width:100%;height:100%}body{display:flex;flex-direction:column}div.header{display:flex;background-color:blue;align-items:center;flex:0 1;min-height:50px}div.header *{flex:1 1}div.header .logo{flex:0 1;padding:0 20px}div.header nav{display:flex}div.header nav li{vertical-align:middle}div.header .out{flex:0 0;padding:0 25px}div.content{overflow:auto;position:relative;background:black}div.footer{background-color:red;flex:0 1}button{cursor:pointer}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.modal{position:absolute;left:0;top:0;width:100%;height:100%}video::-webkit-media-controls{display:none !important}*:-webkit-full-screen{width:100%;height:100%}*:focus{outline:none}*::-moz-focus-inner{border:0}button.texticon{display:flex;flex-direction:column;align-items:center;font-size:35px;text-shadow:0px 0px 10px black}button.texticon:hover{background-color:transparent;color:white}button.texticon:hover::before{transform:scale(1.1, 1.1);text-shadow:0 0 50px #444}button.texticon:hover:active::before{transform:scale(1.05, 1.05)}button.texticon::before{font-family:"Glyphicons Halflings";font-weight:normal;font-size:132px;transition:text-shadow 200ms, transform 200ms}.icon.load::before,.texticon.load::before{content:'\e134'}.icon.play::before,.texticon.play::before{content:'\e029'}.icon.replay::before,.texticon.replay::before{content:'\e030'}.loading-bar{margin:7px 0;height:5px;width:0px;box-shadow:0px 0px 5px black;transition:opacity 500ms, width 150ms;background-color:white}.thumbs{pointer-events:none}.thumbs .thumb{z-index:1}.player{flex:1 1 auto;display:flex;flex-direction:column}.player .background{position:absolute;overflow:hidden;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;object-fit:cover;filter:blur(40px) brightness(50%)}.player .videos{display:flex;flex:1 1;transition:filter 800ms;pointer-events:all}.player .videos *{pointer-events:none}.player .videos video{position:absolute;overflow:hidden;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;display:flex;flex:1 0;opacity:0}.player .loading{position:absolute;overflow:hidden;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;z-index:222;pointer-events:none;opacity:0;text-align:center;display:flex;align-items:center;justify-content:center;text-shadow:0px 0px 10px black;background-color:black;transition:opacity 800ms,background-color 800ms}.player .loading>div{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity 500ms;position:absolute;left:0;top:0;width:100%;height:100%;display:flex}.player .loading.transparent{background-color:transparent}.player .controls{position:absolute;overflow:hidden;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;z-index:16777222;pointer-events:none;display:flex;flex-direction:column;padding:22px}.player .controls button,.player .controls input{pointer-events:all}.player .controls .tbt{flex:1 1 0}.player .controls .tbt .tbt{display:flex}.player .controls .tbt.n .tbt{align-items:flex-start}.player .controls .tbt.c .tbt{align-items:center}.player .controls .tbt.s .tbt{align-items:flex-end}.player .controls>div{display:flex}.player .controls>div .w{justify-content:flex-start}.player .controls>div .c{justify-content:center}.player .controls>div .e{justify-content:flex-end}.player .controls .bottom-bar-wrapper{position:absolute;overflow:hidden;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;width:100%;height:150px;top:auto;bottom:0;left:0;right:auto;padding:22px;pointer-events:all;overflow:hidden}.player .controls .bottom-bar-wrapper.hidden:hover .bottom-bar{transform:translateY(22px);opacity:0.22}.player .controls .bottom-bar-wrapper.hidden .bottom-bar{transform:translateY(100%);opacity:0}.player .controls .bottom-bar-wrapper .bottom-bar{width:100%;height:100%;display:flex;flex-direction:row;transform:translateY(0);will-change:transform;opacity:1;transition:transform 800ms,opacity 800ms}.player .controls .bottom-bar-wrapper .bottom-bar span{text-shadow:0px 0px 7px black}.player.blurred .loading{opacity:1;pointer-events:all}.player.blurred .videos,.player.blurred .thumb{filter:blur(22px)}.player.blurred .controls .bottom-bar-wrapper .bottom-bar{transform:translateY(100%);opacity:0}@media screen and (orientation: portrait), screen and (max-height: 500px){.player .loading.transparent{background-color:rgba(0,0,0,0.6)}.player .background{filter:none}.player.blurred .videos,.player.blurred .thumb{filter:none}}.player.debug .thumbs{display:none}.player.debug .videos{flex-wrap:wrap !important;filter:none !important}.player.debug .videos video{opacity:1 !important;position:relative !important;overflow:visible !important;width:25% !important}.player.debug .controls .bottom-bar-wrapper .bottom-bar{transform:translateY(0) !important;opacity:1 !important}.player.debug .controls .controls-nw{background-color:rgba(255,0,0,0.5)}.player.debug .controls .controls-n{background-color:rgba(255,255,0,0.5)}.player.debug .controls .controls-ne{background-color:rgba(0,255,0,0.5)}.player.debug .controls .controls-w{background-color:rgba(0,255,255,0.5)}.player.debug .controls .controls-c{background-color:rgba(0,0,255,0.5)}.player.debug .controls .controls-e{background-color:rgba(255,0,255,0.5)}.player.debug .controls .controls-sw{background-color:rgba(136,0,136,0.5)}.player.debug .controls .controls-s{background-color:rgba(0,136,0,0.5)}.player.debug .controls .controls-se{background-color:rgba(0,136,136,0.5)}button{border:0;background:transparent;will-change:transform, opacity, background-color;transition:background-color 200ms, transform 200ms, opacity 300ms}button.default{height:38px;padding:8px;background-color:#3e7384;border:#000 solid 1px;border-bottom-width:4px;border-radius:3px;text-shadow:0px -1px 2px #15272d;box-shadow:0px 2px 4px rgba(0,0,0,0.5);transform:translateY(-2px);transition:background-color 150ms, transform 150ms, border-width 150ms, opacity 300ms}button.default:disabled{color:#a6a6a6;background-color:#616161;border-color:#000}button.default:enabled{cursor:pointer}button.default:enabled:hover{background-color:#297e99}button.default:enabled:active{background-color:#2e5561;border-bottom-width:2px;transform:translateY(2px)}button.icon{width:70px;height:70px;padding:0;line-height:0}button.slick{padding:14px;margin:10px;border:0;background:transparent;font-size:40px;text-shadow:3px 3px 5px black;border-radius:4px;transform:scale(1, 1)}button.slick:not(.icon){font-weight:bold}button.slick:enabled{cursor:pointer}button.slick:hover{transform:scale(1.2, 1.2);background-color:rgba(78,145,167,0.3)}button.slick:active{transform:scale(0.98, 0.98)}input,textarea{vertical-align:middle;font-family:sans-serif;padding:8px;border-style:inset;border-width:1px;border-color:#000;border-radius:3px;background-color:#3e7384;box-shadow:inset 0px 0px 5px #264650;text-shadow:-1px -1px 4px #264650;transition:background-color 150ms, box-shadow 150ms}input:hover,textarea:hover{background-color:#407687}input:focus,textarea:focus{background-color:#3c7081}input[type=range]{-webkit-appearance:none;width:100%;height:70px;max-width:222px;background:transparent;box-shadow:none;border:0;margin:10px}input[type=range]:active::-webkit-slider-runnable-track{background:rgba(78,145,167,0.3);box-shadow:none}input[type=range]:active::-webkit-slider-thumb{background-color:white;transform:scale(0.96, 0.96)}input[type=range]:active::-moz-range-track{background:rgba(78,145,167,0.3)}input[type=range]:active::-moz-range-thumb{background-color:white;transform:scale(0.96, 0.96)}input[type=range]:active::-ms-track{background:rgba(78,145,167,0.3)}input[type=range]:active::-ms-thumb{background-color:white;transform:scale(0.96, 0.96)}input[type=range]:focus{outline:0}input[type=range]:focus::-webkit-slider-runnable-track{box-shadow:none}input[type=range]::-webkit-slider-runnable-track{width:100%;max-width:222px;height:7px;cursor:pointer;background:rgba(0,0,0,0.2);border:1px solid #000;border-radius:2px;transition:background-color 200ms;border:0}input[type=range]::-webkit-slider-thumb{height:25px;width:25px;border:0;box-shadow:3px 3px 5px black;border-radius:100%;background:white;transform:scale(1, 1);transition:background-color 150ms, box-shadow 150ms, transform 150ms;cursor:pointer;-webkit-appearance:none;margin-top:-9px}input[type=range]::-webkit-slider-thumb:active{background-color:white;transform:scale(0.96, 0.96)}input[type=range]::-moz-range-track{width:100%;max-width:222px;height:7px;cursor:pointer;background:rgba(0,0,0,0.2);border:1px solid #000;border-radius:2px;transition:background-color 200ms}input[type=range]::-moz-range-thumb{height:25px;width:25px;border:0;box-shadow:3px 3px 5px black;border-radius:100%;background:white;transform:scale(1, 1);transition:background-color 150ms, box-shadow 150ms, transform 150ms;cursor:pointer}input[type=range]::-moz-range-thumb:active{background-color:white;transform:scale(0.96, 0.96)}input[type=range]::-ms-track{width:100%;max-width:222px;height:7px;cursor:pointer;background:rgba(0,0,0,0.2);border:1px solid #000;border-radius:2px;transition:background-color 200ms;background:transparent;border-color:transparent;border-width:25px 0;color:transparent}input[type=range]::-ms-thumb{height:25px;width:25px;border:0;box-shadow:3px 3px 5px black;border-radius:100%;background:white;transform:scale(1, 1);transition:background-color 150ms, box-shadow 150ms, transform 150ms;cursor:pointer}input[type=range]::-ms-thumb:active{background-color:white;transform:scale(0.96, 0.96)}