.portfolio-section{width:100%;height:100%}.portfolio-wraper{width:100%;height:100%;padding:40px;position:relative}.portfolio-btn{width:auto;position:absolute;top:124px;left:0;padding:0 40px;z-index:9}.portfolio-btn a{display:flex;align-items:center;font-size:26px;font-weight:800;line-height:26px;text-transform:uppercase}.portfolio-btn a svg{margin:0 0 0 15px;transition:all .3s ease-in-out 0s}.portfolio-btn a svg path{transition:all .3s ease-in-out 0s}.portfolio-thumb{width:100%;position:absolute;left:0;bottom:40px;padding:0 40px}.portfolio-thumb ul{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}.portfolio-thumb ul li{width:222px;height:222px;background:#fff;position:relative}.portfolio-thumb ul li figure{width:100%;height:100%;margin:0}.portfolio-thumb ul li figure:before{width:100%;height:100%;background:#d3d3d3;position:absolute;top:0;left:0;content:"";opacity:.5;transition:all .5s ease-in-out 0s}.portfolio-thumb ul li span{color:gray;font-size:26px;font-weight:800;line-height:26px;position:absolute;left:20px;bottom:20px;z-index:1;transition:all .5s ease-in-out 0s}.portfolio-thumb ul li img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.5;transition:all .5s ease-in-out 0s}.portfolio-thumb ul li.active figure:before{opacity:0}.portfolio-thumb ul li.active img{mix-blend-mode:normal;opacity:1}.portfolio-thumb ul li.active span{color:#fff}.portfolio-thumb .mCSB_container{margin:0!important}.portfolio-top{width:100%;height:calc(100% - 262px);display:flex;overflow:hidden;position:relative}.portfolio-top-wraper{width:100%;height:100%;display:inline-flex;align-items:flex-end;justify-content:space-between;opacity:0;visibility:hidden;position:absolute;top:0;left:0;transition:all .5s ease-in-out 0s}.portfolio-top-wraper.active{opacity:1;visibility:visible}.portfolio-lft{width:70vw;padding:0 2vw 7vh 0;position:relative}.portfolio-pagination{display:flex;align-items:center;margin:0 0 4vh}.portfolio-pagination span{color:gray;font-size:26px;font-weight:800;line-height:26px}.portfolio-pagination span.current{color:#000}.portfolio-pagination svg{margin:0 8px}.portfolio-pagination .pagination-bg{width:47px;height:2px;background:#f5d2d6;margin:0 8px}.portfolio-content{position:relative}.portfolio-lft h2{color:#000;text-transform:uppercase;margin:0;padding-right:15vw}.portfolio-txt{width:260px;color:#000;font-size:18px;font-weight:300;line-height:28px;text-align:right;text-transform:uppercase;position:absolute;right:0;bottom:6vh;margin:0}.portfolio-rgt{width:30vw;height:100%;position:relative}.portfolio-rgt:before{width:100%;height:100%;background:linear-gradient(180deg,#0000 73.89%,#00000087);position:absolute;top:0;bottom:0;content:""}.portfolio-rgt img{width:100%;height:100%;object-fit:cover}.portfolio-img-caption{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:absolute;left:0;bottom:0;padding:38px 58px;z-index:1}.portfolio-img-caption h3{color:#fff;text-transform:uppercase;margin:0}.portfolio-img-caption .link{color:#fff;font-size:18px;font-weight:300;text-decoration:underline}.portfolio-img-caption link:hover{text-decoration:none}.portfolio-rgt .portfolio_url{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block}@media screen and (min-width:990px){.portfolio-content{font-size:.835vh}.portfolio-lft h2{font-size:12.375em}}@media screen and (max-width:1999px){.portfolio-pagination{margin:0 0 3vh}}@media screen and (max-width:1899px){.portfolio-lft{width:60vw;padding:0 2vw 4vh 0}.portfolio-rgt{width:40vw}}@media screen and (max-width:1600px){.portfolio-thumb ul li{width:200px;height:200px}.portfolio-thumb ul li span{font-size:25px;bottom:15px}.portfolio-lft{padding:2vw 2vh 0 0}.portfolio-txt{bottom:2vh}.portfolio-pagination span{font-size:24px;line-height:24px}.portfolio-btn{top:100px}.portfolio-top{height:calc(100% - 240px)}.portfolio-img-caption{padding:38px 40px}.portfolio-txt{width:230px}}@media screen and (max-width:1399px){.portfolio-wraper{padding:30px}.portfolio-thumb{bottom:30px;padding:0 30px}.portfolio-top{height:calc(100% - 230px)}.portfolio-btn{top:90px;padding:0 30px}.portfolio-btn a{font-size:22px}.portfolio-btn a svg{width:14px;margin:0 0 0 5px}.portfolio-txt{font-size:15px;line-height:24px;bottom:0}.portfolio-img-caption{padding:25px 30px}.portfolio-pagination span{font-size:22px;line-height:22px}.portfolio-pagination .pagination-bg{width:35px}}@media screen and (max-width:1200px){.portfolio-thumb ul li{width:150px;height:150px}.portfolio-thumb ul li span{font-size:20px;line-height:1;left:15px;bottom:10px}.portfolio-top{height:calc(100% - 180px)}.portfolio-lft{width:58vw;padding:0 30px 3vh 0}.portfolio-rgt{width:42vw}.portfolio-txt{font-size:12px;font-weight:400;line-height:20px}.portfolio-img-caption{padding:25px}.portfolio-img-caption .link{font-size:16px}.portfolio-pagination span{font-size:20px;line-height:20px}.portfolio-pagination .pagination-bg{width:33px;margin:0 5px}}@media screen and (max-width:989px){.portfolio-thumb ul{gap:5px}.portfolio-thumb ul li{width:120px;height:120px}.portfolio-top{height:calc(100% - 150px)}.portfolio-lft{width:50vw;padding:0 30px 0 0}.portfolio-rgt{width:50vw}.portfolio-txt{display:block;position:unset;text-align:left;margin-top:10px}.portfolio-txt br{display:none}.portfolio-lft h2{padding:0}.portfolio-btn a{font-size:20px}.portfolio-pagination span{font-size:18px;line-height:18px}.portfolio-pagination .pagination-bg{width:30px}.portfolio-thumb ul li span{font-size:18px}}@media screen and (max-width:749px){.portfolio-wraper{padding:0}.portfolio-lft{display:block;position:absolute;z-index:3;padding:0 25px 15px;width:100%}.portfolio-lft *{color:#fff!important}.portfolio-pagination{margin:0 0 1.3vh}.portfolio-txt{width:100%}.portfolio-rgt{width:100%;height:100%}.portfolio-thumb{bottom:20px;padding:0 20px}.portfolio-top{height:calc(100% - 160px)}.portfolio-btn{top:100px;left:auto;right:25px;z-index:3;padding:0}.portfolio-img-caption .link{font-size:14px;color:var(--red)}.portfolio-btn a{color:#fff!important}.portfolio-btn a svg path{fill:#fff!important}.portfolio-btn a:hover{color:#c8202f!important}.portfolio-btn a:hover svg path{fill:#c8202f!important}.portfolio-img-caption{top:70px;padding:15px 30vw 15px 25px}}@media screen and (max-width:599px){.portfolio-thumb ul li{width:80px;height:80px}.portfolio-thumb ul li span{font-size:16px;left:7px;bottom:5px}.portfolio-top{height:calc(100% - 100px)}.portfolio-img-caption{padding:15px;padding-right:30vw}.portfolio-img-caption a{font-size:14px}.portfolio-btn{right:15px;top:100px}.portfolio-btn a{font-size:16px}.portfolio-btn a svg{width:10px}.portfolio-thumb{bottom:10px;padding:0 10px}.portfolio-lft{padding:0 15px 15px}}@media screen and (max-width:399px){.portfolio-top{height:calc(100% - 90px)}.portfolio-thumb ul li{width:70px;height:70px}.portfolio-btn a{font-size:14px}.portfolio-img-caption{padding-right:32vw}.portfolio-thumb{bottom:10px;padding:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/portfolio-section.css.map */