.clear{clear:both}.wonder-grid-tax-title{margin-bottom:2.5em}.wonder-grid-tax-title .title{margin-bottom:-5px}.wonder-grid-tax-title .desc{font-size:15px;color:#333;width:60%;line-height:1.5}.wonder-grid-tax-title.text-align-center{text-align:center}.wonder-grid-tax-title.text-align-center .desc{margin:auto}.wonder-grid{height:auto;overflow:hidden;width:100%}.wonder-grid-container{flex-wrap:wrap;width:100%;display:flex}.wonder-grid-container .wg-project-item{overflow:hidden;font-size:12px;color:#ccc;position:relative;margin:0 2% 2% 0}.wonder-grid-container.wg-grid-columns-2 .wg-project-item{width:48%}.wonder-grid-container.wg-grid-columns-3 .wg-project-item{width:31.33333%}.wonder-grid-container.wg-grid-columns-4 .wg-project-item{width:23%}.wonder-grid-container.wg-grid-columns-5 .wg-project-item{width:18%}@media(max-width:767px){.wonder-grid-container.wg-grid-columns-2 .wg-project-item,.wonder-grid-container.wg-grid-columns-3 .wg-project-item,.wonder-grid-container.wg-grid-columns-4 .wg-project-item,.wonder-grid-container.wg-grid-columns-5 .wg-project-item{margin-bottom:2em;width:100%}}.wonder-grid-container .wg-project-item .project-thumbnail{height:auto;overflow:hidden;position:relative;width:100%}.wonder-grid-container .wg-project-item .project-thumbnail .wg_item_info{position:absolute;bottom:15px;left:15px;z-index:5}.wonder-grid-container .wg-project-item .project-thumbnail .wg_item_info a{color:#fff}.wonder-grid-container .wg-project-item .project-thumbnail .wg_item_info .wg_title{margin-bottom:-4px}.wonder-grid-container .wg-project-item .project-thumbnail .wg_item_info .wg-taxonomy{font-size:12px;opacity:.8}.wonder-grid-container .wg-project-item .project-thumbnail:after{height:100%;content:"";position:absolute;opacity:0;top:0;left:0;width:100%;z-index:4}.wonder-grid-container .wg-project-item.inside .project-thumbnail:after{opacity:1;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3))}.wonder-grid-container .wg-project-item .project-thumbnail:hover:after{z-index:2}.wonder-grid-container .wg-project-item figure{position:relative;margin:0;line-height:1;z-index:3}.wonder-grid-container .wg-project-item figure a{height:100%;position:relative;width:100%;display:block;z-index:4}.wonder-grid-container .wg-project-item img{height:auto;transition:all .5s;width:100%}.wonder-grid-container .wg-project-item .wg_title{font-size:16px;margin:15px 0 5px;line-height:1.2}.wonder-grid-container .wg-project-item .wg_title a{color:#000}.wonder-grid-container .wg-project-item .wg_title a:hover{color:#999}.wonder-grid-container .wg-project-item .wg-taxonomy{font-size:12px;margin-right:5px;color:#999}.wonder-grid-container .wg-project-item .wg-taxonomy.child:after{color:#ccc;content:"/";margin:0 0 0 5px}.wonder-grid-container .wg-project-item .wg-taxonomy:hover{border-bottom:1px dashed #ccc}.wonder-grid-blog-container .wg-project-item{padding:30px 0;margin-bottom:30px;border-bottom:1px solid #eee}.wonder-grid-blog-container .project-thumbnail{height:auto;overflow:hidden;margin-bottom:30px;width:100%}.wonder-grid-blog-container .project-thumbnail img{height:auto;width:100%}.wonder-grid-blog-container .wg_title{font-size:36px;margin-bottom:20px;margin-top:0}.wonder-grid-blog-container .wg_title a{color:#000}.wg-filter{height:40px;margin-bottom:1em;width:100%}.wg-filter ul{padding:0;margin:0}.wg-filter ul li{list-style:none;padding:5px 10px;margin-right:10px;margin-bottom:10px;float:left;display:block}.wg-filter ul li:hover{background:#eee}.wg-filter ul li:last-child{margin-right:0}.wg-filter ul li a{color:#000}.wg-filter ul li.wg-filter-active{background:#000}.wg-filter ul li.wg-filter-active a{color:#fff}.wonder-grid-pagenavi{text-align:center;clear:both;width:100%;margin-top:2em}.wonder-grid[data-infinite="1"] .wonder-grid-pagenavi{display:none}.wonder-grid-pagenavi a:not(.next):not(.previous),.wonder-grid-pagenavi span{padding:10px 20px;margin-right:5px;display:inline-block}.wonder-grid-pagenavi a{border:1px solid #ddd;color:#000}.wonder-grid-pagenavi a:hover{border-color:#000;color:#fff;background:#000}.wonder-grid-pagenavi a.next{padding:14px}.wonder-grid-pagenavi span.current{border:1px solid #eee;color:#999}.wonder-grid-pagenavi .next span,.wonder-grid-pagenavi .prev span{padding:0}.wonder-grid-container,.wonder-grid-post,.wonder-grid-tax-title{height:auto;margin-right:auto;position:relative;margin-left:auto;width:1140px}.wonder-grid-post{margin-top:3em}.wonder-grid-post.wg-column-full .wonder-grid-text{border:none;padding-right:0;width:100%;float:none}.wonder-grid-post.wg-column-full .wonder-grid-title{margin-bottom:30px}.wonder-grid-post.wg-column-full .project-thumbnail{margin-bottom:30px;width:100%}.wonder-grid-post.wg-column-full .project-thumbnail img{height:auto;width:100%}.wonder-grid-post.wg-columns-2{justify-content:space-between;flex-wrap:wrap;display:flex}.wonder-grid-media{height:auto;position:relative;background:#fff;width:60%;z-index:9}.wonder-grid-media .media-item{margin-bottom:20px}.wg-columns-2 .wonder-grid-media .media-item{overflow:hidden;justify-content:center;align-items:center;display:flex}.wonder-grid-media .wg-media iframe{height:auto;min-height:390px;width:100%}.wg-column-1 .wonder-grid-media .wg-media iframe{min-height:641px}.wonder-grid-media img.wonder-grid-image{height:auto;max-width:100%}.wg-columns-2 .wonder-grid-content{width:35%}.wonder-grid-content .wonder-grid-title{font-size:2em;font-weight:600;margin:0}.wonder-grid-content .wg-meta{font-size:14px;color:#999;margin-top:10px}.wonder-grid-content .wg-meta a{color:#333;margin-left:5px}.wonder-grid-info{padding-top:30px;font-size:14px;color:#222;border-top:1px solid #eee;margin-left:0;margin-top:30px;padding-left:0}.wonder-grid-info li{list-style:none;padding:3px 0}.wonder-grid-info li strong{width:150px;display:inline-block}.wg-column-1 .wonder-grid-text{border-right:1px solid #eee;padding-right:30px;width:55%;float:left}.wg-column-1 .wonder-grid-info{border-top:0;width:35%;float:right;padding-left:30px}.wg-column-1 .wonder-grid-media{width:100%;margin-top:50px}.wg-slider{padding:0 15px;position:relative}.wg-column-1 .wg-slider{padding:0}.wg-column-1 .wg-slider .swiper-container-horizontal>.swiper-pagination-bullets,.wg-column-1 .wg-slider .swiper-pagination-custom,.wg-column-1 .wg-slider .swiper-pagination-fraction{bottom:-65px}.wg-slider .swiper-pagination-bullet-active{background:#222}.wg-slider .swiper-button-next,.wg-slider .swiper-button-prev{color:#ddd;outline:none}.wg-slider .swiper-button-prev{left:-30px}.wg-slider .swiper-button-next{right:-30px}.wg-slider .swiper-button-next:after,.wg-slider .swiper-button-prev:after,.wg-slider .swiper-container-rtl .swiper-button-next:after,.wg-slider .swiper-container-rtl .swiper-button-prev:after{font-size:25px}.wg-single-post-navi{height:auto;overflow:hidden;margin-right:calc(-50vw + 50%);max-width:100vw;background:#f8f8f8;margin-left:calc(-50vw + 50%);margin-top:15em}.wg-single-post-navi .nav-box{height:350px;overflow:hidden;position:relative;background:#000;width:50%;float:left}.wg-single-post-navi .nav-box .post-title{font-size:2em;color:#fff;position:relative;text-align:center;width:90%;line-height:1.2;z-index:2}.wg-single-post-navi .nav-box .post-title a{margin:0 30px}.wg-single-post-navi .nav-box .post-thumbnail{height:100%;justify-content:center;align-items:center;width:100%;display:flex}.wg-single-post-navi .nav-box .post-thumbnail img{height:auto;transition:all .3s;position:absolute;opacity:.7;top:0;left:0;width:100%;z-index:1}.wg-single-post-navi .nav-box .post-thumbnail:hover img{transform:scale(1.1);transition:all .3s}.wg-zoom-in:hover img{transform:scale(1.05);transition:all .5s}.wg-shine figure:before{height:100%;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);content:"";position:absolute;top:0;background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));left:-75%;width:50%;display:block;z-index:5}.wg-shine figure:hover:before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{to{left:125%}}@keyframes shine{to{left:125%}}.wg-circle figure:before{height:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"";position:absolute;opacity:0;top:50%;border-radius:100%;background:hsla(0,0%,100%,.2);left:50%;width:0;display:block;z-index:5}.wg-circle figure:hover:before{-webkit-animation:circle .75s;animation:circle .75s}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}to{height:200%;opacity:0;width:200%}}@keyframes circle{0%{opacity:1}40%{opacity:1}to{height:200%;opacity:0;width:200%}}.wg-flash:hover img{-webkit-animation:flash 1.5s;animation:flash 1.5s}@-webkit-keyframes flash{0%{opacity:.4}to{opacity:1}}@keyframes flash{0%{opacity:.4}to{opacity:1}}.wg-inner-border figure:before{height:50px;font-size:3em;color:#fff;transition:margin-top .4s;content:"+";position:absolute;opacity:0;top:50%;margin:25px 0 0 -25px;left:50%;width:50px;z-index:5}.wg-inner-border figure a:before{height:99%;transform:scale(1.2);border:4px solid hsla(0,0%,100%,.4);transition:all .4s;content:"";position:absolute;opacity:0;top:0;background:rgba(0,0,0,.1);left:0;width:100%;z-index:1}.wg-inner-border figure:hover:before{transition:margin-top .4s;opacity:1;margin-top:-25px}.wg-inner-border figure:hover a:before{opacity:1}.wg-inner-border figure:hover a:before,.wg-zoom-out figure:hover img{transform:scale(.95);transition:all .4s}.wg-brightness figure:hover img{filter:brightness(1.3)}@media(max-width:1139px){.wonder-grid-container,.wonder-grid-post,.wonder-grid-tax-title{width:100%}.wonder-grid-post{width:90%}}@media(max-width:980px){.wg-single-post-navi .nav-box{height:250px}}@media(max-width:767px){.wonder-grid-content,.wonder-grid-media,.wonder-grid-tax-title .desc{width:100%}.wonder-grid-media{order:2}.wg-columns-2 .wonder-grid-content,.wonder-grid-content{margin-bottom:5%;order:1;width:100%}.wg-column-1 .wonder-grid-info,.wg-column-1 .wonder-grid-text{width:100%}.wg-column-1 .wonder-grid-text{border-right:0;padding-right:0}.wg-column-1 .wonder-grid-info{padding-top:0;padding-left:0}.wg-single-post-navi .nav-box{height:150px}.wg-single-post-navi .nav-box .post-title{font-size:1em}}@media(max-width:480px){.wonder-grid-container.columns-3 .wg-project-item{max-height:300px}}