.fancybox-nav{width:60px}.fancybox-nav span{visibility:visible;opacity:.5}.fancybox-nav:hover span{opacity:1}.fancybox-next{right:-60px}.fancybox-prev{left:-60px}.fancybox-bg{background:#fc4c02}.video-list .block-item{padding:50px}.video-list .block-item .block-video{cursor:pointer}.video-list .block-item .block-video:hover .image{border-radius:35px}.video-list .block-item .block-video:hover .image img{opacity:.35}.video-list .block-item .block-video:hover .image .triangle{bottom:unset;right:unset}.video-list .block-item .block-video:hover .image .triangle,.video-list .block-item .block-video:hover .image .triangle:before,.video-list .block-item .block-video:hover .image .triangle:after{width:25px;height:25px}.video-list .block-item .block-video:hover .text h2{color:#fc4c02}.video-list .block-item .block-video .image{border-radius:6px;background:#000;overflow:hidden;position:relative;height:227px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.video-list .block-item .block-video .image img{width:100%;height:100%;object-position:center;object-fit:cover;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.video-list .block-item .block-video .image .triangle{position:absolute;bottom:30px;right:40px;background-color:#fff;text-align:left;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.video-list .block-item .block-video .image .triangle:before,.video-list .block-item .block-video .image .triangle:after{content:"";position:absolute;background-color:inherit}.video-list .block-item .block-video .image .triangle,.video-list .block-item .block-video .image .triangle:before,.video-list .block-item .block-video .image .triangle:after{width:12px;height:12px;border-top-right-radius:30%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.video-list .block-item .block-video .image .triangle{transform:rotate(-90deg) skewX(-30deg) scale(1, 0.866)}.video-list .block-item .block-video .image .triangle:before{transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%)}.video-list .block-item .block-video .image .triangle:after{transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%)}.video-list .block-item .block-video .text{margin-top:20px}.video-list .block-item .block-video .text h2{font-family:"promptbold",Helvetica,Arial,sans-serif;font-size:18px;color:#003057;letter-spacing:0;text-align:center;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.video-list .block-item .block-video .text p{text-align:center;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2}.video-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.video-popup .video-block{width:100%;height:100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.video-popup .video-block .btn-close{z-index:2;position:absolute;top:0;right:0}.video-popup .video-block .btn-close button{width:30px;height:30px;background:transparent;color:#fff;font-size:20px}.video-popup .video-wrapper{background:#fff;width:970px;border-radius:6px;z-index:1;position:relative}@media(max-width: 575px){.video-popup .video-wrapper{width:100%;height:100%}}.video-popup .video-wrapper .video-player iframe{width:100%;height:546px;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden}@media(max-height: 768px){.video-popup .video-wrapper .video-player iframe{height:356px}}.video-popup .video-wrapper .video-text{padding:20px 50px}@media(max-width: 575px){.video-popup .video-wrapper .video-text{padding:15px}}.video-popup .video-wrapper .video-text h2{font-family:"promptbold",Helvetica,Arial,sans-serif;font-size:30px;color:#003057;letter-spacing:0;line-height:45px}@media(max-width: 420px){.video-popup .video-wrapper .video-text h2{font-size:24px}}.video-popup .video-wrapper .video-text p{font-family:"sarabunregular";font-size:17px;color:#8d8d8d;letter-spacing:0;line-height:24px}.video-popup .video-wrapper .video-prev,.video-popup .video-wrapper .video-next{width:39px;height:39px;border-radius:50%;background:#fff;position:absolute;top:250px;cursor:pointer;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.video-popup .video-wrapper .video-prev:before,.video-popup .video-wrapper .video-next:before{content:"";border:solid #fc4c02;border-width:0 3px 3px 0;display:inline-block;padding:3px;border-radius:2px}@media(max-width: 1080px){.video-popup .video-wrapper .video-prev,.video-popup .video-wrapper .video-next{display:none}}.video-popup .video-wrapper .video-prev{left:-10%}.video-popup .video-wrapper .video-prev:before{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}@media(max-width: 1280px){.video-popup .video-wrapper .video-prev{left:-5%}}.video-popup .video-wrapper .video-next{right:-10%}.video-popup .video-wrapper .video-next:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media(max-width: 1280px){.video-popup .video-wrapper .video-next{right:-5%}}.video-popup .video-overlay{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;position:absolute;top:0;width:100%;height:100%;background:rgba(252,76,2,.9);backdrop-filter:blur(5px)}/*# sourceMappingURL=video.css.map */