/* Start:/local/templates/360cosmetology/components/bitrix/news.list/do-posle_slider/style.css?17897357384076*/
.do-posle-item .right{flex:0 0 415px;max-width:415px;}
.do-posle-item .full-img-single .br-12:before{content:'';display:block;position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none;height:20%;background: linear-gradient(180deg, #0F1E2C 0%, rgba(15, 30, 44, 0.00) 100%);}
.do-posle-item .bottom .name{padding-right:65px;}
.do-posle-item .hide-item{position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:visible;}
.fancybox-slide .hide-item{max-width:500px;padding:0;border-radius:12px;overflow:hidden;}
.fancybox-slide--html .my-hide-item .fancybox-close-small{top:-35px;right:-6px;padding-right:0;width:34px;}
.fancybox-slide--html .my-hide-item .fancybox-close-small svg path{fill:#fff}
.full-img-single .text {
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 16px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight:500;
    line-height: 139%;
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.60);
    z-index:4;
    pointer-events:none;
}
.full-img-single .text.posle {
    left: auto;
    right: 8px
}

.full-img-single.vertical .text.posle{
	right:auto;
	left:8px;
	top:52%;
	top:calc(50% + 8px);
}
.do-posle-item .full-img-single.vertical .br-12:before{right:auto;bottom:0;height:100%;width:35%;background: linear-gradient(90deg, #0F1E2C 0%, rgba(15, 30, 44, 0.00) 100%);}

.image-comparison__image, .not-image-comparison .image-comparison__image {
    max-width: 100%
}

.image-comparison,.not-image-comparison,.slider-full-img,.photo-do-posle-block {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1
}

.image-comparison img, .not-image-comparison img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.image-comparison__before {
    position: absolute;
    width: 50%;
    overflow: hidden;
    height: 100%
}

.image-comparison__image {
    display: block;
    height: 400px
}

.image-comparison__slider {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 100%;
    cursor: col-resize;
    outline: none;
    border: none;
    background:#fff;
}

.image-comparison__slider::before {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: -19px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(/local/templates/360cosmetology/components/bitrix/news.list/do-posle_slider/./slide.svg) no-repeat center
}

.image-comprison__slider:hover,.image-comprison__slider:focus,.image-comprison__slider:hover::before,.image-comprison__slider:focus::before {
    background-color: var(--fon);
    outline: none;
    border: none
}

.doposle-item .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical
}

.photo-do-posle-block .my-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.photo-do-posle-block .slick-dots {
    bottom: 20px
}

.photo-do-posle-block .my-arrow svg rect {
    fill: #fff
}

.photo-do-posle-block .prev-arrow {
    left: 10px
}

.photo-do-posle-block .next-arrow {
    right: 10px
}

.photo-do-posle-block .my-arrow:hover svg rect {
    fill: var(--main)
}

.photo-do-posle-block,.slider-full-img {
    overflow: visible !important
}

.photo-do-posle-block .slick-dots li {
    width: 12px;
    height: 12px
}

.photo-do-posle-block .slick-dots li button:before {
    width: 10px;
    height: 10px
}
.do-posle-item a.vrach:hover .zagib-right svg rect{fill:var(--dfon)}

@media(max-width:992px){
.do-posle-item .f-24{font-size:18px;}
.do-posle-item .p32{padding:12px;}
}
@media(max-width:767px){
.do-posle-item > .back{flex-flow:column nowrap;}
.do-posle-item .left{order:2;border-right:0;border-top:1px solid var(--border);}
.do-posle-item .right{flex:0 0 100%;max-width:100%;}
.do-posle-item .right .full-img-single{margin-left:auto;margin-right:auto;max-width:400px;}
.do-posle-slider .do-posle-item{max-width:420px;}
}

@media(max-width:480px){
.do-posle-item .vrach{display:block;}
.do-posle-item .vrach .img{padding-right:0;margin-bottom:16px;}
}
/* End */
/* /local/templates/360cosmetology/components/bitrix/news.list/do-posle_slider/style.css?17897357384076 */