.projects_home{margin:auto}.project_cat{margin:auto}.project__cat--main{background-color:#333333;position:relative;box-sizing:border-box;margin-bottom:30px}@media screen and (max-width: 768px){.project__cat--main{margin-bottom:20px}}.project__cat--main .main__listcat{width:100%;display:flex;align-items:center;justify-content:center;padding:20px 0 20px;column-gap:5px;overflow-x:auto}@media screen and (max-width: 1024px){.project__cat--main .main__listcat{padding:15px 0 15px}}@media screen and (max-width: 768px){.project__cat--main .main__listcat{justify-content:flex-start}}.project__cat--main .main__listcat .main__listcat--main{padding:10px;background:none;color:#fff;font-size:16px;letter-spacing:0.3px;margin:0px;display:inline;cursor:pointer;transition:all 0.4s ease-in-out;white-space:nowrap}@media screen and (max-width: 768px){.project__cat--main .main__listcat .main__listcat--main{font-size:15px;padding:8px}}@media screen and (max-width: 514px){.project__cat--main .main__listcat .main__listcat--main{font-size:14px}}.project__cat--main .main__listcat .active{background:var(--main-color)}.project__cat--main .main__listcat .main__listcat--main:hover{background:var(--main-color)}.bg__project{position:relative;box-sizing:border-box}.bg__project img{width:100%;height:auto;vertical-align:middle;display:grid}@media screen and (max-width: 650px){.bg__project img{height:220px;object-fit:cover}}.summary_projects{font-size:24px;font-weight:700;margin-top:30px;text-align:center;color:var(--extra-color);width:750px;margin:0px auto 30px;line-height:1.4em;max-width:100%}@media all and (max-width: 800px){.summary_projects{font-size:22px}}.project_cat .page_title{text-align:center;font-size:24px;border-bottom:0;margin-bottom:20px;position:relative;color:#fff}.project_cat .page_title:after{display:none}.project_cat .page_title span{font-size:40px}@media all and (max-width: 800px){.project_cat .page_title span{font-size:24px}}.list_cat li{display:inline-block;margin-top:10px;padding:12px 0px;border-left:2;transition:0.5s;position:relative}.list_cat li:after{width:2px;height:18px;content:"";position:absolute;right:0;top:11px;background:#101010}@media all and (max-width: 600px){.list_cat li:after{height:12px;top:15px}}.list_cat li a{font-size:20px;padding:12px 25px;color:#080808}@media all and (max-width: 800px){.list_cat li a{font-size:16px;padding:12px 15px}}@media all and (max-width: 600px){.list_cat li a{font-size:15px;padding:12px 5px}}.list_cat li:last-child:after{display:none}.list_cat li:hover a{color:var(--main-color)}.project_cat .list_projects_cat{margin-top:20px;display:flex;flex-wrap:wrap;column-gap:10.5px;row-gap:10px}@media all and (max-width: 1200px){.project_cat .list_projects_cat{margin-top:20px}}@media all and (max-width: 800px){.project_cat .list_projects_cat{margin-top:10px}}@media all and (max-width: 600px){.project_cat .list_projects_cat{column-gap:5px}}.project_cat .cat-title h1{display:inline-block;position:relative;z-index:10}.project_cat .cat-title h1 span{text-transform:uppercase;color:#fff;text-decoration:none;margin-left:0;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}.project_cat .cat-title h1 span:hover{color:var(--main-color)}.project_cat ._header{margin-top:10px;display:flex;flex-wrap:wrap;column-gap:30px;row-gap:30px}@media all and (max-width: 1200px){.project_cat ._header{margin-top:30px}}@media all and (max-width: 800px){.project_cat ._header{margin-top:20px}}@media all and (max-width: 600px){.project_cat ._header{column-gap:10px;row-gap:15px}}.project_cat .item{width:calc(100% / 3 - 20px);float:left;box-sizing:border-box;background-color:#EFEFEF}@media all and (max-width: 600px){.project_cat .item{width:calc(50% - 5px)}}@media screen and (max-width: 400px){.project_cat .item{width:100%}}.project_cat .item .name a{font-size:18px;color:#fff;line-height:25px;text-transform:uppercase}.project_cat .item .text{position:absolute;bottom:30px;left:30px;top:30px;right:30px;background-color:#2d2e30;opacity:0;display:flex;flex-flow:column;justify-content:center;align-items:center;text-align:center;padding-left:40px;padding-right:40px;padding-bottom:50px;padding-top:50px;transition:all .5s ease}@media screen and (max-width: 768px){.project_cat .item .text{opacity:1;top:unset;padding-left:30px;padding-right:30px;padding-bottom:40px;padding-top:40px}}@media screen and (max-width: 600px){.project_cat .item .text{bottom:20px;left:20px;right:20px}}@media screen and (max-width: 514px){.project_cat .item .text{padding-left:20px;padding-right:20px;padding-bottom:30px;padding-top:30px}}.project_cat .item .text .wrap-cate{font-size:14px;text-transform:uppercase;color:#fff;text-decoration:none;position:relative;margin-bottom:10px}.project_cat .item .text .wrap-cate:after{position:absolute;content:"";height:2px;bottom:0;margin:0 auto;left:0;right:0;width:100%;background:var(--main-color);-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}.project_cat .item .text .name{font-size:26px;font-weight:700;line-height:1.3;color:#fff}@media screen and (max-width: 1400px){.project_cat .item .text .name{font-size:24px}}@media screen and (max-width: 1024px){.project_cat .item .text .name{font-size:22px}}@media screen and (max-width: 768px){.project_cat .item .text .name{font-size:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media screen and (max-width: 600px){.project_cat .item .text .name{font-size:18px}}.project_cat .item figure{overflow:hidden;position:relative;margin-bottom:15px;margin-bottom:0px}.project_cat .item figure a{display:grid}.project_cat .item figure img{width:100%;transition:0.7s;-moz-transition:0.7s;-webkit-transition:0.7s;-o-transition:0.7s}.project_cat .item .frame_inner{position:relative}.project_cat .item .frame_inner .before{opacity:0;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;position:absolute;width:100%;height:100%;top:0;left:0;background:#44444475;padding:10px;box-sizing:border-box;pointer-events:none}@media all and (max-width: 600px){.project_cat .item .frame_inner .before{padding:5px}}.project_cat .item .frame_inner .before .cbe{box-sizing:border-box;width:100%;height:100%;position:relative;padding:0 20%}.project_cat .item .frame_inner .before .cbe:before{width:50px;height:50px;content:"";position:absolute;top:5px;left:5px;border-top:1px solid #eee;border-left:1px solid #eee}.project_cat .item .frame_inner .before .cbe:after{width:50px;height:50px;content:"";position:absolute;bottom:5px;right:5px;border-bottom:1px solid #eee;border-right:1px solid #eee}@media all and (max-width: 600px){.project_cat .item .frame_inner .before .cbe{padding:0px}}.project_cat .item .frame_inner .before .cbe .name{position:absolute;padding:20px;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:18px;line-height:26px;text-align:center;width:80%;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}@media all and (max-width: 600px){.project_cat .item .frame_inner .before .cbe .name{width:100%;font-size:14px;line-height:18px;padding:0}}.project_cat .item .frame_inner .before .cbe .name:hover{color:#fff}.project_cat .item .frame_inner:hover .before{opacity:1}.project_cat .item:hover img{transform:scale(1.2)}.project_cat .item:hover .text{opacity:1}.cat_item_store{margin:0px 0 20px;text-align:center}.cat_item_store ul{display:flex;flex-wrap:wrap;justify-content:center}.cat_item_store li{transition:0.5s all ease;position:relative;width:calc(33.333% - 20px);margin:0px 10px 20px;float:left}@media all and (max-width: 600px){.cat_item_store li{width:calc(33.333% - 10px);margin:0px 5px 20px}}@media all and (max-width: 500px){.cat_item_store li{width:calc(50% - 10px);margin:0px 5px 20px}}.cat_item_store li:before{position:absolute;right:30px}.cat_item_store li a{font-size:16px;padding:18px 24px 18px 0px;display:block;color:var(--extra-color);transition:0.5s;border-bottom:1px solid transparent;border:1px solid #eee;position:relative}@media all and (max-width: 780px){.cat_item_store li a{padding:13px 24px 13px 0px}}.cat_item_store li a:before{display:block;width:11px;height:11px;color:#b6af96;content:"";background:url('data:image/svg+xml;utf8,<svg version="1.1" fill="rgb(0,49,110)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="11px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"/></g></svg>');background-repeat:no-repeat;position:absolute;top:50%;right:24px;transform:translate(0px, -50%)}@media all and (max-width: 600px){.cat_item_store li a:before{right:12px}}.cat_item_store ul .active a{color:#fff;border-bottom:1px solid transparent;background-color:var(--extra-color)}.cat_item_store ul .active a:before{background:url('data:image/svg+xml;utf8,<svg version="1.1" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="11px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"/></g></svg>');background-repeat:no-repeat}.cat_item_store ul li:hover a{color:#fff;border-bottom:1px solid transparent;background-color:var(--extra-color)}.cat_item_store ul li:hover a:before{background:url('data:image/svg+xml;utf8,<svg version="1.1" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="11px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"/></g></svg>');background-repeat:no-repeat}.frame_inner .name{position:relative}.frame_inner .name h2{text-align:center}.frame_inner .name a{color:#fff}.frame_inner .name .like{position:relative;font-size:16px;color:#444;width:70px;float:right;text-align:right;margin-top:2px}.frame_inner .name .like svg{width:15px;height:15px;transform:translate(0, 1px);fill:#444}.main_wrapper_nohome{margin-top:0px}.main_wrapper{margin-bottom:10px}.description p,.description ul li,.description div,.description h2,.description h3,.description h4,.description h5{line-height:2}.project_cat .description a{color:var(--main-color)}.project_cat .description{word-wrap:break-word;margin:0px 0px 20px}.project_cat .description iframe{max-width:100%}.project_cat .description table{width:100% !important;margin-bottom:15px}.project_cat .description table td{padding-left:10px !important;padding-right:10px !important;padding-top:5px !important;padding-bottom:5px !important;border:1px solid #ccc}.project_cat .description h1{font-size:26px;font-weight:700}.project_cat .description h2{font-size:22px;font-weight:700}@media screen and (max-width: 768px){.project_cat .description h2{font-size:21px}}@media screen and (max-width: 514px){.project_cat .description h2{font-size:20px}}.project_cat .description h3{font-size:20px;font-weight:700}@media screen and (max-width: 768px){.project_cat .description h3{font-size:20px}}@media screen and (max-width: 514px){.project_cat .description h3{font-size:18px}}.project_cat .description h4{font-size:16px;font-weight:700;margin-top:24px}@media screen and (max-width: 1366px){.project_cat .description h4{line-height:1.8}}@media screen and (max-width: 768px){.project_cat .description h4{margin-top:20px}}@media screen and (max-width: 514px){.project_cat .description h4{margin-top:15px;line-height:1.6}}.project_cat .description h1,.project_cat .description h2,.project_cat .description h3{margin-top:20px}@media screen and (max-width: 1366px){.project_cat .description h1,.project_cat .description h2,.project_cat .description h3{line-height:1.8;margin-top:18px}}@media screen and (max-width: 514px){.project_cat .description h1,.project_cat .description h2,.project_cat .description h3{line-height:1.6;margin-top:15px}}.project_cat .description ul li{margin-left:40px}
/*# sourceMappingURL=cat.css.map */