.projects_home{margin:auto}.project_cat{margin:auto}.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 ._header .item{width:25%;float:left;box-sizing:border-box}@media all and (max-width: 1200px){.project_cat ._header .item{width:calc(100% / 2 - 20px);margin:5px 10px 15px}}@media all and (max-width: 600px){.project_cat ._header .item{width:calc(100% - 20px);margin-bottom:20px}}.project_cat ._header .item figure{position:relative;overflow:hidden}.project_cat ._header .item figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;margin:50px 50px}.project_cat ._header .item figure figcaption .project-title{position:relative;top:0;left:0;margin:0;font-family:oswald,sans-serif;font-weight:400;font-size:25px;line-height:1.45;letter-spacing:2px;color:#fff;text-transform:uppercase;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:10}.project_cat ._header .item figure figcaption .zom1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.5);width:80px;height:80px;border-radius:50%;background-color:rgba(39,39,39,0.52);overflow:hidden;opacity:0;-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s}.project_cat ._header .item figure figcaption .zom1::after{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;background:url("../images/search_.svg") 0 0 no-repeat;background-size:cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.project_cat ._header .item figure figcaption .project-cat{position:absolute;left:0;bottom:0;margin:0 0 -.8em;font-family:oswald,sans-serif;font-weight:bold;font-size:14px;color:#fff;letter-spacing:12px;text-transform:uppercase;z-index:10;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.project_cat ._header .item figure::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#111;opacity:.7;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.project_cat ._header .item figure:hover::after{opacity:0}.project_cat ._header .item figure img{transition:all 8s linear}.project_cat ._header .item figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4)}.project_cat ._header .item figure:hover .project-title{top:30px;opacity:0}.project_cat ._header .item figure:hover .zom1{opacity:1;transition:0.7s;transform:translate(-50%, -50%) scale(1.5)}.project_cat ._header .item figure:hover .project-cat{opacity:0;letter-spacing:20px}.project_cat .list_projects_cat{margin:0 -2px}@media all and (max-width: 1200px){.project_cat .list_projects_cat{margin:0 -2px}}@media all and (max-width: 800px){.project_cat .list_projects_cat{margin:0 -2px}}.project_cat .cat-title::before{transition:0.5s;content:"";height:20px;position:absolute;left:0px;top:3px;width:50px}.project_cat .cat-title h1{display:inline-block;position:relative;z-index:10}.project_cat .cat-title h1 span{text-transform:uppercase;color:#000;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 .frame_inner{position:relative}.project_cat .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}@media all and (max-width: 600px){.project_cat .frame_inner .before{padding:5px}}.project_cat .frame_inner .before .cbe{box-sizing:border-box;width:100%;height:100%;position:relative;padding:0 20%}.project_cat .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 .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 .frame_inner .before .cbe{padding:0px}}.project_cat .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 .frame_inner .before .cbe .name{width:100%;font-size:14px;line-height:18px;padding:0}}.project_cat .frame_inner .before .cbe .name:hover{color:#fff}.project_cat .frame_inner:hover .before{opacity:1}.project_cat:hover img{transform:scale(1.1)}.cat_item_store{margin:20px 0 20px;text-align:center}.cat_item_store li{display:inline;padding:10px 15px;transition:0.5s;position:relative}.cat_item_store li a{font-size:16px;padding:10px 0px;display:inline-block;color:#000;text-transform:uppercase;transition:0.5s;border-bottom:1px solid transparent}.cat_item_store ul .active a{color:var(--main-color);border-bottom:1px solid var(--main-color)}.cat_item_store ul li:hover a{color:var(--main-color);border-bottom:1px solid var(--main-color)}.frame_inner .name{position:relative}.frame_inner .name h2{width:calc(100% - 90px);float:left}.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}
/*# sourceMappingURL=cat.css.map */
