.draggable{cursor:all-scroll}.content>.title{padding:10vh 0;display:flex;flex-direction:column;align-items:center;width:100%}@media screen and (min-width:850px){.content>.title{flex-basis:auto;flex-shrink:0;flex-grow:0;padding:6.5vh 0 6.5vh}}.content>.title h1{position:relative}@media screen and (min-width:1100px){.content>.title h1{flex-basis:auto;flex-shrink:0;flex-grow:0}}.content>.title h1 .title-text{font-size:40px;text-transform:uppercase;line-height:48px}@media screen and (min-width:1100px){.content>.title h1 .title-text{font-size:48px}}.content>.title h1 .title-text .dot{color:#0F5AC9}.content>.title h2{font-weight:normal;max-width:300px;text-align:center;margin-top:5px;letter-spacing:0.5px}.content>.sort{max-width:1400px;margin:0 auto}.content>.sort .sort-content .title{font-weight:bold;padding-right:10px;text-align:center}.content>.sort .sort-content .items{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 40px 0;justify-content:center}.content>.sort .sort-content .items .item{flex-basis:auto;flex-shrink:0;flex-grow:0;padding:5px 12.5px;color:#000000;text-decoration:none;margin-right:5px;transition:font-weight 0.25s ease-out}@media only screen and (min-width:850px){.content>.sort .sort-content .items .item{transition:none}}.content>.sort .sort-content .items .item span:after{content:".";color:#0F5AC9;opacity:0}.content>.sort .sort-content .items .item.new,.content>.sort .sort-content .items .item:hover,.content>.sort .sort-content .items .item.active{font-weight:bold;cursor:pointer}.content>.sort .sort-content .items .item.new span:after,.content>.sort .sort-content .items .item:hover span:after,.content>.sort .sort-content .items .item.active span:after{opacity:1}.content .portfolio-title{width:100%;max-width:1400px;margin:auto;padding:20px 10px 10px;font-size:32px}.content .portfolio-wrapper{overflow:hidden}.content .portfolio-wrapper .portfolio-items{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -15px 0 0;position:relative;background:#FFFFFF;min-height:800px}.content .portfolio-wrapper .portfolio-items .item{flex-basis:auto;flex-shrink:0;flex-grow:0;width:100%;height:40vh;overflow:hidden;padding:0 15px 15px 0}.content .portfolio-wrapper .portfolio-items .item.hideTransition{animation:hideBox;animation-duration:0s;animation-delay:0.4s;animation-fill-mode:forwards}.content .portfolio-wrapper .portfolio-items .item.hideTransition .inner-item{animation:hideAnimation;animation-duration:0.4s;animation-delay:0s;animation-fill-mode:forwards;transform-origin:center}.content .portfolio-wrapper .portfolio-items .item .inner-item{animation:slideInLeft 0.6s normal forwards ease-in;animation-timing-function:ease-in}.content .portfolio-wrapper .portfolio-items .item.hidden{display:none}@keyframes hideAnimation{0%{opacity:1;transform:scale(1)}80%{opacity:0.6}100%{opacity:0;transform:scale(0.8)}}@keyframes hideBox{to{overflow:hidden;height:0;width:0;padding:0}}@keyframes appear{0%{opacity:0.6}100%{opacity:1}}@keyframes slideInLeft{0%{transform:scale(0.9)}60%{transform:scale(1.025)}90%{transform:scale(1)}}@media screen and (min-width:850px){.content .portfolio-wrapper .portfolio-items .item{width:50%}}@media screen and (min-width:1100px){.content .portfolio-wrapper .portfolio-items .item{width:33.3333333333%}}.content .portfolio-wrapper .portfolio-items .item .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:black;background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(255, 255, 255, 0) 100%)}.content .portfolio-wrapper .portfolio-items .item.active .inner-item .read-more>.left .title .content{display:block}.content .portfolio-wrapper .portfolio-items .item.active .inner-item .read-more>.right .info i{transform-origin:5px 5px;transform:rotate(180deg);color:#0F5AC9}.content .portfolio-wrapper .portfolio-items .item .inner-item{display:block;width:100%;height:100%;position:relative}.content .portfolio-wrapper .portfolio-items .item .inner-item img{width:100%;height:100%;object-fit:cover}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more{display:flex;flex-direction:row;width:100%;position:absolute;left:20px;bottom:10px;max-width:calc(100% - 40px);color:#FFFFFF}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left{flex-basis:auto;flex-shrink:0;flex-grow:0;width:calc(100% - 110px)}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left ::-webkit-scrollbar{border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left ::-webkit-scrollbar-thumb{background:#FFFFFF}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title{margin-bottom:15px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title ::-webkit-scrollbar{border-top:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;border-left:0;border-right:0}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title ::-webkit-scrollbar-thumb{background:#FFFFFF}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title small{font-weight:400;font-size:14px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title h4{font-size:32px;line-height:32px}@media only screen and (min-width:1100px){.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title h4{font-size:36px;line-height:36px}}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title h4 span{color:#0F5AC9}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title .content{max-height:100px;overflow:auto;margin-bottom:20px;display:none;margin-top:10px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .title .content p{font-size:12.8px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .tags{display:flex;flex-direction:row;margin-bottom:10px;width:100%;overflow:auto;padding-bottom:10px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.left .tags .pill{display:inline-block;flex-basis:auto;flex-shrink:0;flex-grow:0;padding:5px 10px;border:2px solid #FFFFFF;border-radius:30px;font-weight:bold;text-align:center;font-size:12.8px;margin-right:10px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right{display:flex;flex-direction:row;flex-basis:auto;flex-shrink:0;flex-grow:0;width:110px;margin-top:auto}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a{flex-basis:auto;flex-shrink:0;flex-grow:0;text-decoration:none;width:50%}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a.website .circle{background:#FFFFFF}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a.website .circle i{color:#000000}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a .circle{position:relative;display:block;width:45px;height:45px;border-radius:45px;border:2px solid #FFFFFF;margin:auto}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a .circle i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#FFFFFF;font-size:20.8px}.content .portfolio-wrapper .portfolio-items .item .inner-item .read-more>.right a b{display:block;width:100%;color:#FFFFFF;text-align:center;font-size:12.8px;margin:5px auto 0}