.single-portfolio{padding-top:5rem}.single-portfolio .breadcrumbs{display:flex;flex-direction:row;gap:.6rem;margin-bottom:3rem;font-weight:500;align-items:center;font-size:1.125rem}.single-portfolio .breadcrumbs svg{width:1.6rem;height:1.6rem;fill:var(--secondary-color);transition:all 400ms ease}.single-portfolio .breadcrumbs svg:hover{fill:var(--primary-color);cursor:pointer}.single-portfolio .breadcrumbs a{color:var(--secondary-color);transition:all 400ms ease}.single-portfolio .breadcrumbs a:hover{cursor:pointer;color:var(--primary-color);text-decoration:none}.single-portfolio .slider-main-wrapper{position:fixed;width:100%;height:100%;background-color:#f0f0f0;top:-100%;left:0;z-index:8;transition:all 400ms ease;padding:2rem 0;overflow:hidden}.single-portfolio .slider-main-wrapper--active{top:83px}.single-portfolio .slider-main-wrapper .top{display:flex;flex-direction:row;margin-bottom:2rem;justify-content:start;position:relative}@media screen and (min-width: 1200px){.single-portfolio .slider-main-wrapper .top{margin-bottom:-3.2rem;margin-left:.7rem;z-index:2}}.single-portfolio .slider-main-wrapper .close-button{width:64px;padding:.6rem .8rem;background-color:#fff;border-radius:.4rem;border:solid 1px #cecece;transition:all 200ms ease;font-size:.8rem}.single-portfolio .slider-main-wrapper .close-button:hover{color:#fff;background-color:#333;cursor:pointer}.single-portfolio .slider-main-wrapper .slider-wrapper{position:relative}.single-portfolio .slider-main-wrapper .slider-wrapper .swiper-pagination{position:absolute;bottom:0;background-color:#fff;border-radius:.4rem .4rem 0 0;width:4rem;left:calc(50% - 2rem);height:2rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500}.single-portfolio .slider-main-wrapper .slider-wrapper .swiper-main .swiper-wrapper .swiper-slide .ratio{aspect-ratio:16/8}@media screen and (min-width: 1200px){.single-portfolio .slider-main-wrapper .slider-wrapper .swiper-main img{width:calc(100% - 12rem);margin-left:6rem}}.single-portfolio .slider-main-wrapper .slider-wrapper img{border:solid 1px #b8b8b8;object-fit:cover}.single-portfolio .slider-main-wrapper .slider-wrapper__nav-button{width:3rem;height:3rem;background-color:#fff;border:solid 1px var(--primary-color);border-radius:.4rem;transition:all 200ms ease}@media screen and (min-width: 1200px){.single-portfolio .slider-main-wrapper .slider-wrapper__nav-button{width:4rem;height:4rem}}.single-portfolio .slider-main-wrapper .slider-wrapper__nav-button:after{font-size:1.4rem;font-weight:900;color:var(--primary-color);transition:all 200ms ease}.single-portfolio .slider-main-wrapper .slider-wrapper__nav-button:hover{background-color:var(--primary-color)}.single-portfolio .slider-main-wrapper .slider-wrapper__nav-button:hover::after{color:#fff}.single-portfolio .slider-main-wrapper .swiper-thumbs{margin-top:1rem}@media screen and (min-width: 1200px){.single-portfolio .slider-main-wrapper .swiper-thumbs{width:calc(100% - 12rem);margin-left:6rem}}.single-portfolio .slider-main-wrapper .swiper-thumbs .swiper-slide img{opacity:.5;border-radius:.4rem;object-fit:cover;transition:all 200ms ease}.single-portfolio .slider-main-wrapper .swiper-thumbs .swiper-slide img:hover{opacity:1;cursor:pointer}.single-portfolio .slider-main-wrapper .swiper-thumbs .swiper-slide-thumb-active img{opacity:1}.single-portfolio .images-wrapper{margin-bottom:5rem}@media screen and (min-width: 992px){.single-portfolio .images-wrapper .image-column:nth-of-type(2) .image{border-top-right-radius:1rem}}@media screen and (max-width: 991px){.single-portfolio .images-wrapper .image-column:nth-of-type(3) .image{border-bottom-left-radius:1rem}}.single-portfolio .images-wrapper .image-column:nth-of-type(4) .image{border-bottom-right-radius:1rem}.single-portfolio .images-wrapper .image{width:100%;aspect-ratio:430/360;background-color:#e2e2e2;position:relative;overflow:hidden}.single-portfolio .images-wrapper .image__icon{position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);width:3rem;height:3rem;z-index:2}.single-portfolio .images-wrapper .image__icon svg{width:3rem;height:3rem;opacity:0;transition:all 600ms ease;fill:#fff}.single-portfolio .images-wrapper .image__overlay{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.75);transition:all 600ms ease}.single-portfolio .images-wrapper .image--first{height:100%;border-radius:1rem 1rem 0 0}@media screen and (min-width: 992px){.single-portfolio .images-wrapper .image--first{border-radius:1rem 0 0 1rem}}.single-portfolio .images-wrapper .image--top-right{border-top-right-radius:1rem}.single-portfolio .images-wrapper .image--bottom-right{border-bottom-right-radius:1rem}.single-portfolio .images-wrapper .image:hover{cursor:pointer}.single-portfolio .images-wrapper .image:hover .image__icon svg{transform:scale(1.5);opacity:1}.single-portfolio .images-wrapper .image:hover .image__overlay{opacity:1}.single-portfolio .images-wrapper .image img{object-fit:cover;border-radius:0;width:100%;height:100%}.single-portfolio .images-wrapper .image-controls{margin-top:2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:bold}@media screen and (min-width: 576px){.single-portfolio .images-wrapper .image-controls{font-size:1.125rem}}.single-portfolio .images-wrapper .image-controls div{display:flex;flex-direction:row;gap:.5rem;align-items:center}.single-portfolio .images-wrapper .image-controls div span{color:var(--secondary-color)}.single-portfolio .images-wrapper .image-controls div svg{flex:1;width:2rem;height:2rem;fill:var(--secondary-color)}@media screen and (min-width: 576px){.single-portfolio .images-wrapper .image-controls div svg{width:2.4rem;height:2.4rem}}.single-portfolio .images-wrapper .image-controls .toggle-view{transition:all 200ms ease}.single-portfolio .images-wrapper .image-controls .toggle-view:hover{cursor:pointer;color:var(--secondary-color)}.single-portfolio .text-wrapper{margin-bottom:5rem}.single-portfolio .text-wrapper h1{color:var(--primary-color)}.single-portfolio .text-wrapper__meta{display:flex;flex-direction:row;gap:.8rem;margin-bottom:2rem}.single-portfolio .text-wrapper ul{margin-top:2rem;padding-left:0}@media screen and (max-width: 1199px){.single-portfolio .text-wrapper ul{margin-bottom:3rem}}.single-portfolio .text-wrapper ul li{list-style-type:none;margin-bottom:.4rem}.single-portfolio .text-wrapper ul li span{color:var(--primary-color);font-weight:500;padding-left:.5rem}.single-portfolio .map{aspect-ratio:16/9;border-radius:1rem;background-color:#e2e2e2;border:solid 2px #cecece;margin-bottom:5rem}.single-portfolio .other-items{margin-top:3rem;border-top:solid 1px #8d8d8d;padding:7rem 0}.single-portfolio .other-items h4{margin-bottom:3rem}/*# sourceMappingURL=single-portfolio.css.map */
