#video-gallery{position:fixed;width:100%;height:100%;top:0;left:0;z-index:301000;padding:5% 15%;box-sizing:border-box}@media only screen and (max-width:768px){#video-gallery{padding:3% 5%}}@media only screen and (max-width:580px){#video-gallery{padding:5% 1.6rem}}#video-gallery .wrapper{width:1148px;margin:0rem auto;position:relative}@media only screen and (max-width:1200px){#video-gallery .wrapper{width:calc(100% - 3.2rem);box-sizing:border-box;margin-left:1.6rem;margin-right:1.6rem;min-height:490px}}@media only screen and (max-width:768px){#video-gallery .wrapper{flex-wrap:wrap;margin:5.1rem 1.6rem}}#video-gallery .wrapper .close{position:absolute;width:3.2rem;right:0;top:-4.8rem;cursor:pointer}#video-gallery #video-container{height:0;padding-bottom:56.25%;position:relative;width:100%;top:50%}#video-gallery #video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}#video-gallery .close{position:absolute;top:2%;right:2%}#video-gallery .video-grid{margin-top:4rem;justify-content:start;flex-wrap:wrap;gap:1.5rem}#video-gallery .video-thumbnail{width:24rem;height:18rem;background:#fff;cursor:pointer;position:relative}#video-gallery .video-thumbnail.active{cursor:default;background:#ffffff80}#video-gallery .video-thumbnail.active img{filter:brightness(.5)}#video-gallery .video-thumbnail img{max-width:100%}#video-gallery .video-thumbnail img[src$="video_icon.svg"]{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#video-gallery .video-thumbnail .title-overlay{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,rgba(12,12,12,.8) 0%,transparent 100%);color:#fff;padding:1rem 1.5rem 4rem;opacity:0;transition:opacity .3s;box-sizing:border-box}#video-gallery .video-thumbnail:hover .title-overlay{opacity:1}