/* Start:/local/templates/360cosmetology/components/bitrix/news.list/home_advantages_new/style.css?17903301313028*/

#preim .nav-slider {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#preim .nav-slider .item {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	margin-right:8px;
	transition: opacity 0.3s ease;
	border:1px solid var(--border);
	border-radius:12px;
	padding:16px;
	margin-bottom:8px;
	position:relative;
}
#preim .nav-slider .item:last-child{
	margin-bottom:0px;
}
#preim .nav-slider .item.is-active{
	background:var(--white);
	border:0;
	margin-right:0px;
	padding-right:24px;
	border-radius:16px 0 0 16px;
}

#preim .nav-slider .item:before{
	  content: "";
    position: absolute;
    bottom: -15px;
    display:block;
    z-index:3;
    right: -16px;
    width: 32px;
    height: 32px;

    z-index: 3;
    border-radius: 16px 16px 0 16px;
    transform: rotate(90deg);
}
#preim .nav-slider .item:after{
	  content: "";
    position: absolute;
   top: -15px;
   display:block;
   z-index:3;
    right: -16px;
    width: 32px;
    height: 32px;
   z-index: 3;
    border-radius: 16px 16px 0 16px;
    transform: rotate(-180deg);
}

#preim .nav-slider .item.is-active:before,
#preim .nav-slider .item.is-active:after{
	 background-image: radial-gradient(circle at 100% 100%, transparent 16px, var(--white) 16px);
}


#preim .nav-slider .item.is-active {
	opacity: 1;
}

#preim .time-slide {
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: relative;
	overflow: hidden;
	margin-top: 8px;
}

#preim .time-slide-fill {
	display: block;
	height: 100%;
	width: 0;
	background-color: #5688B8;
	position: absolute;
	top: 0;
	left: 0;
}

#preim .slider-block .right{
	margin-bottom:-32px;
	margin-right:-32px;

}
#preim .slider-block .right img{
	display:block;
	max-width:100%;
}

@media(max-width:992px){
#preim .f-32{font-size:21px;margin-bottom:16px;}
#preim .p32,
#preim .nav-slider .item{padding:12px;}
#preim .content-single, 
#preim .content-single p, 
#preim .content-single ul li, 
#preim .content-single ol li{font-size:14px;}
}

@media(max-width:767px){
#preim .nav-slider-block{display:none;}
#preim .slider-block{flex:0 0 100%;max-width:100%;position:relative;}
#preim .my-arrows{position:absolute;bottom:12px;right:12px;z-index:5;}
#preim .slider-block .right{margin-right:0;margin-bottom:0;}
#preim .slider-block .item > .back{padding:0;}
#preim .slider-block .item .left{padding:12px;}
#preim .slider-block .item{height:inherit!important;}
#preim .slider-block .left{flex-grow:1;justify-content:flex-start!important;}
#preim .slider-block .back.flex{justify-content:flex-start}
#preim .btn{display:none;}
}

@media(max-width:579px){
#preim .my-arrows{right:auto;left:12px}
#preim .slider-block .back.flex{flex-flow:column nowrap;}
#preim .slider-block .left,
#preim .slider-block .right{max-width:100%;flex:1 1 auto;justify-content:flex-end;}
#preim .slider-block .right img{max-height:175px;width:auto;}

}
/* End */
/* /local/templates/360cosmetology/components/bitrix/news.list/home_advantages_new/style.css?17903301313028 */