.slider{overflow:hidden}.slider{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1042;background:rgba(11,11,11,.8);text-align:center}.slider__content{position:relative;height:90%;max-height:800px;max-width:80%;padding:50px 60px 30px;margin:0 auto;z-index:2}.slider__photo{max-width:100%;max-height:730px;height:100%;object-fit:contain;cursor:pointer}.slider__close{position:absolute;top:0;right:60px;width:40px;height:40px;opacity:.8}.slider__close::after{content:'';position:absolute;bottom:12px;right:0;width:23px;height:23px;background:url(/images/portfolio/slider-close.png)center/cover}.slider__button, .slider__button::after{width:39px;height:39px;position:absolute}.slider__close:hover{cursor:pointer;opacity:1}.slider__counter{display:block;margin-top:10px;text-align:right;color:#ccc;font-size:12px;line-height:18px}.slider__button{transform:translateY(-50%);opacity:.8;z-index:2;top:50%;margin:-18px 0 0;background:0 0;border:0;cursor:pointer;outline:0}.slider__button::after{content:'';top:0;background:url(/images/portfolio/right-arrow.png)center/cover}.slider__button:hover::after{background:url(/images/portfolio/right-arrow-hover.png)center/cover}.slider__prev{left:100px}.slider__prev::after{transform:rotate(180deg);left:0}.slider__next{right:100px}.slider__next::after{left:0}.gallery__link{appearance:none;-webkit-appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;font-style:normal}.gallery__link.active:after, .gallery__link:hover:after{opacity:1}.gallery__link{text-align:center}.gallery__link{font-size:14px;line-height:1.71}.gallery{margin-bottom:3rem;overflow:hidden}.gallery .container{width:100%;max-width:calc(var(--content-width) + 5rem);padding:0 25px;margin:0 auto}.gallery__top{margin:32px 0 56px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:space-between;flex-wrap:wrap;position:relative}.gallery__top::after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100vw;border-bottom:1px solid #ece3e0}.gallery__link{color:var(--color-text-heading);text-decoration:none;position:relative;padding:16px 14px;font-size:16px;font-weight:600;line-height:28px;letter-spacing:-.32px} @media (max-width:1250px){.gallery__link{font-size:13px;padding:8px 16px}}.gallery__link.active{color:var(--color-accent-highlight-text)}.gallery__link:after{position:absolute;opacity:0;left:0;bottom:0;width:100%;border-bottom:2px solid var(--color-accent-highlight-text);content:"";-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} @media (max-width:1070px){.gallery__link:after, .gallery__top::after{display:none}.gallery__top{justify-content:flex-start;gap:8px}.gallery__link{font-size:12px;padding:2px 12px;border-radius:18px;background:#f6f6f6}.gallery__link.active{background:var(--color-accent-highlight-text);color:var(--color-text-inverse)}} @media (max-width:400px){.gallery__link{font-size:11px}}.gallery__block:nth-child(2n), .gallery__block:nth-child(2n).gallery__item{transform:scaleX(-1)}.gallery__item{appearance:none;-webkit-appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;position:relative;display:inline-block;width:35%;height:260px;border:5px solid var(--color-surface);cursor:pointer}.gallery__item:hover::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);opacity:.5}.gallery__item:hover::after, .gallery__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery__item:hover::after{content:'';background:url(/images/icons/zoom-in.svg)50% 50%/33px no-repeat,0 0/33px var(--color-accent);bottom:0;right:0;z-index:2;width:60px;height:60px;display:block;box-shadow:1px 1px 26px rgba(76,76,76,.22)}.gallery__item--main{width:65%;height:520px;float:left}.gallery__item--half{width:50%;height:520px}.gallery__photo{width:100%;height:100%;object-fit:cover}.gallery__loader{width:64px;height:64px;background:url(/images/portfolio/image-preloader.gif)} @media screen and (max-width:1200px){.gallery__item{width:100%;height:auto}.gallery__item--half{width:50%}.gallery__item:hover::after, .gallery__item:hover::before{content:none}} @media screen and (max-width:970px){.gallery__item--half{width:100%;height:auto}} @media (max-width:600px){.gallery .container{padding:0 20px}.gallery__top{margin:24px 0}} @media (max-width: 767px){.gallery__top{margin-top:var(--space-lg)}}