@charset "UTF-8";#works__block{padding:80px 0;background:var(--card)}#works__block .works__tabs{display:flex;flex-wrap:wrap;align-items:center;gap:20px}#works__block .works__tabs .tab__item{font-size:calc(.0025*100vw + 19.2px);font-size:24px;font-style:normal;font-weight:300;line-height:150%;color:var(--head);padding:5px 20px;border-radius:100px;line-height:150%;border:1px solid var(--head);cursor:pointer;transition:background .4s ease-out,border .4s ease-out,color .4s ease-out}#works__block .works__tabs .tab__item:hover{border-color:var(--primary)}#works__block .works__tabs .tab__item.active{background:var(--primary);border-color:var(--primary);color:var(--card);font-size:calc(.00375*100vw + 16.8px);font-style:normal;font-weight:800;line-height:100%;line-height:150%}#works__block .works__container{margin-top:40px}#works__block .works__container:before{content:"Загрузка...";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(34,34,34,.7803921569);display:flex;align-items:center;justify-content:center;font-size:calc(.01375*100vw + 15.6px);font-style:normal;font-weight:800;line-height:100%;color:var(--card);z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease-out}#works__block .works__container.loading:before{opacity:1;pointer-events:all}#works__block .works__container .work__item{display:none}#works__block .works__container .work__item.active{display:block}#works__block .works__container .work__item .images__holder{display:grid;grid-template:auto/2fr 1fr;gap:30px}#works__block .works__container .work__item .images__holder .image__item{width:100%;height:285px;cursor:pointer;position:relative}#works__block .works__container .work__item .images__holder .image__item:before{content:url(//elemento51.ru/wp-content/themes/themeGrampus/inc/blocks/works-block/./images/hoverImage.png);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(34,34,34,.5);opacity:0;pointer-events:none;transition:opacity .4s ease}#works__block .works__container .work__item .images__holder .image__item:hover:before{opacity:1}#works__block .works__container .work__item .images__holder .image__item:first-child{grid-row:span 2;height:100%}#works__block .works__container .work__item .images__holder .image__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#works__block .works__container .work__item .slider__theme{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px}#works__block .works__container .work__item .slider__theme .slider__buttons{display:flex;align-items:center;gap:10px}#works__block .works__container .work__item .slider__theme .slider__counter{display:flex;align-items:flex-end;font-size:calc(.00375*100vw + 16.8px);font-style:normal;font-weight:800;line-height:100%;color:var(--text)}#works__block .works__container .work__item .slider__theme .slider__counter .current{font-size:calc(.00875*100vw + 15.2px);font-style:normal;font-weight:700;line-height:100%;color:var(--primary)}#works__block .works__container .work__item .slider__theme .slider__counter .counter__total{font-size:calc(.00375*100vw + 16.8px);font-style:normal;font-weight:800;line-height:100%;color:var(--text)}@media (max-width:992px){#works__block{padding:40px 0}#works__block .works__container{margin-top:20px}#works__block .works__container .work__item .images__holder{gap:15px}#works__block .works__container .work__item .slider__theme{margin-top:20px}}@media (max-width:700px){#works__block .works__container .work__item .images__holder{grid-template:auto/1fr 1fr}#works__block .works__container .work__item .images__holder .image__item{height:150px}#works__block .works__container .work__item .images__holder .image__item:first-child{grid-column:span 2;height:200px}}