.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,.23);transition:all .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:0;border-bottom-right-radius:0}}.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 .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 .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,.35)}.video-items.sidebar .item{padding:15px}.video-items.sidebar .lets-play:before,.video-items.sidebar .lets-play:after{transform:scale(.6)}.video-items.sidebar .lets-play:before{background-color:rgba(23,23,23,.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 .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 .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 #fff;position:absolute;margin-left:4px}.video-items .lets-play span{display:none}.video-items .lets-play:hover:before{background-color:rgba(255,255,255,.41);box-shadow:0 0 8px rgba(0,0,0,.43)}.video-items h3{font-weight:700;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(.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 .3s ease-in-out;transform:scale(.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 .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 .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,.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,.8);padding:12px;height:100vh;display:flex;transition:all .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:.5}