﻿.filter-blogs{align-items:flex-start;display:flex;margin:0 auto;width:1140px}.filter-blogs-slider{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);flex-shrink:0;margin-right:30px;padding:20px;width:220px}.filter-blogs-filters{padding-bottom:10px}.pb0{padding-bottom:0}.filter-blogs-filters-label{margin-bottom:5px}.filter-blogs-filter-item{align-items:center;border:1px solid transparent;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:14px;margin-left:10px;margin-top:2px;padding:5px 15px}.filter-blogs-filter-item-label{flex:1}.filter-blogs-filter-item-close{align-items:center;display:none;height:18px;justify-content:center;width:18px}.filter-blogs-filter-item-close svg{height:18px;width:18px}.filter-blogs-filter-item:hover .filter-blogs-filter-item-label{color:#000}.filter-blogs-filter-item.active{border:1px solid #009973}.filter-blogs-filter-item.active .filter-blogs-filter-item-label{color:#009973}.filter-blogs-filter-item.active .filter-blogs-filter-item-close{display:flex}.filter-blogs-content{flex:1}.filter-blogs-content-item{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:300px;margin-bottom:20px}.filter-blogs-content-item.hide{display:none}.filter-blogs-content-item-image{width:100%}.filter-blogs-content-item-image img{border-radius:10px;height:300px;object-fit:cover;width:440px}.filter-blogs-content-item-right{padding:20px}.filter-blogs-content-item-content,.filter-blogs-content-item-right{display:flex;flex:1;flex-direction:column}.tagList{display:flex;margin-bottom:10px}.tagList-item{border:1px solid #ccc;border-radius:5px;color:#333;font-size:12px;margin-right:5px;padding:2px 8px}.filter-blogs-content-item-name{color:#333;font-size:22px;font-weight:600;margin-bottom:10px}.filter-blogs-content-item-desc{box-sizing:border-box;color:#666;flex:1;font-size:16px;overflow:hidden;text-overflow:ellipsis}.filter-blogs-content-item-more{color:#009973;display:flex;font-size:14px;justify-content:flex-end}.filter-blogs-filters-head{cursor:pointer;display:flex;justify-content:space-between;padding:5px 0}.filter-blogs-filters-head:hover .filter-blogs-filters-label{opacity:.7}.filter-blogs-filters-content{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.filter-blogs-filters-head.active .filter-blogs-filters-head-arrow{transform:rotate(90deg)}.filter-blogs-filters-label{color:#333;font-size:16px;font-weight:600}.filter-blogs-filters-head-arrow{cursor:pointer;transition:transform .5s ease-in-out}.filter-blogs-filters.active .filter-blogs-filters-head-arrow{transform:rotate(90deg)}.filter-blogs-slider-footer{display:flex;padding:10px}.filter-btn{align-items:center;background:#009973;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0 20px;width:100%}.filter-btn:hover{background:#0cc698}#not-data-content{display:none}#not-data-content.show,.not-data{display:block}.not-data{color:#666;font-size:14px;padding:30px;text-align:center}#windown-message{display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:-40%;transition:all .3s ease-in-out}.message-content{background:#009973;border-radius:14px;color:#fff;font-size:13px;height:28px;line-height:28px;padding:0 20px}@media (max-width:1140px){.filter-blogs{width:100%}.filter-blogs-content-item{flex-direction:column;height:auto;width:100%}.filter-blogs-content-item-left{width:100%}.filter-blogs-content-item-image{height:100%;width:100%}.filter-blogs-content-item-image img{height:auto;object-fit:cover;width:100%}}@media (max-width:993px){.filter-blogs-content-item{flex-direction:column;height:auto;width:100%}.filter-blogs-content-item-left{width:100%}.filter-blogs-content-item-image{height:100%;width:100%}.filter-blogs-content-item-image img{height:auto;object-fit:cover;width:100%}}@media (max-width:767px){.filter-blogs{flex-direction:column;width:100%}.filter-blogs-slider{margin-bottom:20px;margin-right:0;width:100%}.filter-blogs-filters-content,.filter-blogs-filters-content_show{display:grid;grid-template-columns:1fr 1fr}.filter-blogs-content-item{flex-direction:column;height:auto;width:100%}.filter-blogs-content-item-left{width:100%}.filter-blogs-content-item-image{height:100%;width:100%}.filter-blogs-content-item-image img{height:auto;object-fit:cover;width:100%}}.video-card-videos{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}@media (max-width:767px){.video-card-videos{grid-template-columns:1fr!important}}.video-card-video{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden}.video-card-video-img{align-items:center;border-radius:10px;display:flex;height:200px;justify-content:center;position:relative;width:100%}.video-card-video-img img{height:100%;width:100%}.video-card-video-play-button{align-items:center;cursor:pointer;display:flex;height:80px;justify-content:center;position:absolute;width:80px}.local-video-play,.video-card-video-play-button-icon{align-items:center;background:rgba(0,0,0,.2);border:1px solid #fff;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.local-video-play:hover,.video-card-video-play-button-icon:hover{background:rgba(0,0,0,.4)}.video-card-video-content{background:#fff;display:flex;flex-direction:column;padding:20px}.video-card-video-content-date{color:#666;font-size:14px;margin-bottom:5px}.video-card-video-content-name{color:#333;font-size:16px}.video-modal{align-items:center;background:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.video-modal.active{display:flex}.video-container{background:#000;max-width:1200px;position:relative;width:80%}.video-iframe{height:0;padding-bottom:56.25%;width:100%}.video-iframe iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.close-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-30px;top:-30px;width:40px}.close-button:after,.close-button:before{background:#fff;content:"";height:2px;position:absolute;width:15px}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}