@charset "UTF-8";.ytf-grid .pages,.ytfMeta>span{text-align:center}:root{--yt-dark-color:#212121;--swiper-navigation-color:#555}.ytf-container{display:block;margin:0!important;padding:0!important;min-height:100px;position:relative;width:100%;font-size:13px}.ytf-container,.ytf-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.ytf-container a,.ytf-container a:hover{text-decoration:none}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.ytf-player,.ytf-sidebar{position:relative;opacity:0;overflow:hidden}._yt_searchbox,.ytf-api-tools button:active,.ytf-api-tools button:hover,.ytf-player.ytf-ready,.ytf-sidebar.ytf-ready{opacity:1}.ytf-ready .ytf-player:before{content:"";display:block}.ytf-player.ytf-ready.r16_9:before{padding-bottom:56.25%}.ytf-player.ytf-ready.r4_3:before{padding-bottom:75%}.ytf-player.ytf-ready.r9_16:before{padding-bottom:177.8%}.ytf-player iframe{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ytf-grid-off-btn,span.ytfPopup_clear{cursor:pointer;position:fixed;right:20px;top:20px}.ytf-fadeOut{opacity:0!important}.ytf-slider .swiper,.ytf-ver .swiper-slide{width:100%}.ytf-ver{display:flex;gap:20px}.ytf-ver .ytf-player{width:70%;border-radius:12px;overflow:hidden;flex:0 0 70%}.ytf-ver .ytf-sidebar{background-color:var(--yt-dark-color);border-radius:12px;padding:10px 0}.ytf-ver .ytf-sidebar.sb{padding-top:50px}.ytf-ver .ytfBlock{color:#eee;padding:10px 20px;display:flex;gap:15px}.ytf-ver .ytfBlock:hover{background:rgba(255,255,255,.1)}.ytf-ver .ytfBlock.active{background-color:#4f4f4f!important}.ytf-ver .ytfBlock.active *{color:#fff!important}@media only screen and (max-width:1000px){.ytf-ver{display:block!important;height:auto!important}.ytf-ver .ytf-player{width:100%}.ytf-ver .ytf-sidebar{margin-top:20px}.ytf-container.ytf-ver .swiper-container{max-height:500px}}.ytfBlock div.ytfThumb{overflow:hidden;position:relative}.ytfBlock img.ytfAlign{margin:-9.3% 0 auto}.ytf-slider .ytfBlock div.ytfThumb,.ytf-ver .ytfBlock div.ytfThumb{border-radius:5px}.ytfBlock div.ytfThumb img{display:block;width:100%;height:auto}.ytfThumb .ytfDuration{background-color:rgba(0,0,0,.7);bottom:5px;color:#fff;font-size:9px;padding:0 4px;position:absolute;right:5px;z-index:10;border-radius:3px}.ytfThumb .ytfDesc{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/info.svg) center center/cover no-repeat;position:absolute;bottom:5px;left:5px;z-index:11;width:20px;height:20px;filter:drop-shadow(0px 0px 1px rgb(0 0 0 / .4));transition:.2s}.ytfThumb .ytfDesc:hover{transform:scale(1.2);filter:drop-shadow(0px 0px 5px rgb(0 0 0 / .7))}.ytf-ver .ytfBlock .ytfTitle{color:#fff;display:block;font-weight:700}.ytf-container.ytf-hoz .ytf-sidebar{background-color:var(--yt-dark-color);overflow:hidden;padding:10px}.ytf-container.ytf-hoz .swiper-container{margin:0 auto;padding:0;overflow-x:auto;overflow-y:hidden;position:relative}.ytf-container.ytf-ver .swiper-container{margin:0;overflow-y:auto;overflow-x:hidden;z-index:1;height:100%}.ytf-hoz .ytfMeta{background:linear-gradient(to bottom,#000,rgba(0,0,0,0));left:0;padding:10px;position:absolute;top:0;width:100%;z-index:3;transition:.5s}.ytfMeta>span{color:#e1e1e1;font-size:.85em}.ytf-api-tools button+button,.ytfMeta>span+span{margin-left:3px}.ytfMeta>span+span:before{content:"•";padding-right:3px}.ytf-grid ._yt_searchbox{height:35px;border:1px solid #ccc;border-radius:15px;margin-top:20px;position:relative;overflow:hidden}.ytf-grid ._yt_searchbox input._yt_filter{background:0 0;padding:0 20px;width:100%;height:100%;margin:0;border:none}.ytf-grid ._yt_searchbox:after{content:"";background-image:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/search.svg);position:absolute;top:0;right:0;bottom:0;width:40px;background-size:20px;background-repeat:no-repeat;background-position:center}.ytf-grid-off-btn{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/close.svg) center center/30px no-repeat;height:30px;width:30px;z-index:1;text-indent:-9000px}.ytf-slider .ytfBlock.active .ytfTitle,.ytfMeta>.ytfTitle{font-weight:700}.ytf-hoz .ytfMeta>.ytfTitle,.ytf-ver .ytfMeta>.ytfTitle{color:#fff!important;display:block}.ytf-hoz .ytfMeta>.ytfTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ytf-hoz .ytfBlock:first-child .ytfThumb{padding-left:0}.ytf-hoz .ytfBlock.active .ytfThumb{background-color:rgba(255,255,255,.35)}.ytf-hoz div.ytfDeactive{background-color:#000;height:100%;position:absolute;right:0;top:0;width:100%;z-index:2;opacity:.3;transition:.5s}.ytf-hoz .ytfBlock:hover div.ytfDeactive{opacity:0}.ytf-hoz .swiper-wrapper{display:flex;flex-wrap:nowrap;gap:10px}.ytf-hoz .swiper-slide{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:112.5px;position:relative;width:200px;flex:0 0 200px;border-radius:7px;overflow:hidden}.ytf-hoz .swiper-slide.active{box-shadow:0 0 50px #000;position:relative;z-index:2}.ytf-background .ytf-video-desc,.ytf-grid .ytfBlock ._border ._t,.ytf-hoz .swiper-slide.active .ytfMeta,.ytf-hoz .swiper-slide.active div.ytfDeactive{display:none}.ytf-bg{background-color:rgba(0,0,0,.75);height:100%;left:0;position:fixed;top:0;width:100%;overflow:auto;z-index:10000}span.ytfPopup_clear{border-radius:2px;color:#222;font-size:13px;font-weight:500;height:25px;padding:3px 12px;z-index:1;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center}span.ytfPopup_clear:hover{background:#fff;color:#000}.ytfPopup{margin:0 auto;position:relative}.swiper-scrollbar{background:0 0;position:absolute;right:3px;top:0;height:100%;-ms-touch-action:none;width:5px;z-index:2}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px}.swiper-scrollbar-cursor-drag{cursor:move},.ytf-background .swiper-wrapper,.ytf-grid .swiper-wrapper,.ytf-ver .swiper-wrapper{display:block;margin:0;padding:0;position:relative;z-index:1}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.ytf-loading{height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.ytf-progress{height:60px;width:60px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-animation:.6s linear infinite rotation;-moz-animation:.6s linear infinite rotation;-o-animation:.6s linear infinite rotation;animation:.6s linear infinite rotation;border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%;display:block}.ytf-bglist,.ytf-bglist .loading{height:100%;left:0;top:0;width:100%;z-index:10;position:absolute}.ytf-bglist{background-color:transparent;background-position:center center;background-size:cover;padding:20px}.ytf-bglist .loading{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/loading.gif) center center no-repeat rgba(0,0,0,.7)}.ytf-player .ytf-playbutton{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/play_128.png) center center no-repeat rgba(255,255,255,.7);cursor:pointer;height:128px;left:20px;position:absolute;top:20px;transform:scale(1);opacity:1;width:128px;z-index:12;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}.ytf-player .ytf-playbutton:hover{background-color:rgba(255,255,255,.9)}.ytf-player .ytf-playbutton.preparePlay{transform:scale(4);opacity:0}@keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes rotation{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@keyframes rotation{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}.ytfBlock{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ytf-grid .ytf-sidebar{background:0 0!important;margin-top:30px}.ytf-grid .ytf-sidebar .ytfBlock{width:196px;display:inline-block;margin-right:10px;vertical-align:top;word-wrap:break-word;margin-bottom:30px;color:rgba(0,0,0,.75);cursor:pointer}.ytf-grid .ytf-sidebar .ytfBlock.hidden{display:none!important}.ytf-grid .ytfAuthor{color:rgba(0,0,0,.85)}.ytf-grid .ytf-sidebar .ytfMeta>span{color:#555}.ytf-grid .ytfBlock .ytfTitle{display:block;margin:7px 0 3px}.ytf-video-desc{background:rgba(0,0,0,.85);position:fixed;max-width:600px;max-height:300px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9em;z-index:20;padding:20px 35px 20px 20px;border-radius:10px}.ytf-video-desc ._inn{height:100%;overflow:auto}.ytf-video-desc .close-btn{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/close.svg) 0 0/cover;border:none;position:absolute;top:10px;right:10px;height:20px;width:20px}.ytf-grid .ytfBlock .ytfThumb{height:110.2px;background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/loading-c.gif) center center no-repeat;position:relative;border-radius:5px;overflow:hidden;width:100%}.ytfBlock ._border{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.ytf-grid ._border{background-position:center left;background-size:0;-moz-transition:background .3s;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.ytf-grid .ytfBlock.active ._border{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/playing.gif) center center no-repeat rgba(0,0,0,.5);background-size:auto}.ytf-grid .ytfBlock.active ._border ._t{display:block;background-color:rgba(0,0,0,.5);color:#fff;position:absolute;text-align:center;left:0;top:65px;width:100%;z-index:1}.ytf-grid .ytfBlock:hover ._border{background:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/play.svg) center center no-repeat rgba(0,0,0,.7);background-size:50px}.ytf-sidebar .btn-more{display:none;margin:10px auto;border:1px solid #ddd;background:#fff;padding:10px 20px;font-weight:700;color:#555}.ytf-grid .ytf-sidebar .btn-more.active,.ytf-overlay.active,.ytf-ready ._yt_searchbox{display:block}.ytf-grid.ytf-sm .ytfBlock,.ytf-grid.ytf-xs .ytfBlock{width:100%;display:block;margin:0 0 10px}.ytf-grid.ytf-sm .ytfBlock ._clear,.ytf-grid.ytf-xs .ytfBlock ._clear{clear:both;display:block}.ytf-grid.ytf-sm .ytfBlock .ytfThumb{width:196px;float:left}.ytf-grid.ytf-sm .ytfBlock .ytfMeta{margin-left:205px}.ytf-grid .swiper-container{overflow-x:hidden}.ytf-bgContent,body.scrolldis,html.scrolldis{overflow:hidden}.ytf-overlay{display:none;position:fixed;z-index:1000;background:rgba(0,0,0,.9);top:0;left:0;width:100%;height:100%;box-shadow:2px 2px 17px rgba(0,0,0,.75)}.ytf-overlay+.ytf-player{position:fixed;z-index:1001;left:0;right:0;margin:0 auto;width:60%}@media only screen and (max-width:700px){.ytf-overlay+.ytf-player{width:100%!important}}.ytf-bgContent{position:relative;z-index:2;padding:40px 30px;min-height:100px}.ytf-container.ytf-background{overflow:hidden;min-height:0!important}.ytf-background .ytf-player{position:absolute;top:-20%}.ytf-api-tools{position:absolute;bottom:7px;left:7px;z-index:1}.ytf-api-tools button._playing{background-position:center -75px}.ytf-api-tools button._paused{background-position:center -50px}.ytf-api-tools button._mute{background-position:center 0}.ytf-api-tools button._unmute{background-position:center -25px}._yt_searchbox input._yt_filter:active,._yt_searchbox input._yt_filter:focus,.ytf-slider *{outline:0}.ytf-ver ._yt_searchbox{position:absolute;z-index:1;top:10px;right:20px;height:30px;left:20px}.ytf-ver ._yt_searchbox input._yt_filter{background:rgba(255,255,255,.15);height:100%;width:100%;padding:0 20px;margin:0;border:none;color:#fff;border-radius:14px}.ytf-slider .ytf-sidebar{background:0 0;padding:0 30px;position:relative}.ytf-slider .ytf-player.ytf-ready{margin-bottom:15px;border-radius:10px}.ytf-slider .swiper-button-next,.ytf-slider .swiper-button-prev{position:absolute;z-index:1;top:40%;width:19px;height:30px;background-size:18.7px 30px}.ytf-slider .swiper-button-prev{left:0!important}.ytf-slider .swiper-button-next{right:0!important}.ytf-slider .ytfMeta{margin-top:7px}.ytf-slider .ytfTitle{display:block;margin:0 0 3px!important;font-weight:500}.ytf-slider .ytfMeta>span{color:#666}.ytf-slider .ytfBlock{cursor:pointer}.ytf-background .ytf-player:after,.ytf-background .ytf-player:before{background:#222;content:"";position:absolute;left:0;right:0;height:50%;z-index:99;transition:transform .3s ease-out;transform:scaleY(1)}.ytf-background .ytf-player:before{top:0;transform-origin:top}.ytf-background .ytf-player:after{bottom:0;transform-origin:bottom}.ytf-background.ytf-ready .ytf-player:after,.ytf-background.ytf-ready .ytf-player:before{transform:scaleY(0)}.ytf-background .ytf-player.ytf-ready.disrel>span{background:#555;position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;z-index:2}.ytf-api-tools button{width:30px;height:25px;padding:0;display:inline-block;border:none;background-color:rgba(0,0,0,.75);background-image:url(https://structuredcabling.biz/modules/mod_yt_jlex/assets/images/buttons.svg?v=1);background-repeat:no-repeat;opacity:.8;border-radius:13px;background-size:25px 100px;outline:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.hide-scrollbar::-webkit-scrollbar{display:none}