.video-items.sidebar{position:fixed;left:0;width:100%;max-width:350px;top:0;height:100vh;background-color:#f4f4f4;z-index:9980;box-shadow:0 0 12px rgba(0,0,0,0.23);transition:all 0.3s ease-in-out;transform:translateX(-100%)}.video-items.sidebar.active{transform:translateX(0%)}.video-items.sidebar.active .show-videos{font-size:1rem}.video-items.sidebar.active .show-videos:after{content:'x';display:block}.video-items.sidebar.active .show-videos span{display:none}@media (max-width: 767px){.video-items.sidebar.active .show-videos{right:0;top:0;width:45px;height:42px;border-top-right-radius:0px;border-bottom-right-radius:0px}}.video-items.sidebar .sidebar-title{display:block;background-color:var(--primary-color, #5d4871);color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:1px;text-align:center;font-weight:600;padding:12px;left:0;width:100%;z-index:12;position:absolute;top:0;transition:all 0.3s ease-in-out}.video-items.sidebar .sidebar-title:hover{background-color:#333}.video-items.sidebar .show-videos{text-transform:uppercase;font-size:10px;font-weight:600;background-color:var(--primary-color, #5d4871);color:#fff;top:27%;width:75px;height:40px;border-top-right-radius:4px;border-bottom-right-radius:4px;right:-75px;position:absolute;z-index:50;transition:all 0.3s ease-in-out}.video-items.sidebar .show-videos:hover{background-color:#333}.video-items.sidebar .items{height:99vh;overflow:auto;padding-top:42px}.video-items.sidebar .items::-webkit-scrollbar{width:10px}.video-items.sidebar .items::-webkit-scrollbar-thumb{background-color:var(--primary-color, #5d4871)}.video-items.sidebar .items::-webkit-scrollbar-track{border:0;background-color:rgba(113,113,113,0.35)}.video-items.sidebar .item{padding:15px}.video-items.sidebar .lets-play:before,.video-items.sidebar .lets-play:after{transform:scale(0.6)}.video-items.sidebar .lets-play:before{background-color:rgba(23,23,23,0.68)}.video-items.sidebar .lets-play:after{margin-left:2px}.video-items.sidebar h3{font-size:15px}.video-items:not(.sidebar){margin:auto}.video-items:not(.sidebar) .show-videos,.video-items:not(.sidebar) .sidebar-title{display:none}.video-items:not(.sidebar) .item{border:solid 1px #e6e6e6;padding:15px;margin-bottom:30px}.video-items:not(.sidebar) h3{font-size:18px}.video-items .thumb{margin-bottom:12px;position:relative;overflow:hidden}.video-items .thumb img{width:100%;display:block;transition:all 0.3s ease-in-out}.video-items .thumb:hover img{transform:scale(1.03)}.video-items .lets-play{background-color:transparent;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%}.video-items .lets-play,.video-items .lets-play:before,.video-items .lets-play:after{transition:all 0.3s ease-in-out}.video-items .lets-play:before,.video-items .lets-play:after{content:'';display:block}.video-items .lets-play:before{width:80px;height:80px;border-radius:50%;border:solid 2px;color:#fff}.video-items .lets-play:after{width:0;height:0;border-style:solid;border-width:15px 0 15px 20px;border-color:transparent transparent transparent #ffffff;position:absolute;margin-left:4px}.video-items .lets-play span{display:none}.video-items .lets-play:hover:before{background-color:rgba(255,255,255,0.41);box-shadow:0 0 8px rgba(0,0,0,0.43)}.video-items h3{font-weight:bold;text-align:center}@media (max-width: 767px){.video-items:not(.sidebar){width:90%}}@media (min-width: 768px){.video-items:not(.sidebar) .items{display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch}}@media (max-width: 1023px) and (min-width: 768px){.video-items:not(.sidebar) .items{justify-content:space-between}.video-items:not(.sidebar) .item{width:48%}}@media (max-width: 1659px) and (min-width: 768px){.video-items:not(.sidebar){width:95%}}@media (max-width: 1329px) and (min-width: 1024px){.video-items:not(.sidebar) .item{width:32%;margin-right:2%}.video-items:not(.sidebar) .item:nth-child(3n+3){margin-right:0}}@media (max-width: 1659px) and (min-width: 1330px){.video-items .lets-play{transform:scale(0.6)}.video-items:not(.sidebar) h3{font-size:16px}}@media (min-width: 1330px){.video-items:not(.sidebar) .item{width:23.5%;margin-right:2%}.video-items:not(.sidebar) .item:nth-child(4n+4){margin-right:0}}#video-wrap:not(.active){opacity:0;visibility:hidden}#video-wrap .video-overlay{position:absolute;left:0;top:0;width:100%;height:100%}#video-wrap .video-container{width:95%;transition:all 0.3s ease-in-out;transform:scale(0.9)}#video-wrap .close-video{background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:5%;top:5%;width:42px;height:42px;border-radius:100%;border:solid 2px #000;padding:0;transition:all 0.3s ease-in-out;z-index:150}#video-wrap .close-video:before,#video-wrap .close-video:after{content:'';width:60%;height:3px;background-color:#000;position:absolute;transition:all 0.3s ease-in-out}#video-wrap .close-video:before{transform:rotate(42deg)}#video-wrap .close-video:after{transform:rotate(-42deg)}#video-wrap .close-video:focus{outline:none}#video-wrap .close-video:hover{background-color:#000}#video-wrap .close-video:hover:before,#video-wrap .close-video:hover:after{background-color:#fff}#video-wrap video,#video-wrap iframe{position:relative;z-index:10;border-radius:12px;box-shadow:0 0 19px rgba(0,0,0,0.16);width:100%;height:100vh;max-height:85vh;background-color:#000}#video-wrap video{object-fit:cover}#video-wrap.active{opacity:1;visibility:visible;position:fixed;left:0;top:0;width:100%;background-color:rgba(0,0,0,0.8);padding:12px;height:100vh;display:flex;transition:all 0.3s ease-in-out;z-index:9991;align-items:center;justify-content:center}#video-wrap.active .video-container{transform:scale(1)}@media (max-width: 1659px) and (min-width: 1330px){#video-wrap .video-container{max-width:978px}}@media (min-width: 1660px){#video-wrap .video-container{max-width:1431px}}.video-pagination{margin-bottom:50px}.video-pagination span,.video-pagination a{min-width:35px;height:35px;display:inline-block;border:solid 1px #ccc;text-align:center;line-height:34px;padding:0 12px;text-decoration:none;color:inherit}.video-pagination a:hover{background-color:#eaeaea}.video-pagination .current{opacity:0.5}
/*# sourceMappingURL=style.css.map */