@charset "UTF-8";
/* https://freegrabapp.com/wp-content/themes/freegrabapp/assets/css/video.css?ver=2.5.0 */
.videos__container{display:flex;flex-wrap:wrap;justify-content:space-between}.videos__container::after,.videos__container::before{content:'';display:block;width:260px;order:99999}.video{width:260px;display:block;margin-bottom:30px}.video__preview{width:100%;height:150px;display:block;margin-bottom:10px;position:relative;background-color:#eee;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;overflow:hidden}.video__details{width:38%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;position:absolute;right:0;top:0;bottom:0;z-index:1;background-color:rgb(0 0 0 / .5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.video:hover .video__details{opacity:0}.video__count{color:#fff;font-size:20px;font-weight:700;text-align:center}.video__count::after{content:'';display:block;width:26px;height:26px;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3 0A4 4 0 0 0 .3 2.8l-.2.5V19c.2.6.6 1.4 1 1.8.3.4 1 .9 1.5 1 .8.4.7.4 8.9.3h8c1-.4 2.1-.7 2.6-1.7.4-.9.2-.7.2-9.4 0-8.7 0-8-.4-9a4 4 0 0 0-2.4-2L11.3 0H3Zm20.6 11.6V19c0 2.7-1.8 4.4-4.5 4.5h-7.5l-7.5.1c.3.7 1 1.5 1.7 1.8 1 .5.2.5 9.1.5H22c1.5 0 4-2 4-4v-7c0-9 0-8.2-.5-9.2a4.1 4.1 0 0 0-1.8-1.7v7.5ZM10.2 6.9l.5.2 3.8 2.7c.4.4.6.7.6 1.3 0 .5-.1.9-.5 1.2-.2.3-3.8 2.9-4.2 3h-.7c-.6 0-1-.1-1.3-.5-.5-.6-.4-.5-.4-3.7v-3c.3-.7.7-1 1.4-1.2.4-.1.4-.1.8 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.video__title{display:block}.video__title--wrap{color:#383837;font-size:16px;line-height:20px;font-weight:700;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px;overflow:hidden;margin-bottom:4px}.video__title--alt{color:#898989;font-size:12px;line-height:14px;display:block}.video__overlay{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;background-color:rgb(0 0 0 / .5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.video:hover .video__overlay{opacity:1}.video__button{color:#fff;font-size:16px;line-height:20px;font-weight:700;font-style:normal}.video__button::before{content:'';width:12px;height:14px;display:block;float:left;margin:0 6px;padding:2px 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.3 0 .5.6c-.2.2-.4.5-.4.8L0 7c0 6 0 5.7.2 6.1.1.3.4.6.7.7.4.2.9.3 1.3.1.2 0 1.6-1 4.6-2.9 5-3 4.8-3 5-3.4a1.8 1.8 0 0 0-.6-2.3 332.7 332.7 0 0 0-9-5.2h-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.blog-one__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blog-one .blog-one__title{margin-top:24px;font-size:24px;text-transform:none;font-weight:700;letter-spacing:0}video{width:100%;height:100%;border-radius:10px}.blog-one__leftside{max-width:700px;height:100%}.blog-one__leftside .wp-video{position:relative;width:100%;height:392px;border-radius:10px;overflow:hidden}.blog-one__preview{height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.blog-one__preview:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:11}.blog-one .blog-one__play{width:100px;height:100px;border-radius:50%;background:#7DC69E;transition:all 0.2s 0s ease;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;display:flex;justify-content:center;align-items:center}.blog-one .blog-one__play:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);transition:all 0.2s 0s ease;cursor:pointer}.blog-one .blog-one__play img{width:33px;height:33px;margin-bottom:0}.blog-one .blog-one__thumbnail{width:100%;height:auto;margin-bottom:0}.blog-one__rightside{max-width:320px;height:100%}.blog-one__playlist{background:#F9F9F9;border-radius:10px;padding:22px 20px}.blog-one .blog-one__playlist-header{font-size:20px;margin-bottom:14px}.item-playlist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;max-height:68px;margin-bottom:10px;filter:brightness(100%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.item-playlist:nth-last-child(1){margin-bottom:0}.item-playlist--current{max-height:88px;padding:10px;margin:10px -10px;filter:brightness(100%);background:#e7e7e7;border-radius:8px}.blog-one .item-playlist__preview{opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.blog-one .item-playlist:hover .item-playlist__preview{opacity:.8}.blog-one .item-playlist__img{max-width:120px;max-height:68px;margin-bottom:0;border-radius:5px}.item-playlist__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-left:14px}.blog-one .item-playlist__header{font-weight:700;font-size:14px;line-height:16px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:32px;overflow:hidden;margin:0;color:#383837}.blog-one .item-playlist__time{margin-bottom:0;color:#898989;font-size:12px;line-height:14.4px}@media screen and (max-width:1060px){.video{width:32%}.blog-one__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:740px){.video{width:49%}.video__preview{height:180px;background-position:left}.blog-one__leftside{max-width:100%}.blog-one__leftside .wp-video{height:100%}}@media screen and (max-width:480px){.video{width:100%}.video__preview{height:200px}.blog-one .blog-one__play{width:65px;height:65px}.blog-one .blog-one__play img{width:20px;height:20px}}