/* ползунки */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box
}

.noUi-target {
  position: relative;
  direction: ltr
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8
}

.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8
}

.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px
}

.noUi-handle {
  position: relative;
  z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-base,
.noUi-handle {
  transform: translateZ(0)
}

.noUi-horizontal {
  height: 6px;
  margin: 15px 0
}

.noUi-horizontal .noUi-handle .noUi-tooltip {
  margin-top: 15px;
  margin-left: -10px
}

.noUi-horizontal .noUi-pips .noUi-value {
  position: absolute;
  top: 10px
}

.noUi-horizontal .noUi-pips .noUi-value.noUi-value-large:last-of-type {
  left: 95% !important
}

.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px
}

.noUi-vertical .noUi-handle {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  left: -6px;
  top: -10px;
  cursor: pointer;
  border-radius: 100%;
  transition: all .2s ease-out;
  border: 1px solid #9c27b0;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.noUi-target {
  background: #c8c8c8;
  border-radius: 4px
}

.noUi-connect {
  background: #3fb8af;
  transition: background .45s
}

.noUi-draggable {
  cursor: w-resize
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize
}

.noUi-handle {
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  left: -7px;
  top: -6px;
  cursor: pointer;
  border-radius: 100%;
  transition: all .2s ease-out;
  border: 1px solid;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.noUi-handle.noUi-active {
  transform: scale3d(1.5, 1.5, 1)
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed
}

.slider {
  background: #c8c8c8
}

.slider .noUi-connect {
  background-color: #9c27b0;
  border-radius: 4px
}

.slider .noUi-handle {
  border-color: #9c27b0
}

.slider.slider-info .noUi-connect {
  background-color: #00bcd4
}

.slider.slider-info .noUi-handle {
  border-color: #00bcd4
}

.slider.slider-success .noUi-connect {
  background-color: #4caf50
}

.slider.slider-success .noUi-handle {
  border-color: #4caf50
}

.slider.slider-warning .noUi-connect {
  background-color: #ff9800
}

.slider.slider-warning .noUi-handle {
  border-color: #ff9800
}

.slider.slider-danger .noUi-connect {
  background-color: #f44336
}

.slider.slider-danger .noUi-handle {
  border-color: #f44336
}

.slider.slider-rose .noUi-connect {
  background-color: #e91e63
}

.slider.slider-rose .noUi-handle {
  border-color: #e91e63
}
/* конец ползунки */
/* блок с ползунками */
.slider-filter-0{
    padding: 20px 0;
    /* background: #55b559;  */
}
.slider-filter{
    background: white;
    border-radius: 10px;
    padding-bottom: 25px;
    position: relative;
    border: 1px solid #00cae3;
}
.slider-filter__title{
    text-align: center;
    font-weight: 600;
    color: #656565;
    text-transform: uppercase; 
    margin-bottom: 25px;
    background: #f1f1f1;
    padding: 25px;
    border-radius: 10px 10px 0 0;
    height: 70px;  
}
.slider-filter__block-2{
    width: 320px;
    margin: 0 30px;
    position: relative; 
}
.slider-filter__block{
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-filter__button{
    padding: 15px 30px;
    margin-left: 20px;
    background: #00cae3;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px; 
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.15s ease-in-out;
}
.slider-filter__button:hover{
    background: #55b559;
}
.slider-filter__text{
    font-weight: 400;
    color: #656565;
    padding-left: 0;
}
.slider-filter__thick{
    font-weight: 600;
    font-size: 17px;
}
.slider-filter__money-1,
.slider-filter__money-2,
.slider-filter__year-1,
.slider-filter__year-2{
    position: absolute;
    bottom: -8px;
    font-size: 12px;
    color: #797979; 
}
.slider-filter__money-1,
.slider-filter__year-1{
    left: -14px;
}
.slider-filter__money-2,
.slider-filter__year-2{
    right: -14px;
}
.slider-filter__approval{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 70px;
    width: 100%;
}
.filter__1{
    display: none;
}
.slider-filter__approval-block-1{
    width: 50%;
    height: 100%;
    border-radius: 10px 0 0 0;
    display: flex;
    align-items: center;
    padding-right: 20px;
    color: white;
    border-right: 1px solid #f3f4f6;
}
.slider-filter__approval-block-2{
    width: 50%;
    height: 100%;
    border-radius: 0 10px 0 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    color: white;
}
.slider-filter__percent{
    margin-left: auto;
    font-size: 40px;
    padding-right: 20px;
}
.slider-filter__approval-1{
    background: #4caf50;
}
.slider-filter__approval-2{
    background: #00cae3;
    padding: 20px 10px;
}
.slider-filter__approval-3{
    background: #9c62a1;
}
.slider-filter__annotation{
    margin: 0;
}
.slider-filter__approval-block-1, .slider-filter__approval-block-2{
	transition: background 0.5s ease;
}
.slider-filter__approval-0{
	background: #e1e1e1;
}
/* конец блок с ползунк
ами */
@media (max-width:1200px){
.slider-filter__block-2 {
  margin: 0 17px;
}
}
@media (max-width:1024px) {
	.slider-filter__block-2 {
		margin: 0 10px;
	}
	.slider-filter__money-1, .slider-filter__year-1 {
    left: 0px;
	}
	.slider-filter__money-2, .slider-filter__year-2 {
    right: 0px;
	}
}
@media (max-width:860px) {
	.slider-filter__block {
		padding: 0 10px;
	}
	.slider-filter__button {
    padding: 10px 30px;
    line-height: 17px;
  }
  .slider-filter__block {
    flex-direction: column;
}
.slider-filter__button {
  margin: 20px 0 0;
}
}
@media (max-width:800px) {
	.slider-filter__text {
    padding-left: 24px;
	}
}
@media (max-width:768px) {
	.slider-filter__text {
    padding-left: 0;
	}
}
@media (max-width:680px) {
	.slider-filter__block{
		flex-direction: column;
	}
	.slider-filter__block-2{
		margin: 0 0 20px 0;
	}
	.slider-filter__block-2{
		margin: 0 0 30px 0;
	}
	.slider-filter__button{
		width: 320px;
		margin: 0;
		padding: 20px 0;
	}
}
@media (max-width:620px) {
}
@media (max-width:580px) {
	.slider-filter__title{
		font-size: 14px;
	}
}
@media (max-width:540px) {
	.slider-filter__approval-block-1 {
    padding: 20px;
	}
	.slider-filter__title{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 25px;
		font-size: 15px;
  }
  .slider-filter__percent {
    font-size: 28px;
  }
}
@media (max-width:480px){
  .slider-filter__approval-block-1 {
    flex-direction: column;
    padding: 7px;
  }
  section.post .main-content article p {
    text-align: left;
    line-height: 16px;
  }
  .slider-filter__percent {
    margin-left: 0;
    padding-right: 0;
  }
  .slider-filter__approval {
    height: 90px;
  }
  .slider-filter__title {
    height: 90px;
  }
  .slider-filter__block-2 {
    width: 270px;
  }
  .slider-filter__button {
    width: 270px;
  }
}
@media (max-width:420px) {
	.slider-filter__percent {
    padding-right: 10px;
	}
	.slider-filter__title {
    font-size: 13px;
  }
  section.post .main-content article {
    width: 80%;
  }
  .slider-filter__block-2 {
    width: 200px;
}
.slider-filter__button {
  width: 100%;
}
}
@media (max-width:380px) {
	.slider-filter__annotation {
    font-size: 14px;
	}
	.slider-filter__percent {
    font-size: 32px;
	}
	.slider-filter__percent {
    font-size: 25px;
	}
}
@media (max-width:360px) {
	.slider-filter__approval-block-1 {
    padding: 12px;
	}
	.slider-filter__annotation {
    font-size: 12px;
	}
	.slider-filter__annotation {
    line-height: 17px;
	}
	.slider-filter__button {
		width: 100%;
	}
}
@media (max-width: 1200px){

}