

/* Start:/local/templates/madison/css/style-work.css?177367040910210*/
/* мобильный раздел фото проектов start */
.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
	touch-action: pan-y;
	/*&.swiper-vertical {
		touch-action: pan-x;
	}*/
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: auto;
	position: relative;
	transition-property: transform;
}
.swiper-buttons{
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: calc(185/1264*100%);
}
.swiper-button-prev,
.swiper-button-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    pointer-events: auto;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
}
.swiper-button-prev{
    left: 4px;
}
.swiper-button-next{
    right: 4px;
}
.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
.swiper-button-lock{
    display: none;
}
.swiper-pagination{
    height: 10px;
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
.swiper-pagination._desktop-hidden{
    display: none !important;
}
.swiper-pagination-lock{
    display: none;
}
.swiper-pagination .swiper-pagination-bullet{
    margin: 0 4px;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #6A2A3C4D;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background-color: #6A2A3C;
}
.gallery-grid__block{
    margin-bottom: 15px;
}
.gallery-grid-container .swiper-pagination {
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    flex-wrap: wrap;
    row-gap: 5px;
}
.gallery-grid-container.js-slider-gallery{
    display: none;
}
/* карточка проекта start */
.layout-with-side {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 24px;
}
.layout-with-side__left {
    padding: 15px 0 20px;
}
.layout-with-side__right{
    min-width: 0;
}
.layout-with-side__text{
    font-size: 14px;
    line-height: 17px;
    font-family: "Fira Sans Regular";
    color: #585858;
}
.layout-with-side__text > * {
    margin-bottom: 16px;
}
.layout-with-side__back{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 18px;
    color: #6A2A3C;
}
.layout-with-side__back:hover{
    text-decoration: underline !important;
}
.head-gallery-grid{
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.head-gallery-grid__title{
    font-size: 30px;
    line-height: 36px;
    color: #585858;
}
.head-gallery-grid__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #6A2A3C;
    height: 38px;
    padding: 0 32px;
    border: solid 1px #6A2A3C;
    transition: all .3s;
}
.head-gallery-grid__btn:HOVER{
    color: #fff;
    background-color: #6A2A3C;
}
.gallery-grid-wrapper{
    margin: 40px 0;
    padding: 32px 0;
    background-color: #F8F6F7;
}
.gallery-grid-box {
    width: 1200px;
    margin: 0 auto;
}
.gallery-grid-container{
    position: relative;
    padding: 0 32px;
    margin: 0 -32px;
    user-select: none;
}
.gallery-grid-container .swiper:not(.swiper-initialized) .swiper-slide{
    max-width: 288px;
    margin-right: 16px;
}
/* карточка проекта end */
/*десктоп раздел фото проектов start*/
.gallery-grid, .gallery-grid.__desc{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 16px;
}
.gallery-grid._3-col{
    grid-template-columns: repeat(3, 1fr);
}
.gallery-grid._gap-8{
    gap: 8px;
}
.gallery-grid__item{
    display: block;
}
.gallery-grid__item:hover .gallery-grid__img img {
    transform: scale(1.1);
}
.gallery-grid__img {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(185/293*100%);
}
.gallery-grid__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
.gallery-grid__title{
    color: #585858;
    margin-top: 8px;
}
/* десктоп раздел фото проектов end */
@media (max-width: 1199px) and (min-width: 1024px) {
    .gallery-grid-box {
        width: 960px;
        margin: 0 auto;
    }
}
@media (max-width: 1023px) and (min-width: 982px) {
    .gallery-grid-box {
        width: 880px;
        margin: 0 auto;
    }
}
/* мобильный раздел фото проектов start*/
@media screen and (max-width: 981px) {
    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }
    .swiper-android .swiper-slide,
    .swiper-wrapper {
        transform: translate3d(0px, 0, 0);
    }
    .swiper-pointer-events {
    }
    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        position: relative;
        transition-property: transform;
    }
    .swiper-buttons{
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: calc(185/360*100%);
    }
    .swiper-button-prev,
    .swiper-button-next{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        cursor: pointer;
        pointer-events: auto;
    }
    .swiper-button-prev svg,
    .swiper-button-next svg {
        width: 100%;
        height: 100%;
    }
    .swiper-button-prev{
        left: 4px;
    }
    .swiper-button-next{
        right: 4px;
    }
    .swiper-button-disabled {
        opacity: 0.5;
        pointer-events: none;
    }
    .swiper-button-lock{
        display: none;
    }
    .gallery-grid-container .swiper-pagination{
        position: relative;
        height: 15px;
        display: flex;
        justify-content: center;
        margin-top: 24px;
    }
    .swiper-pagination-lock{
        display: none;
    }
    .swiper-pagination .swiper-pagination-bullet{
        margin: 0 4px;
        flex-shrink: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #6A2A3C4D;
    }
    .swiper-pagination .swiper-pagination-bullet-active{
        background-color: #6A2A3C;
    }
    /* Список проектов*/
    .gallery-grid{
        display: block;
    }
    .gallery-grid.__desc{
        display: none;
    }
    .fancybox-next span {
        top: 15px;
    }
    .layout-with-side {
        display: block;
    }
    .layout-with-side__left{
        padding: 0 16px 24px;
    }
    .layout-with-side__text{
        font-size: 14px;
        line-height: 17px;
        font-family: "Fira Sans Regular";
        color: #585858;
        padding: 0 15px;
    }
    .layout-with-side__text > * {
        margin-bottom: 16px;
    }
    .layout-with-side__back{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        line-height: 18px;
        color: #6A2A3C;
        text-decoration: none;
        padding: 0 15px;
    }
    .head-gallery-grid{
        margin-bottom: 24px;
        padding: 0 16px;
    }
    .head-gallery-grid__title{
        font-size: 30px;
        line-height: 36px;
        color: #585858;
        text-align: center
    }
    .head-gallery-grid__btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
        text-decoration: none;
        color: #6A2A3C;
        height: 38px;
        padding: 0 32px;
        border: solid 1px #6A2A3C;
        transition: all .3s;
    }
    .head-gallery-grid__btn:hover{
        color: #fff;
        background-color: #6A2A3C;
    }
    .bottom-gallery-grid {
        margin-top: 24px;
        padding: 0 16px;
    }
    .gallery-grid-wrapper{
        margin: 40px 0;
        padding: 32px 0;
        background-color: #F8F6F7;
        float: left;
        width: 100%
    }
    .gallery-grid-container{
        position: relative;
        padding: 0 42px;
    }
    .gallery-grid-box {
        width: 768px;
        margin: 0 auto;
    }
    .gallery-grid._gap-8{
        display: none;
    }
    .gallery-grid-container.js-slider-gallery{
        display: block;
    }
    .gallery-grid__item{
        display: block;
        text-decoration: none;
    }
    .gallery-grid__img {
        position: relative;
        overflow: hidden;
        padding-bottom: calc(185/293*100%);
    }
    .gallery-grid__img img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .gallery-grid__title{
        color: #585858;
        margin-top: 8px;
    }
    h2.title-h2{
        font-size: 1.5em;
    }
}
@media (max-width: 768px) {
    .gallery-grid-container.js-slider-gallery .swiper-button-prev {
        left: 16px;
    }
    .gallery-grid-container.js-slider-gallery .swiper-button-next {
        right: 16px;
    }
    .gallery-grid-container.js-slider-gallery .swiper-button-prev, .swiper-button-next {
        top: 60%;
    }
    .layout-with-side__right{
        margin-bottom: 30px;
    }
}
/* мобильный раздел фото проектов end */
/* End */


/* Start:/local/templates/madison/components/bitrix/news/works/bitrix/news.detail/.default/style.min.css?17736704092826*/
.gallery-grid-wrapper .tovar-recomend-inner{width:940px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide{background-color:#fff}.gallery-grid-wrapper .tovar-recomend-inner .swiper-buttons{padding-bottom:calc(295 / 901* 100%)}.gallery-grid-wrapper .tovar-recomend-inner .swiper-button-prev{left:0}.gallery-grid-wrapper .tovar-recomend-inner .swiper-button-next{right:0}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:235px;padding:0 10px 5px}@media (max-width:1199px) and (min-width:1024px){.inner.c-index{width:1000px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:940px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:210px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:190px;height:230px}}@media (max-width:1023px) and (min-width:935px){.inner.c-index{width:900px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:860px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:190px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:180px;height:220px}}@media (max-width:934px) and (min-width:768px){.inner.c-index{width:800px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:740px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:180px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:170px;height:210px}.fancybox-type-image .fancybox-skin .fancybox-next{right:0;margin-top:-10px;margin-left:-8px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide{background-color:#fff}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot{display:flex;flex-direction:column;height:85px;margin-top:15px;position:relative;gap:5px;align-items:flex-end}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-btn{right:0;position:relative;width:70px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-price{display:flex}.st-old-price{text-decoration:line-through}.fancybox-next span{top:25px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item,.gallery-grid-wrapper .tovar-recomend-inner div.catalog-item{width:50%}}@media (max-width:768px){.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{border-top:1px solid #cbc5cb!important}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item-img{height:auto;float:left;display:inline-block;vertical-align:top;width:40%}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item-img img{max-height:110px;max-width:110px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-price{position:relative;margin-right:15px}}
/* End */
/* /local/templates/madison/css/style-work.css?177367040910210 */
/* /local/templates/madison/components/bitrix/news/works/bitrix/news.detail/.default/style.min.css?17736704092826 */
