.filter-selectbox{margin-bottom:40px}@media(min-width:768px){.filter-selectbox{margin-bottom:80px}}.filter-selectbox.is-open .filter-selectbox-inner{z-index:9}.filter-selectbox.is-open .filter-selectbox-mobile-overlay{z-index:8;opacity:1}.filter-selectbox .ui-button{font-weight:900;gap:12px}.filter-selectbox .ui-button .icon{transition:transform .3s linear}@media(max-width:767.98px){.filter-selectbox .ui-button.active{background:inherit;color:#fff;border:1px solid #fff}}.filter-selectbox .ui-button.active .icon{transform:rotate(180deg)}@media(max-width:767.98px){.filter-selectbox .ui-button.active .icon path{stroke:#fff}}.filter-selectbox-inner{position:relative;display:inline-block;font-weight:400;z-index:2}.filter-selectbox-mobile-overlay{position:fixed;background:rgba(0,0,0,.9);height:100%;width:100%;z-index:1;bottom:0;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .3s linear}.filter-selectbox-selected{display:flex;align-items:center;justify-content:center;gap:16px}.filter-selectbox-dropdown{background-color:#fff;top:calc(100% + 13px);position:absolute;left:-10%;right:0;padding:52px 13px 22px;border:.5px solid #000;border-radius:20px;width:120%}@media(max-width:767.98px){.filter-selectbox-dropdown{background-color:transparent;border:none;color:#fff}}.filter-selectbox-dropdown ul li{white-space:nowrap;display:flex;align-items:center;margin-bottom:15px}.filter-selectbox-dropdown ul li button{text-transform:uppercase;display:flex;align-items:center;gap:13px}@media(max-width:767.98px){.filter-selectbox-dropdown ul li button path{stroke:#fff}}.filter-selectbox-dropdown ul li button.active path{fill:#000}@media(max-width:767.98px){.filter-selectbox-dropdown ul li button.active path{fill:#fff}}.filter-selectbox-dropdown .actions{margin-top:30px;display:flex;align-items:center;justify-content:center}.filter-selectbox-dropdown .actions button{flex:1;padding:10px 0}.filter-selectbox-dropdown .actions .separator{flex:0 0 1px;height:30px;background-color:#000}@media(max-width:767.98px){.filter-selectbox-dropdown .actions .separator{background-color:#fff}}.work-grids{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}@media(min-width:992px){.work-grids{gap:57px;margin:0 auto}}.work-grids .col-inner{position:relative;display:block;overflow:hidden;width:100%;height:100%}.work-grids .col-inner img{width:100%;height:100%;transition:filter .3s ease-in-out}.work-grids .col-inner:hover img{filter:blur(50px)}@media(min-width:992px){.work-grids .col-inner:hover img{filter:blur(200px)}}.work-grids .col-inner:hover .overlay{opacity:1}.work-grids .col-inner .overlay{opacity:0;transition:opacity .2s linear;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding:0 20px;color:#fff}@media(min-width:768px){.work-grids .col-inner .overlay{padding:0 33px}}.work-grids .col-inner .overlay-inner{text-align:left}.work-grids .col-inner .overlay h3{font-size:16px;font-weight:100;margin-bottom:20px}@media(min-width:768px){.work-grids .col-inner .overlay h3{margin-bottom:0;font-size:36px}}.work-grids .col-inner .overlay .description{font-weight:300}@media(min-width:768px){.work-grids .col-inner .overlay .description{display:flex;align-items:center;gap:7px}.work-grids .col-inner .overlay .description .separator{min-width:10px;flex:1;height:1px;background-color:#fff}}.page-works{text-align:center}.page-works .content{padding-top:30px;padding-bottom:100px}@media(min-width:768px){.page-works .content{padding-top:40px;padding-bottom:150px}}@media(min-width:992px){.page-works .content{padding-top:50px;padding-bottom:200px}}