section.video-player{background:rgba(0,0,0,.85);overflow:hidden}section.video-player .layout-content{padding:0px}section.video-player .layout-content #video-player{width:100%;margin:0 auto;position:relative;aspect-ratio:16/9}section.video-player .layout-content #video-player iframe{margin:0px}section.video-player .layout-content #video-player .preview{max-height:100%;position:relative;overflow:hidden;cursor:pointer}section.video-player .layout-content #video-player .preview img{display:block;object-fit:cover;object-position:center;width:100%;height:100%;opacity:.5}section.video-player .layout-content #video-player .preview::after{position:absolute;content:"";font-family:"Font Awesome 5 Free";font-size:3rem;font-weight:700;color:#fff;left:50%;top:50%;transform:translate(-50%, -50%)}section.videos .section{background:rgba(255,255,255,.8)}section.videos .video-list-selector{overflow:hidden;border-bottom:#ccc;width:100%;margin-bottom:10px}section.videos .video-list-selector li{float:left;font-family:Dosis;font-size:20px;opacity:.8;transition:.25s;padding:10px 15px 5px 15px;margin:0 5px;cursor:pointer}section.videos .video-list-selector li.selected{font-weight:600;opacity:1;border-bottom:solid 2px currentColor}section.videos .video-list{overflow:hidden}section.videos .video-list li{float:left;width:calc(33% - 20px);margin:0 10px}@media screen and (max-width: 640px){section.videos .video-list li{width:calc(100% - 20px);margin:10px}}section.videos .video-list li .button{font-size:12pt;text-decoration:none;width:100%;height:60px;padding:8px 12px;margin:5px 0;text-align:center;display:flex;align-items:center;justify-content:center}section.videos .video-list li .time{color:#fff;text-shadow:rgba(0,0,0,.5) 1px 1px 2px;font-size:12px;position:absolute;top:5px;right:0px;padding:5px 12px;background:rgba(0,0,0,.5);border-radius:25px 0 0 25px}section.videos .video-list li a{text-decoration:none}section.videos .video-list li a .fa{width:0px;transition:.25s;display:inline-block;overflow:hidden}section.videos .video-list li a .image-container{position:relative}section.videos .video-list li a .image-container img{width:100%}section.videos .video-list li a .image-container .fa{position:absolute;font-size:35px;color:rgba(255,255,255,.75);background-color:rgba(0,0,0,.5);border-radius:50%;width:80px;height:80px;line-height:80px;text-align:center;top:calc(50% - 40px);left:calc(50% - 40px);opacity:0;transform:rotate(-90deg)}section.videos .video-list li a .image-container:hover .fa{opacity:1;transform:rotate(0deg)}section.videos .video-list li a .button .fa{width:0px;line-height:10px;font-size:10px}section.videos .video-list li a .button:hover .fa{width:20px;margin-left:10px}section.videos .video-list li.selected .image-container .fa{opacity:1;transform:rotate(0deg)}section.videos .video-list[rel=n10] .video-item:nth-child(n+10){display:none}