.video-page{background-color:#fff;overflow:hidden}.video-header-btn{width:32px;height:32px;display:inline-block;background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/sprite-white.png);background-size:300px;background-position:-252px -4px;display:none}.video-header-btn.active{display:block}.video-header-logo{display:flex;align-items:center;gap:10px}.video-header{display:flex;align-items:center;width:100%;background:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .12);border-radius:0;opacity:1;padding:13px 28px;position:fixed;top:0;left:0;width:100%;z-index:99;justify-content:space-between}.video-btn{font-size:14px;font-weight:400;line-height:18px;min-width:120px;padding:0 10px;height:32px;line-height:32px;background:var(--fs-color-secondary);display:inline-block;text-align:center;border-radius:30px;color:#fff}.video-btn:hover{color:#fff}.video-header img.header_logo{max-height:30px;width:auto}.video-wrap{display:flex;padding-top:56px}.video-nav{width:240px;padding:44px 0}.video-nav ul{height:100%;margin:0;display:flex;flex-direction:column}.video-nav ul li{border:0!important}.video-nav>ul>li>a{height:44px;display:flex;align-items:center;text-transform:capitalize;padding:0 27px;color:#000;font-size:14px;font-weight:400}.video-nav>ul>li.active>a{background-color:rgb(30 94 63 / 20%)}.video-nav .header-language-dropdown{margin-top:auto;position:relative}.video-page ul#ux-language-dropdown{display:table;position:absolute;bottom:100%;left:34px;z-index:99999;padding:10px 0;width:auto;right:0;margin:0}.video-nav .header-language-dropdown:hover ul#ux-language-dropdown{opacity:1;visibility:visible}.video-nav .header-language-dropdown i.image-icon{order:-1}.video-nav .header-language-dropdown i.icon-angle-down{margin-left:10px}.video-nav i{width:24px;height:24px;margin-right:20px;display:inline-block}.video-nav i.home{background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/home.svg) center / contain no-repeat}.video-nav i.video{background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/video.svg) center / contain no-repeat}.video-nav i.playlist{background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/playlist.svg) center / contain no-repeat}.video-nav i.website{background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/website.svg) center / contain no-repeat}.video-all{flex:1;height:calc(100vh - 56px);overflow-y:scroll}.banner-video-main .stack{padding:0 20px;justify-content:flex-end;gap:20px}.banner-video-main .icon-box{width:max-content}.banner-video-main .stack .icon-box{background:rgb(0 0 0 / .4);padding:0 10px;height:28px;font-size:14px;display:flex;align-items:center;border-radius:4px}.banner-video-main .stack .icon-box .icon-box-img{position:relative;top:3px}.banner-video-main .stack .icon-box .icon-box-text{padding-left:10px}.banner-video-main .icon-box-text *{margin:0}.video-all-nav{padding:0 30px}.video-all-nav ul>li>a{font-size:16px;text-transform:uppercase;color:#777;min-width:100px;display:block;text-align:center;line-height:48px}.video-all-nav ul>li.active>a{color:var(--fs-color-secondary);font-weight:700;border-bottom:2px solid var(--fs-color-secondary)}.video-all-display{padding:30px;background:#f4f6f9}.video-feature{display:flex;align-items:center}.video-feature-left{width:480px}.video-feature-left>*{width:100%;height:240px;border-radius:10px}.video-feature-right{flex:1;padding-left:24px;display:flex;flex-wrap:wrap;gap:10px;font-size:14px}.video-feature-right *{margin:0}.video-feature-right h3{font-size:20px}a.video-feature-btn{display:block;color:#000;width:100%;margin-bottom:30px}.video-list .row{max-width:unset;margin:0 -8px;width:auto}.video-list .col{max-width:14.28%;flex-basis:14.28%;padding:0 8px 16px}.video-list{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}.video-list-title{margin-bottom:20px;font-size:16px;font-weight:700}.video-item-img img{height:117px;border-radius:8px;object-fit:cover}.video-item span{color:#777;font-size:12px;display:flex;align-items:center}.video-item h3{font-size:14px;line-height:18px;letter-spacing:0;font-weight:400;text-align:left;margin-top:8px;margin-bottom:4px}.single .video-nav{position:fixed;top:0;left:0;z-index:9999;transition:all 0.5s;opacity:0;visibility:hidden;height:100vh;background:#fff;transform:translateX(-240px)}.video-nav.active{opacity:1!important;visibility:visible!important;transform:translateX(0)!important}.video-sinlge{display:flex}.video-info{flex:1;padding:30px}.video-sidebar{width:428px;flex-shrink:0;background:#fff;box-shadow:0 4px 16px 1px rgb(0 0 0 / 16%);border-radius:0;opacity:1;border:1px solid #fff0;overflow:auto;transition:all .3s ease-in-out;box-sizing:border-box;position:relative;padding:24px 28px 24px 24px}.video-sinlge .video-fit{border-radius:10px;margin-bottom:24px}.video-sinlge h1{font-size:20px;margin-bottom:20px}.video-info-list{display:flex;align-items:center;column-gap:30px;row-gap:10px;flex-wrap:wrap}.video-sinlge-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.video-item-text i,.video-info-item i{width:20px;height:20px;display:inline-block;background-image:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/sprite-white.png);background-size:300px;margin-right:5px}.video-item-text i.date,.video-info-item i.date{background-position:-27px -71px}.video-item-text i.cat,.video-info-item i.cat{background-position:-7px -70px}.video-info-item i.keyword{background-position:-46px -71px}.video-info-item{display:flex;align-items:center;font-size:14px}.video-single-tag{margin:20px 0}.video-single-tag span{margin-right:10px;font-size:14px;color:#0051ff}.video-single-tag span:first-child{font-weight:600;color:#000}.video-sinlge-description{font-size:14px;background-color:#e8ecff;padding:15px;border-radius:10px}.video-description-title{font-weight:700;line-height:1.5em;margin-bottom:4px}.video-description-title:before{content:" ";display:inline-block;width:15px;height:16px;background:url(https://turboogate.vn/wp-content/themes/flatsome-child/assets/icons/sprite-white.png) -142px -76px;background-size:300px 300px;margin-right:5px;transform:translateY(3px)}.video-sidebar .video-item{display:flex;align-items:center}.video-sidebar .video-item-img{width:208px;margin-bottom:12px}.video-sidebar .video-item-text{flex:1;padding-left:12px}@media screen and (min-width:850px){.admin-bar .video-header{top:32px}.admin-bar .video-all{height:calc(100vh - 88px)}}@media screen and (max-width:1200px){.video-feature-left{width:280px}.video-list .col{max-width:20%;flex-basis:20%}}@media screen and (max-width:850px){.video-nav{position:fixed;top:0;left:0;z-index:9999;transition:all 0.5s;opacity:0;visibility:hidden;transform:translateX(-240px);height:100vh;background:#fff}.video-list .col{max-width:33.33%;flex-basis:33.33%}.video-sinlge{flex-direction:column}.video-sidebar{width:100%}.video-header-btn{display:block}}@media screen and (max-width:550px){.video-all-nav ul>li>a{font-size:14px;min-width:unset;padding:0 10px}.video-feature-right{width:100%;padding:10px 0 0}.video-feature-right *{display:none!important}.video-feature-right h3{display:block!important;font-size:16px}.video-feature{flex-direction:column}.video-feature-left{width:100%}.video-list .col{max-width:50%;flex-basis:50%}.video-list .col:nth-child(n+5){display:none}.video-info{padding:30px 15px}}