.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
/* custom styles fo slider */
.ui-widget.ui-widget-content {
    border: none;
}
.ui-widget.ui-widget-content .ui-state-active {
    color: #333;
}
.ui-slider-horizontal {
    height: 12px;
    background-color: #e6e6e6;
    border-radius: 12px;
}
.ui-slider-horizontal .ui-slider-handle {
    /*background-color: #83b143;*/
    background-color: #83b143;
    width: 24px;
    height: 24px;
    top: -6px;
    left: -6px;
    border-radius: 12px;
    border: 2px solid #fff;
}
#slider_privilege_period,
#slider_date_pay {
    margin-top: -10px;
}
/* minor elements for slider */
.slider__tooltip {
    color: black;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -100%);
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    z-index: 3;
}
.slider__partner-profit {
    font: 26px/1.1 'LatoSemibold', 'RobotoMedium', sans-serif;
    color: #83b143;
}
.slider__cashback-bonus {
    font: 94px/1 'LatoSemibold', 'RobotoMedium', sans-serif;
    color: #83b143;
}
/* range */
.slider-range-block {
    padding: 45px 70px 220px;
    background-color: #fff;
}
.slider-range-block.slider-range-block_pb_40 {
    padding-bottom: 40px;
}
/* for faq in card-constructor */
.slider-range-block.slider-range-block_faq {
    background-color: inherit;
    padding: 0px 20px 220px 0;
}

/* end for faq in card-constructor */
.w-ui-slider-range {
    position: relative;
    z-index: 1;
    margin-top: 100px;
}
.w-ui-slider-range  .ui-slider-handle:last-child:after {
    content: 'Чтобы проценты не начислялись, задолженность необходимо оплатить полностью до этой даты';
    position: absolute;
    left: calc(100% + 2px);
    top: 100%;
    margin-top: 110px;
    color: #7a7b7b;
    font-size: 15px;
    width: 300px;
    border-left: 4px solid #83b143;
    padding-left: 10px;
    z-index: 1;
}
#rs-classic .w-ui-slider-range  .ui-slider-handle:last-child:after {
    left: calc(100% - 296px);
    border-right: 4px solid #83b143;
    border-left: none;
}
.w-ui-slider-range  .ui-slider-handle:last-child:before{
    content: '';
    position: absolute;
    left: calc(100% + 2px);
    top: 100%;
    height: 115px;
    background-color: #e6e6e6;
    z-index: -1;
    width: 1px;
    margin-top: -5px;
}
.w-ui-slider-range  .ui-slider-handle:last-child {
    border-radius: 50px;
}
.w-ui-slider-range .ui-slider-range:after {
    font-weight: bold;
    content: 'дата совершения покупки';
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    top: 60px;
    margin-top: 5px;
    z-index: 3;
    left: -30px;
    max-width: 145px;
}
.w-ui-slider-range .ui-slider-range:before {
    font-weight: bold;
    content: 'конец льготного периода';
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    top: 60px;
    margin: 5px 0 0 14px;
    left: calc(100% + 5px);
    width: 140px;
    max-width: 145px;
    z-index: 99999;
}
#rs-classic .w-ui-slider-range .ui-slider-range:before {
    left: calc(100% - 145px);
}
.w-ui-slider-range .ui-slider-horizontal .ui-slider-handle {
    border-color: #83b143;
}

#slider_range > .ui-slider-handle:nth-child(2) {
    font-size: 0;
}

/* for rs-classic.html */
.slider-range-block_exemption .ui-slider .ui-slider-range {
    height: auto;
    top: -6px;
    bottom: -6px;
    background-color: #83b143;
}
.ui-slider .ui-slider-range {
    top: 0px;
    bottom: 0px;
    background-color: #83b143;
    border-radius: 12px 0 0 12px;
}

.w-slider-range__date {
    margin-bottom: 30px;
}
.ui-state-disabled {
    opacity: 1;
}
.slider-range__date-1,
.slider-range__date-2 {
    font-size: 18px;
}
.slider-range__date-sum {
    color: #83b143;
    font: 74px/1 'LatoSemibold', 'RobotoMedium', sans-serif;
}
.slider-range__date-sum span {
    font-size: 18px;
}
/* slider with 3 mark */
.w-ui-slider-three-mark {
    position: relative;
    z-index: 1;
    margin-top: -12px;
}
.w-ui-slider-three-mark .slider__tooltip {
    top: -15px;
}
.w-ui-slider-three-mark .ui-slider-horizontal {
    background: none;
}
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:first-child {
    background-color: #abaaaa;
}

.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:first-child:after,
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(2):after,
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(3):after {
    position: absolute;
    color: #7a7b7b;
    max-width: 80px;
    top: -80px;
    left: -25px;
    font-size: 14px;
}

.w-ui-slider-three-mark .slider__tooltip {
    color: #7a7b7b;
}
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:first-child:after {
    content: 'последняя выписка';
}
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(3) {
    background-color: #abaaaa;
}
#rs-classic .w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(3) {
    background: #83b143;
}
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(2):after {
    content: 'следующая выписка';
}
.w-ui-slider-three-mark .ui-slider-horizontal .ui-slider-handle:nth-child(3):after {
    content: 'очередная выписка';
}


@media (max-width: 768px) {
    .slider-range-block.slider-range-block_hidden-mob {
        display: none;
    }
}