.project{position:relative;padding-bottom:0}.project-bg{position:fixed;top:0;left:0;width:50%;height:100%;background-image:url(../images/wood.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;filter:brightness(.15)}.project-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.project-info{text-align:center;padding-bottom:50px;opacity:0;-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.project-info.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.project-info.show.show:after{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-info:after{content:"";width:60px;height:1px;background:#9d313c;display:block;margin:40px auto 0;clip-path:polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);-moz-transition:clip-path .6s .4s;-o-transition:clip-path .6s .4s;-webkit-transition:clip-path .6s;-webkit-transition-delay:.4s;transition:clip-path .6s .4s}.project-name{color:#FFF;font-size:1.375rem;letter-spacing:.4rem;padding-bottom:5px}.project-type{font-size:.85rem;letter-spacing:.1rem}.project-image{max-width:1400px;margin:0 auto}.project-img{padding-top:15px}.project-img img{width:100%}.project-wrap{display:-ms-flexbox;display:flex}.project-wrap-img{padding-top:15px}.project-wrap-img:nth-child(1){margin-right:15px}.project-wrap-img img{width:100%}.project-content{margin-top:100px;padding-top:100px;border-top:1px dotted #555}.project-subtitle{color:#FFF;text-align:center;margin-bottom:60px;letter-spacing:.1rem;position:relative;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.project-subtitle.show{opacity:1}.project-subtitle.show:before{opacity:1}.project-subtitle:before{content:"";width:40px;height:40px;background:rgba(157,49,60,0.5);border-radius:50%;position:absolute;top:50%;left:50%;z-index:-1;opacity:0;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .6s .2s;-o-transition:opacity .6s .2s;-webkit-transition:opacity .6s;-webkit-transition-delay:.2s;transition:opacity .6s .2s}.project-subtitle .en{font-family:"Lora",Arial,Helvetica}.project-btn{width:fit-content;margin:0 auto;padding-top:100px}.project-btn.show:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-btn:before{content:"";width:1.5px;height:60px;background:#555;display:block;margin:0 auto 30px;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.project-btn a{width:45px;height:45px;border-radius:50%;border:1px solid #555;background:#161616;display:block;position:relative;opacity:0;-moz-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);transform:scale(.6);-moz-transition:background .6s,border .6s,opacity .6s,-moz-transform .6s;-o-transition:background .6s,border .6s,opacity .6s,-o-transform .6s;-webkit-transition:background .6s,border .6s,opacity .6s,-webkit-transform .6s;transition:background .6s,border .6s,opacity .6s,transform .6s}.project-btn a.show{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.project-btn a:hover{background:#000;border:1px solid #999}.project-btn a span{width:20px;height:1px;background:#cf3b3b;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.project-btn a span:nth-child(1){-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.project-btn a span:last-child{-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}@media screen and (max-width: 1100px){.project-inner{padding:0 35px;width:calc(90% - 70px)}.project-content{padding-top:70px;margin-top:70px}.project-btn{padding-top:70px}}@media screen and (max-width: 640px){.project-bg{width:100%;height:50vh;top:unset;bottom:0}.project-inner{width:auto;padding:0 30px}.project-info{padding-bottom:40px}.project-info:after{width:50px;margin:30px auto 0}.project-name{font-size:18px}.project-wrap{display:block}.project-wrap-img:nth-child(1){margin-right:unset}.project-content{padding-top:60px;margin-top:60px}.project-subtitle{margin-bottom:50px}.project-subtitle:before{width:35px;height:35px}.project-subtitle .en{font-size:1rem}.project-btn{padding-top:55px}.project-btn:before{height:50px;margin:0 auto 30px}.project-btn a{width:40px;height:40px}.project-btn a span{width:18px}}