body{margin:0;background:-webkit-gradient(linear,left top,right top,from(#414141),to(#000));background:linear-gradient(90deg,#414141,#000);color:#fff;overflow:hidden;font-family:Verdana}@media (max-width:767px){body{background:#000;overflow:auto;padding:0}}.youtube{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:767px){.youtube{display:block}}.youtube.paused iframe{pointer-events:none}.youtube.paused .yt-layer{height:100%}.youtube .left{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px}@media (max-width:767px){.youtube .left{-webkit-box-flex:0;-ms-flex:none;flex:none;position:sticky;top:0;padding:0 0 20px;background:#000;z-index:99;-webkit-box-shadow:0 0 2px #414141;box-shadow:0 0 2px #414141}}.youtube .right{height:100vh;overflow:hidden auto;width:300px;-webkit-transition:width .25s ease-in;transition:width .25s ease-in;background:#000;padding-left:20px}@media (max-width:767px){.youtube .right{width:auto;height:auto;padding:10px 20px}}.youtube .right ul{list-style:none;padding:0;margin:0}.youtube .right ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.youtube .right ul li:hover img{opacity:.7}.youtube .right ul li.active span,.youtube .right ul li:hover span{color:#fff}.youtube .right ul img{-webkit-transition:opacity .25s linear;transition:opacity .25s linear;width:120px;vertical-align:top}.youtube .right ul span{font-size:11px;padding:10px;display:block;color:#959595;-webkit-transition:color .25s linear;transition:color .25s linear}.youtube .btn{position:absolute;left:0;bottom:51px;z-index:99}.youtube .btn.btn-next{left:auto;right:0}.video-frame{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-frame .yt-layer,.video-frame iframe{position:absolute;top:0;left:0;right:0;width:100%;border:none}.video-frame iframe{bottom:0;height:100%}.video-frame .yt-layer{z-index:4;height:100px}:-webkit-full-screen{z-index:1}:-ms-fullscreen{z-index:1}:fullscreen{z-index:1}.btn{background:rgba(0,0,0,.5);border:none;color:#fff;padding:10px;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background .25s linear;transition:background .25s linear;text-align:center;min-width:80px;display:inline-block;cursor:pointer;text-decoration:none}.btn:hover{background:rgba(0,0,0,.8)}.page-404{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background:#fff;color:#000}