.parallax-showcase-wrapper .s-back-switch{-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100vh}.parallax-showcase-wrapper .parallax-showcase-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:200px;position:relative}.parallax-showcase-wrapper .parallax-showcase-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.parallax-showcase-wrapper .parallax-showcase-content{max-width:600px;position:relative;z-index:10}.parallax-showcase-wrapper .title{color:#ffffff;margin-bottom:25px;display:block;font-size:60px;font-weight:bold;line-height:1.2;letter-spacing:normal;text-decoration:none}.parallax-showcase-wrapper .title:hover{opacity:.8;text-decoration:none}.parallax-showcase-wrapper .desc{color:#ffffff;font-size:14px;font-weight:400;letter-spacing:1px;line-height:1.7;word-wrap:break-word;max-width:390px}.parallax-showcase-wrapper a{margin-top:30px}@media only screen and (max-width: 991px){.parallax-showcase-wrapper .parallax-showcase-item{padding-left:100px}.parallax-showcase-wrapper .title{font-size:50px}}@media only screen and (max-width: 768px){.parallax-showcase-wrapper .parallax-showcase-item{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.parallax-showcase-wrapper .parallax-showcase-content{max-width:100%;padding:0 15px;text-align:center}.parallax-showcase-wrapper .title{font-size:35px}}.distortion__item{display:flex}.distortion__item.reverse{flex-direction:row-reverse}.distortion__img-wrap,.distortion__text-wrap{width:50%}.distortion__imgs{position:relative;height:50vw}.distortion__imgs img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0}.distortion__imgs canvas{height:100% !important;width:100% !important;display:block}.distortion__content{background-color:#000;padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center;height:100%;max-height:50vw}.distortion__nav{font-size:0}.distortion__nav span{display:inline-block;padding:4px 10px;margin-right:5px;margin-bottom:5px;text-decoration:none;background-color:#fff;color:#222;font-size:14px;font-weight:bold;letter-spacing:1px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.distortion__nav span:hover{text-decoration:none;color:#222}.distortion__title{letter-spacing:.2px;-ms-word-wrap:break-word;word-wrap:break-word;font-size:50px;font-weight:600;color:#fff;line-height:normal;max-width:770px;margin-bottom:20px}.distortion__link{margin-top:50px}.distortion__text{font-size:15px;line-height:2;font-weight:400;color:#fff;margin-bottom:10px;letter-spacing:1px}@media (max-width: 1199px){.distortion__content{padding:50px}.distortion__title{font-size:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.distortion__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}@media (max-width: 991px){.distortion__content{padding:40px}.distortion__title{font-size:34px}.distortion__text{-webkit-line-clamp:3}.distortion__link{margin-top:30px}}@media (max-width: 768px){.distortion__item,.distortion__item.reverse{flex-direction:column}.distortion__img-wrap,.distortion__text-wrap{width:100%}.distortion__imgs{height:100vw}.distortion__content{max-height:none}.distortion__text,.distortion__title{overflow:visible;text-overflow:initial;display:block;-webkit-line-clamp:initial;-webkit-box-orient:initial}.distortion__title{font-size:30px}}@media (max-width: 480px){.distortion__content{padding:40px 30px}}.modern-animated .modern-animated-item{width:20%;padding:15px 70px;display:-webkit-flex;display:flex;align-items:center;flex-direction:column;justify-content:center}.modern-animated .modern-animated-item.even{padding:70px 15px}.modern-animated .img-wrap{box-sizing:border-box;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transition:1s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:1s cubic-bezier(0.075, 0.82, 0.165, 1);transition:1s cubic-bezier(0.075, 0.82, 0.165, 1)}.modern-animated .img-wrap:hover{clip-path:inset(5% 5% 5% 5%)}.modern-animated .content{width:100%}.modern-animated .content .title{font-weight:600;font-size:21px;margin-top:20px;text-decoration:none;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;display:block}.modern-animated .content .title:hover{color:#777}.modern-animated .content .category{color:#777;font-size:15px;margin-top:5px}@media only screen and (max-width: 1500px){.modern-animated .modern-animated-item{padding:15px 50px}.modern-animated .modern-animated-item.even{padding:50px 15px}}@media only screen and (max-width: 1280px){.modern-animated .modern-animated-item{width:calc(100%/3);padding:15px 80px}.modern-animated .modern-animated-item.even{padding:80px 15px}}@media only screen and (max-width: 1220px){.modern-animated .modern-animated-item{padding:0 80px}.modern-animated .modern-animated-item.even{padding:70px 0}}@media only screen and (max-width: 1100px){.modern-animated .modern-animated-item{padding:0 50px}.modern-animated .modern-animated-item.even{padding:40px 0}}@media only screen and (max-width: 767px){.modern-animated .modern-animated-item{width:100%;padding:15px 0;text-align:center}.modern-animated .modern-animated-item.even{padding:0}.modern-animated .modern-animated-item .category{margin-bottom:10px}}.masonry-animated .masonry-animated-item{width:calc(100%/3 - 20px);margin-bottom:70px}.masonry-animated .img-wrap{box-sizing:border-box;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transition:1s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:1s cubic-bezier(0.075, 0.82, 0.165, 1);transition:1s cubic-bezier(0.075, 0.82, 0.165, 1)}.masonry-animated .img-wrap:hover{clip-path:inset(5% 5% 5% 5%)}.masonry-animated .wrapper{display:-webkit-flex;display:flex}.masonry-animated .wrapper .content{writing-mode:vertical-rl;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);padding-left:10px}.masonry-animated .wrapper .content .title{font-size:26px;font-weight:600;text-decoration:none;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;color:#222;display:inline-block;margin-bottom:10px}.masonry-animated .wrapper .content .title:hover{color:#777}.masonry-animated .wrapper .content .category{color:#777;display:inline-block;font-size:15px}@media only screen and (max-width: 1400px){.masonry-animated .masonry-animated-item{width:calc(50% - 15px)}}@media only screen and (max-width: 767px){.masonry-animated .masonry-animated-item{width:100%;margin-bottom:15px}.masonry-animated .wrapper .content .title{font-size:20px}}.justified-portfolio-wrap{margin:-5px;width:calc(100% + 10px)}.justified-portfolio-wrap .justified-item{display:block;position:absolute}.justified-portfolio-wrap .justified-item .content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);color:#222;text-decoration:none;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);-moz-transition:all 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);-ms-transition:all 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);-o-transition:all 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);transition:all 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04)}.justified-portfolio-wrap .justified-item .content .title{font-size:24px;font-weight:600;max-width:70%;text-align:center;opacity:0;text-transform:uppercase;-webkit-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-moz-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-ms-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-o-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04)}.justified-portfolio-wrap .justified-item .content .category{font-size:15px;color:#777;margin-top:5px;opacity:0;-webkit-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-moz-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-ms-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);-o-transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04);transition:all 0.4s 0.3s cubic-bezier(0.34, 0.52, 0.57, 1.04)}.justified-portfolio-wrap .justified-item:hover .content{opacity:1;visibility:visible}.justified-portfolio-wrap .justified-item:hover .content .title{opacity:1}.justified-portfolio-wrap .justified-item:hover .content .category{opacity:1}.vertical-portfolio-wrap .vertical-item{height:70vh;display:block;background-position:center;background-size:cover;position:relative}.vertical-portfolio-wrap .vertical-item::before{content:'';background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease}.vertical-portfolio-wrap .vertical-item:hover{opacity:1}.vertical-portfolio-wrap .vertical-item:hover::before{background:rgba(0,0,0,0.2)}.vertical-portfolio-wrap .vertical-item:hover .content{font-size:80px}.vertical-portfolio-wrap .vertical-item .content{font-size:70px;padding:15px;position:absolute;z-index:10;color:#fff;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease}.vertical-portfolio-wrap .vertical-item .content span{position:relative;line-height:1}@media only screen and (max-width: 1300px){.vertical-portfolio-wrap .vertical-item .content{font-size:65px}.vertical-portfolio-wrap .vertical-item:hover .content{font-size:75px}}@media only screen and (max-width: 1024px){.vertical-portfolio-wrap .vertical-item .content{font-size:60px}.vertical-portfolio-wrap .vertical-item:hover .content{font-size:70px}}@media only screen and (max-width: 991px){.vertical-portfolio-wrap .vertical-item .content{font-size:55px}.vertical-portfolio-wrap .vertical-item:hover .content{font-size:65px}}@media only screen and (max-width: 600px){.vertical-portfolio-wrap .vertical-item .content{font-size:35px}.vertical-portfolio-wrap .vertical-item:hover .content{font-size:45px}}
/*# sourceMappingURL=portfolio_list.css.map */