/*27.04*/
#salonServicesSlider{
	margin: 36px 0;
	position: relative;
	display: none;
}

#salonServicesSlider .wrap,
#salonServicesSlider .limiter{
	position: relative;
	overflow: hidden;
}

#salonServicesSlider ul{
	position:relative;
}

#salonServicesSlider ul li{
	display: block;
	float:left;
}

#salonServicesSlider ul li img{
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	border-radius: 12px 12px 0 0;
}

#salonServicesSlider ol{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	left: 50%;
	bottom:140px;
}

#salonServicesSlider ol li{
	background: url(images/slideButton.png) 0 0 no-repeat transparent;
	margin-right: 4px;
	width: 18px;
	height: 18px;
	float:left;
	cursor: pointer;
}

#salonServicesSlider ol li:hover{
	background: url(images/slideButton.png) -18px 0  no-repeat transparent;
}

#salonServicesSlider ol li:active{
	background: url(images/slideButton.png) -36px 0  no-repeat transparent;
}

#salonServicesSlider ol li.selected{
	background: url(images/slideButton.png) -54px 0  no-repeat transparent;
}

#salonServicesSlider ol li.selected:hover{
	background: url(images/slideButton.png) -72px 0  no-repeat transparent;
}

#salonServicesSlider ol li.selected:active{
	background: url(images/slideButton.png) -90px 0  no-repeat transparent;
}

#salonServicesSlider .salonServicesSliderBtnLeft,
#salonServicesSlider .salonServicesSliderBtnRight{
	background: url(/bitrix/templates/dresscodeV2/components/dresscode/slider/promoSlider/images/slideArrow3.png) 0 0  no-repeat transparent;
	position: absolute;
	transform: translateY(-50%);
	display: block;
	height: 36px;
	width: 36px;
	top: 50%;
    border-radius: 50%;
}

#salonServicesSlider .salonServicesSliderBtnLeft{
	background-position: 0 0;
	left: 0px;
}

#salonServicesSlider .salonServicesSliderBtnLeft:hover{
	right:0;
}

#salonServicesSlider .salonServicesSliderBtnLeft:active{
	background-position: -36px 0;
}

#salonServicesSlider .salonServicesSliderBtnRight{
	background-position: 0 -36px;
	right: 0px;
}

#salonServicesSlider .salonServicesSliderBtnRight:hover{
	background-position: -36px -36px;
}

#salonServicesSlider .salonServicesSliderBtnRight:active{
	background-position: -36px -36px;
}

.slideBox .tb {
    height: 100%;
}
.tb {
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
    width: 100%;
}
 .text-wrap {
    color: #000;
}
.text-wrap *:last-child {
    margin-bottom: 0;
}
.head_bg_lining {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
	border-radius: 0 0 12px 12px;
}
 .h2 {
    margin-bottom: 8px;
    display: inline-block;
    line-height: 25px;
    max-height: 75px;
    overflow: hidden;
}
 .descr {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
}
@media (max-width: 800px) {
#salonServicesSlider ul li img {
    width:90%;
}
}