.popup{position:fixed;z-index:20;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0}.popup-box{position:absolute;width:440px;top:47%;left:50%;margin:-110px 0 0 -220px;background:#f2f4f6;border-radius:6px;box-shadow:1px 2px 5px rgba(0,0,0,.2);padding:28px 50px 38px;text-align:center}.popup-title{font-size:24px;line-height:30px;font-family:Open Sans Light;color:#646464;padding-bottom:24px}.popup-content{padding-bottom:28px;font-size:20px;color:#3c3c3c;line-height:30px}.close{top:-28px;right:-34px}#header{height:284px!important}#header #header-top{padding:29px 50px}#header #logo img{width:auto;height:26px;top:-4px}#features-top-nav li{line-height:40px;margin:0 40px 0 0}#features-top-nav>li:last-child{margin-right:0}#features-top-nav li .dropdown_nav{width:110px;position:absolute;top:100%;left:0}#features-top-nav li .dropdown_nav .triangleList{right:37px;top:-22px}#features-top-nav li a{font-size:14px;color:hsla(0,0%,100%,.8)}#features-top-nav li a:hover{color:#fff}.template_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/bannere4d6565317e847e7ad9d6e16f199a34e.jpg) no-repeat 50%;background-size:cover}#header #slogan{margin:0;top:110px;left:0;right:0}#header #slogan h1{font-size:56px;color:#fff;line-height:1;margin-bottom:36px;font-weight:400}#header #slogan p{font-size:22px;color:#fff;line-height:32px;padding:0 50px}#header #header-top{background:none;position:absolute}#header #top-nav #login{display:inline-block;color:#fff;width:100px;height:34px;line-height:34px;text-align:center;border:1px solid hsla(0,0%,100%,.3);border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}#header #top-nav #login:hover{color:#fff;background:hsla(0,0%,100%,.3)}#header #top-nav #login:active{color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.2)}.user-info-wrap{position:relative;color:#fff;text-align:center;max-width:1280px;padding:0 50px;margin:0 auto}.user-info-wrap,.user-info-wrap *{box-sizing:border-box}.user-info-avatar{width:80px;height:80px;border-radius:40px;margin:0 auto 12px;background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/avatar1b60c279d4d7201d3fe8505d2c0fa569.png) no-repeat 50%;background-size:cover}.user-info-username{font-size:16px;color:#fff;margin:auto}.user-info-useremail{font-size:14px;color:#fff;opacity:.4;margin:4px auto 0}.user-info-share{font-size:14px;color:#fff;border-radius:6px;background:rgba(0,0,0,.2);line-height:34px;cursor:pointer;user-select:none;position:absolute;right:50px;top:90px;padding:0 18px}.info-arrow,.user-info-share{display:inline-block;transition:all .25s}.info-arrow{margin-left:8px;width:12px;height:36px;vertical-align:middle;position:relative}.info-arrow-img{background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/Share-homepage-arrow6f352eeaac4dff8f3fb321fa5fb987ef.png) no-repeat;background-size:cover;width:12px;height:6px;display:inline-block}.user-info-share:hover,.user-info-share:hover .info-arrow{border-color:#fff}.user-info-share:hover .info-arrow-img{background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/Share-homepage-arrow6f352eeaac4dff8f3fb321fa5fb987ef.png) no-repeat 0 -6px}.user-info-share.active .info-arrow-img,.user-info-share:active .info-arrow-img{background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/Share-homepage-arrow6f352eeaac4dff8f3fb321fa5fb987ef.png) no-repeat 0 -12px}.user-info-share.active{background:rgba(0,0,0,.5);border-radius:6px 6px 0 0}.share-icons{position:absolute;top:100%;right:0;animation:fadeUp .25s;z-index:100;display:none}@keyframes fadeUp{0%{top:150%;opacity:0}to{top:100%;opacity:1}}.share-icons-arrow{width:0;height:0;border-width:0 30px 30px;border-style:solid;border-color:transparent transparent #fafafa;position:absolute;top:-10px;left:135px}.share-icons-floor{width:306px;height:86px;background:rgba(0,0,0,.5);padding:22px;box-shadow:2px 2px 4px rgba(0,0,0,.1);border-radius:6px 0 6px 6px}.share-icons-nav{display:inline-block;width:38px;height:38px;float:left;margin-left:18px}.share-icons-nav:first-child{margin-left:0}.nav-f-img,.nav-g-img,.nav-img,.nav-p-img,.nav-tb-img,.nav-tt-img{background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/share_icon2362be1ecc7b3052d0d501cc799d5d0e.png) no-repeat;display:block;width:38px;height:38px}.nav-f-img{background-position:0 0}.nav-tt-img{background-position:-38px 0}.nav-g-img{background-position:-76px 0}.nav-p-img{background-position:-114px 0}.nav-tb-img{background-position:-152px 0}.nav-f-img:hover{background-position:0 -38px}.nav-tt-img:hover{background-position:-38px -38px}.nav-g-img:hover{background-position:-76px -38px}.nav-p-img:hover{background-position:-114px -38px}.nav-tb-img:hover{background-position:-152px -38px}@keyframes expandWidth{0%{width:0}to{width:100%}}.filter-menu{border-bottom:1px solid rgba(0,0,0,.05)}.filter-menu,.filter-menu *{box-sizing:border-box}.filter-menu .filter-menu-inner{max-width:1280px;padding:0 50px;margin:0 auto}.filter-menu a{display:inline-block;text-align:center;color:#9ba4b1;font-size:14px;margin-right:20px;line-height:64px;position:relative;padding:0 14px}.filter-menu a:last-child{margin-right:0}.filter-menu a.active,.filter-menu a:active,.filter-menu a:hover{color:#ac975e}.filter-menu a.active:after,.filter-menu a:hover:after{width:100%;height:2px;background:#ac975e;left:0;bottom:0;content:"";position:absolute;animation:expandWidth .3s}#project-wrapper{position:relative;padding:30px 50px 40px;max-width:1280px;margin:0 auto;overflow:hidden;min-height:600px}#project-wrapper,#project-wrapper *{box-sizing:border-box}.project-list,.project-list-container{position:relative}.is-loading:after{display:block;position:absolute;z-index:11;content:"";top:10em;left:50%;margin:-20px 0 0 -20px;width:40px;height:40px;background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/load7d18ac59584d3c9150e269d121345730.png) 50% no-repeat;animation:rotation 1s infinite linear}.empty-list-info{margin:0 auto;text-align:center;position:absolute;left:50%;top:120px;transform:translateX(-50%);display:none}.empty-list-info a{color:#ac975e;font-size:18px}.empty-list-info-img{width:160px;height:114px;background-repeat:no-repeat;margin:14px auto 26px;display:block}.empty-list-info-img.no-public{background-image:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/no_design251a24b485b2f5870b92e354bbeb1b20.png)}.empty-list-info-img.no-publish{background-image:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/no-published16b012d820236b28b425310ff424606e.png)}.empty-list-info-text{font-size:16px;color:#8c8c8c}.project-item{display:block;margin:0 0 30px;break-inside:avoid;text-decoration:none;color:#8c8c8c}.project-item-inner{position:relative;background:#fff;box-shadow:1px 1px 8px rgba(0,0,0,.04);overflow:hidden;transition:all .25s}.project-item:hover .project-item-inner{box-shadow:1px 1px 8px rgba(0,0,0,.08)}.project-item-info{padding:10px 18px;position:relative}.project-item-thumb{position:relative;display:block;cursor:pointer}.project-item-thumb.prevented:before{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;z-index:1;content:""}.project-item-thumb.prevented .prevent-tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:14px;color:#fff;font-family:HelveticaCE-Bold}.project-item-thumb.prevented .project-item-thumb-img{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.project-item-thumb-wrapper{position:relative;background:rgba(0,0,0,.05)}.project-item-thumb-wrapper .project-item-thumb-img{position:absolute;left:0;top:0;width:100%;height:100%}.project-item-multi-page:after{content:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/multi-pages9f6cdadb6b3755b716595135b8b30502.png);position:absolute;right:0;bottom:-6px;transform-origin:100% 100%;transform:scale(.8);transition:transform .3s ease;z-index:5}.project-item-thumb:hover .project-item-multi-page:after{transform:scale(1)}.project-item-thumb-page{position:absolute;bottom:0;right:0;width:80px;height:70px;padding:50px 10px 0 0;text-align:right;font-size:14px;color:#8c8c8c;z-index:10}.project-item-title{color:#505050;text-decoration:none;font-size:16px}.project-item-category{color:#b3becd;font-size:12px;overflow:hidden;line-height:1;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:10px;margin:0 0 10px}.project-item-inner .project-item-category{margin:4px 0 0;border:0 none;padding:0;text-transform:capitalize}.project-item-like{color:#b3becd;font-size:12px;overflow:hidden;font-weight:400;cursor:pointer;display:inline-block}.project-item-inner .project-item-like{padding:0;position:absolute;left:auto;top:3px;right:18px}.project-item-like:before{width:14px;height:12px;display:inline-block;background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/like06b03f7ffcde2ac6a3fe2780464da306.png) no-repeat 0 0;content:"";margin-right:8px;vertical-align:middle}.project-item-like:hover{color:#9ba4b1}.project-item-like:active{color:#b3becd}.project-item-like.active:before{background-position:0 100%}#grid.loaded .gridItem:first-child .gridItemInner{animation:gridItemAnimation .5s .1s both}#grid.loaded .gridItem:nth-child(2) .gridItemInner{animation:gridItemAnimation .5s .2s both}#grid.loaded .gridItem:nth-child(3) .gridItemInner{animation:gridItemAnimation .5s .3s both}#grid.loaded .gridItem:nth-child(4) .gridItemInner{animation:gridItemAnimation .5s .4s both}#grid.loaded .gridItem:nth-child(5) .gridItemInner{animation:gridItemAnimation .5s .5s both}#grid.loaded .gridItem:nth-child(6) .gridItemInner{animation:gridItemAnimation .5s .6s both}#grid.loaded .gridItem:nth-child(7) .gridItemInner{animation:gridItemAnimation .5s .7s both}#grid.loaded .gridItem:nth-child(8) .gridItemInner{animation:gridItemAnimation .5s .8s both}#grid.loaded .gridItem:nth-child(9) .gridItemInner{animation:gridItemAnimation .5s .9s both}#grid.loaded .gridItem:nth-child(10) .gridItemInner{animation:gridItemAnimation .5s 1s both}#grid.loaded .gridItem:nth-child(11) .gridItemInner{animation:gridItemAnimation .5s 1.1s both}#grid.loaded .gridItem:nth-child(12) .gridItemInner{animation:gridItemAnimation .5s 1.2s both}#grid.loaded .gridItem:nth-child(13) .gridItemInner{animation:gridItemAnimation .5s 1.3s both}#grid.loaded .gridItem:nth-child(14) .gridItemInner{animation:gridItemAnimation .5s 1.4s both}#grid.loaded .gridItem:nth-child(15) .gridItemInner{animation:gridItemAnimation .5s 1.5s both}#grid.loaded .gridItem:nth-child(n+16) .gridItemInner{animation:gridItemAnimation .5s 1.6s both}#grid{margin-right:-30px}#grid .gridItem{width:33.333%;padding-right:30px;margin-bottom:30px;display:none}#grid.loaded .gridItem{display:block}#grid .gridItemInner{position:relative;background-color:#fff;overflow:hidden;transform:translate3d(0,-20px,0);box-shadow:0 1px 8px rgba(0,0,0,.04);transition:top .3s;top:0}#grid .gridItemInner:hover{top:-6px;box-shadow:0 4px 8px rgba(0,0,0,.1)}@keyframes gridItemAnimation{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@media only screen and (max-width:800px){#grid .gridItem{width:50%}}@media only screen and (max-width:480px){#grid .gridItem{width:100%}}.bg-filter{filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px)}.swiper-lazy-preloader:after{background-size:40px!important;background-image:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/load7d18ac59584d3c9150e269d121345730.png)}.fast_tips{width:200px;height:40px;line-height:40px;background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;border-radius:6px;position:fixed;left:50%;top:50%;margin:-20px 0 0 -100px;text-align:center;animation:tipDown .3s;z-index:9999;display:none}@keyframes tipDown{0%{top:49%;opacity:0}to{top:50%;opacity:1}}#page-loading{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:none}#page-loading span{position:absolute;width:40px;height:40px;left:50%;top:50%;background:url(//pub-static.fotor.com/static/web/designMarket/portfolio/images/load7d18ac59584d3c9150e269d121345730.png) 50% no-repeat;animation:rotation 1s infinite linear;margin:-20px 0 0 -20px}@media only screen and (max-width:560px){.user-info-share{position:relative;right:auto;top:auto;margin-top:10px}.user-info-wrap .share-icons{left:50%;right:auto;transform:translateX(-50%)}#project-wrapper{padding:30px}}